yt-chat-components 1.1.2 → 1.1.4

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.
Files changed (42) hide show
  1. package/.idea/modules.xml +1 -1
  2. package/.idea/sonarlint/issuestore/3/6/364385cedcce4c06de1901392ffeeac0caef0f3c +0 -0
  3. package/.idea/sonarlint/issuestore/3/9/39129446b425a1d640160c068e4194e96639eedf +0 -0
  4. package/.idea/sonarlint/issuestore/4/a/4a2f33951ce07c1ff7184f91877aa13db05d3785 +0 -0
  5. package/.idea/sonarlint/issuestore/4/a/4a7b99bdbee5792679d347b6474463bf5e14b66d +0 -0
  6. package/.idea/sonarlint/issuestore/4/b/4b015aa5428c4d4c3d672893ec23f5fe3969f9be +0 -0
  7. package/.idea/sonarlint/issuestore/4/b/4b6989b8ccae808ebc45d02230d336ea53800365 +0 -0
  8. package/.idea/sonarlint/issuestore/6/1/61ebb9fd6e8cf9082658121d5d81e297791dacd0 +0 -0
  9. package/.idea/sonarlint/issuestore/6/c/6c024c1d0ad64656b9d4b0695ec3c49c0454addf +0 -0
  10. package/.idea/sonarlint/issuestore/6/e/6e75fc1c07c3a427a86fc213ca9479caaaff00ea +0 -0
  11. package/.idea/sonarlint/issuestore/8/d/8d6123af13a140f93e06299fff7ea23c547e9ec8 +0 -0
  12. package/.idea/sonarlint/issuestore/c/c/cc2352788140b6778ac06df4b33f50b390d2d8be +0 -0
  13. package/.idea/sonarlint/issuestore/d/5/d5595158cc48f9bf3e51b06f6e6805a8fd2d6262 +0 -0
  14. package/.idea/sonarlint/issuestore/d/7/d747cbed4201192dfa83a1a51345b020a050b647 +0 -0
  15. package/.idea/sonarlint/issuestore/d/9/d938938695d447dadda115e28781c6541f53fc4f +0 -0
  16. package/.idea/sonarlint/issuestore/index.pb +31 -3
  17. package/build/static/js/bundle.min.js +2 -0
  18. package/build/static/js/bundle.min.js.LICENSE.txt +132 -0
  19. package/package.json +79 -78
  20. package/public/index.html +108 -108
  21. package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx +498 -464
  22. package/src/YtChatView/chatWidget/chatWindow/controllers/index.ts +249 -249
  23. package/src/YtChatView/chatWidget/chatWindow/index.module.css +196 -196
  24. package/src/YtChatView/chatWidget/chatWindow/index.tsx +1099 -1086
  25. package/src/YtChatView/chatWidget/chatWindow/types/chatWidget/index.ts +50 -50
  26. package/src/YtChatView/chatWidget/index.tsx +2593 -2591
  27. package/src/YtChatView/logoBtn/index.css +3 -3
  28. package/src/YtChatView/logoBtn/index.jsx +103 -103
  29. package/src/YtChatView/logoSplitBtn/index.css +3 -3
  30. package/src/YtChatView/logoSplitBtn/index.jsx +105 -105
  31. package/src/YtChatView/mobileChat/index.jsx +945 -945
  32. package/src/YtChatView/mobileChat/index.module.css +253 -253
  33. package/src/YtChatView/previewDialog/index.jsx +600 -600
  34. package/src/YtChatView/previewDialog/index.module.css +253 -253
  35. package/src/chatWidget/chatWindow/index.tsx +426 -426
  36. package/src/chatWidget/index.tsx +2195 -2193
  37. package/src/index.tsx +10 -10
  38. package/webpack.config.js +50 -50
  39. package/dist/build/static/js/bundle.min.js +0 -1
  40. /package/.idea/{langflow-embedded-chat-clone.iml → langflow-embedded-chat.iml} +0 -0
  41. /package/.idea/sonarlint/issuestore/{7/0/7030d0b2f71b999ff89a343de08c414af32fc93a → 0/f/0f8c0c92cf798431ebb931ff6e997b1af86ecee5} +0 -0
  42. /package/.idea/sonarlint/issuestore/{9/c/9cfff9a6d27bd6c255aa751213163c7901fb8ce7 → 2/7/27e69cb561aeea20c1afbdd32d260dd60b89a81b} +0 -0
package/src/YtChatView/chatWidget/index.tsx CHANGED
@@ -1,2591 +1,2593 @@
1
- // @ts-nocheck
2
- import { useRef, useState } from 'react';
3
- import ChatWindow from './chatWindow';
4
- import { ChatMessageType } from './chatWindow/types/chatWidget';
5
-
6
- export default function ChatWidget({
7
- tags,
8
- getHistoryList,
9
- userInfo,
10
- api_key,
11
- output_type = 'chat',
12
- input_type = 'chat',
13
- output_component,
14
- host_url,
15
- flow_id,
16
- tweaks,
17
- send_icon_style,
18
- bot_message_style,
19
- user_message_style,
20
- chat_window_style,
21
- height,
22
- width,
23
- error_message_style,
24
- send_button_style,
25
- online,
26
- online_message,
27
- offline_message,
28
- window_title,
29
- chat_position,
30
- placeholder,
31
- input_style,
32
- placeholder_sending,
33
- input_container_style,
34
- additional_headers,
35
- session_id,
36
- start_open = false,
37
- setDropDownList,
38
- dropDownList,
39
- baseConfig,
40
- isShowVoiceButton,
41
- isShowUploadButton,
42
- dropManUrl,
43
- modalWidth,
44
- isMobile = false,
45
- isShowChatHeader = true,
46
- }: {
47
- tags: [];
48
- getHistoryList: Function;
49
- userInfo: object;
50
- api_key?: string;
51
- input_value: string;
52
- output_type: string;
53
- input_type: string;
54
- output_component?: string;
55
- send_icon_style?: React.CSSProperties;
56
- chat_position?: string;
57
- bot_message_style?: React.CSSProperties;
58
- user_message_style?: React.CSSProperties;
59
- chat_window_style?: React.CSSProperties;
60
- online?: boolean;
61
- online_message?: string;
62
- offline_message?: string;
63
- height?: string;
64
- width?: number;
65
- window_title?: string;
66
- error_message_style?: React.CSSProperties;
67
- send_button_style?: React.CSSProperties;
68
- placeholder_sending?: string;
69
- placeholder?: string;
70
- input_style?: React.CSSProperties;
71
- input_container_style?: React.CSSProperties;
72
- host_url: string;
73
- flow_id: string;
74
- tweaks?: { [key: string]: any };
75
- additional_headers?: { [key: string]: string };
76
- session_id?: string;
77
- start_open?: boolean;
78
- baseConfig:object;
79
- isShowVoiceButton:boolean;
80
- isShowUploadButton:boolean;
81
- dropManUrl: string;
82
- modalWidth: number;
83
- isMobile: boolean;
84
- isShowChatHeader: boolean;
85
- }) {
86
- const [open, setOpen] = useState(start_open);
87
- const [messages, setMessages] = useState<ChatMessageType[]>([]);
88
- const sessionId = session_id;
89
-
90
- function updateLastMessage(message: ChatMessageType) {
91
- setMessages((prev) => {
92
- prev[prev.length - 1] = message;
93
- return [...prev];
94
- });
95
- }
96
-
97
- function addMessage(message: ChatMessageType) {
98
- setMessages((prev) => [...prev, message]);
99
- }
100
-
101
- function clearMessage() {
102
- setMessages([]);
103
- }
104
-
105
- const triggerRef = useRef<HTMLButtonElement>(null);
106
-
107
- const styles = `
108
-
109
- *,
110
- ::before,
111
- ::after {
112
- box-sizing: border-box;
113
- border-width: 0;
114
- border-style: solid;
115
- border-color: #e5e7eb;
116
- }
117
-
118
- abbr:where([title]) {
119
- -webkit-text-decoration: underline dotted;
120
- text-decoration: underline dotted;
121
- }
122
-
123
- b,
124
- strong {
125
- font-weight: bolder;
126
- }
127
-
128
- code,
129
- kbd,
130
- samp,
131
- pre {
132
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
133
- /* 1 */
134
- font-size: 1em;
135
- /* 2 */
136
- }
137
-
138
- small {
139
- font-size: 80%;
140
- }
141
-
142
- sub,
143
- sup {
144
- font-size: 75%;
145
- line-height: 0;
146
- position: relative;
147
- vertical-align: baseline;
148
- }
149
-
150
- sub {
151
- bottom: -0.25em;
152
- }
153
-
154
- sup {
155
- top: -0.5em;
156
- }
157
-
158
- button,
159
- input,
160
- optgroup,
161
- select,
162
- textarea {
163
- font-family: inherit;
164
- /* 1 */
165
- font-size: 100%;
166
- /* 1 */
167
- font-weight: inherit;
168
- /* 1 */
169
- line-height: inherit;
170
- /* 1 */
171
- color: inherit;
172
- /* 1 */
173
- margin: 0;
174
- /* 2 */
175
- padding: 0;
176
- /* 3 */
177
- }
178
-
179
- /*
180
- Remove the inheritance of text transform in Edge and Firefox.
181
- */
182
-
183
- button,
184
- select {
185
- text-transform: none;
186
- }
187
-
188
- /*
189
- 1. Correct the inability to style clickable types in iOS and Safari.
190
- 2. Remove default button styles.
191
- */
192
-
193
- button,
194
- [type='button'],
195
- [type='reset'],
196
- [type='submit'] {
197
- -webkit-appearance: button;
198
- /* 1 */
199
- // background-color: transparent;
200
- /* 2 */
201
- background-image: none;
202
- /* 2 */
203
- }
204
-
205
- /*
206
- Use the modern Firefox focus style for all focusable elements.
207
- */
208
-
209
- :-moz-focusring {
210
- outline: auto;
211
- }
212
-
213
- /*
214
- Remove the additional ':invalid' styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
215
- */
216
-
217
- :-moz-ui-invalid {
218
- box-shadow: none;
219
- }
220
-
221
- /*
222
- Add the correct vertical alignment in Chrome and Firefox.
223
- */
224
-
225
- progress {
226
- vertical-align: baseline;
227
- }
228
-
229
- /*
230
- Correct the cursor style of increment and decrement buttons in Safari.
231
- */
232
-
233
- ::-webkit-inner-spin-button,
234
- ::-webkit-outer-spin-button {
235
- height: auto;
236
- }
237
-
238
- /*
239
- 1. Correct the odd appearance in Chrome and Safari.
240
- 2. Correct the outline style in Safari.
241
- */
242
-
243
- [type='search'] {
244
- -webkit-appearance: textfield;
245
- /* 1 */
246
- outline-offset: -2px;
247
- /* 2 */
248
- }
249
-
250
- /*
251
- Remove the inner padding in Chrome and Safari on macOS.
252
- */
253
-
254
- ::-webkit-search-decoration {
255
- -webkit-appearance: none;
256
- }
257
-
258
- /*
259
- 1. Correct the inability to style clickable types in iOS and Safari.
260
- 2. Change font properties to 'inherit' in Safari.
261
- */
262
-
263
- ::-webkit-file-upload-button {
264
- -webkit-appearance: button;
265
- /* 1 */
266
- font: inherit;
267
- /* 2 */
268
- }
269
-
270
- /*
271
- Add the correct display in Chrome and Safari.
272
- */
273
-
274
- summary {
275
- display: list-item;
276
- }
277
-
278
- /*
279
- Removes the default spacing and border for appropriate elements.
280
- */
281
-
282
- fieldset {
283
- margin: 0;
284
- padding: 0;
285
- }
286
-
287
- legend {
288
- padding: 0;
289
- }
290
-
291
-
292
- /*
293
- Prevent resizing textareas horizontally by default.
294
- */
295
-
296
- textarea {
297
- resize: vertical;
298
- }
299
-
300
- /*
301
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
302
- 2. Set the default placeholder color to the user's configured gray 400 color.
303
- */
304
-
305
- input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
306
- opacity: 1;
307
- /* 1 */
308
- color: #9ca3af;
309
- /* 2 */
310
- }
311
-
312
- input::placeholder,
313
- textarea::placeholder {
314
- opacity: 1;
315
- /* 1 */
316
- color: #9ca3af;
317
- /* 2 */
318
- }
319
-
320
- /*
321
- Set the default cursor for buttons.
322
- */
323
-
324
- button,
325
- [role="button"] {
326
- cursor: pointer;
327
- }
328
-
329
- /*
330
- Make sure disabled buttons don't get the pointer cursor.
331
- */
332
-
333
- :disabled {
334
- cursor: default;
335
- }
336
-
337
- /*
338
- 1. Make replaced elements 'display: block' by default. (https://github.com/mozdevs/cssremedy/issues/14)
339
- 2. Add 'vertical-align: middle' to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
340
- This can trigger a poorly considered lint error in some tools but is included by design.
341
- */
342
-
343
-
344
- /*
345
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
346
- */
347
-
348
- img,
349
- video {
350
- max-width: 100%;
351
- height: auto;
352
- }
353
-
354
- /* Make elements with the HTML hidden attribute stay hidden by default */
355
-
356
- [hidden] {
357
- display: none;
358
- }
359
-
360
- .cl-window {
361
- border-radius: 1rem;
362
- padding-top: 1.8rem;
363
- padding-bottom: 1.2rem;
364
- }
365
-
366
- .cl-middle-container{
367
- height:100%;
368
- display: flex;
369
- flex-direction: column;
370
- overflow: hidden;
371
- border-left:0.5px solid #3850FF2E;
372
- border-right:0.5px solid #3850FF2E;
373
- padding-left:1.6rem;
374
- padding-right:1.6rem;
375
- }
376
-
377
-
378
- .cl-scale-100 {
379
- --tw-scale-x: 1;
380
- --tw-scale-y: 1;
381
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
382
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
383
- }
384
-
385
- .cl-scale-0 {
386
- --tw-scale-x: 0;
387
- --tw-scale-y: 0;
388
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
389
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
390
- }
391
-
392
-
393
- .cl-chat-window {
394
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
395
- "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
396
- sans-serif;
397
- position: absolute;
398
- transition-property: all;
399
- transition-duration: 300ms;
400
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
401
- }
402
-
403
- .cl-online-message {
404
- height: 0.5rem;
405
- width: 0.5rem;
406
- border-radius: 9999px;
407
- --tw-bg-opacity: 1;
408
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
409
- }
410
-
411
- .cl-offline-message {
412
- height: 0.5rem;
413
- width: 0.5rem;
414
- border-radius: 9999px;
415
- --tw-bg-opacity: 1;
416
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
417
- }
418
-
419
- .cl-send-icon {
420
- margin-right: 1.25rem;
421
- height: 1.5rem;
422
- width: 1.5rem;
423
- }
424
-
425
- .cl-notsending-message {
426
- stroke: #3b82f6;
427
- }
428
-
429
- .cl-notsending-message:hover {
430
- stroke: #60a5fa;
431
- }
432
-
433
- .cl-sending-message {
434
- stroke: #9ca3af;
435
- }
436
-
437
- .cl-header-subtitle {
438
- display: flex;
439
- align-items: center;
440
- gap: 0.5rem;
441
- font-size: 0.875rem;
442
- line-height: 1.25rem;
443
- font-weight: 300;
444
- color: rgb(107 114 128);
445
- }
446
-
447
- .cl-header {
448
- position:relative;
449
- display: flex;
450
- flex-direction: column;
451
- --tw-bg-opacity: 1;
452
- font-size: 1.125rem;
453
- line-height: 1.75rem;
454
- font-weight: 400;
455
- color: rgb(17 24 39);
456
- }
457
-
458
- .cl-header .header-title{
459
- display: flex;
460
- align-items: center;
461
- margin-bottom: 16px;
462
- font-size: 22px;
463
- font-weight: 600;
464
- }
465
-
466
- .cl-header .diamond {
467
- position: relative;
468
- display: inline-block;
469
- width: 20px;
470
- height: 20px;
471
- }
472
-
473
- .cl-header .diamond::before {
474
- content: '';
475
- position: absolute;
476
- top: 5px;
477
- left: 0;
478
- width: 10px;
479
- height: 10px;
480
- background-color: blue;
481
- transform: rotate(45deg);
482
- border-radius: 3px;
483
- }
484
-
485
- .cl-tips-wrapper {
486
- width:100%;
487
- display:flex;
488
- margin-top:0.81rem;
489
- flex-direction: row;
490
- position: relative;
491
- padding-bottom: 100px;
492
- z-index: 1;
493
- }
494
-
495
- .cl-tips-wrapper .drop-man-img {
496
- width: 35%;
497
- }
498
- .cl-tips-wrapper .drop-down-title {
499
- margin-top: 45px;
500
- font-family: PingFangSC, PingFang SC;
501
- font-weight: 500;
502
- font-size: 18px;
503
- color: #333333;
504
- line-height: 28px;
505
- text-align: left;
506
- font-style: normal;
507
- > div {
508
- margin-top: 15px;
509
- font-size: 12px;
510
- color: # 999;
511
- }
512
- }
513
-
514
- .cl-tips-wrapper .cl-drop-down-mobile {
515
- position: absolute;
516
- width:100%;
517
- top: 120px;
518
- }
519
-
520
- .cl-tips-wrapper .drop-down-list-mobile {
521
- display: flex;
522
- flex-direction: column;
523
- margin-top: 2rem;
524
- width:100%;
525
- align-items: end;
526
- }
527
-
528
- .drop-down-item-card-mobile {
529
- width: 85%;
530
- height: 3.4rem;
531
- padding: 0 0.6rem 0;
532
- border-radius:20px;
533
- border-top-left-radius: 0;
534
- background: url("https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/drop-down-item-card-bg.png");
535
- background-size: cover;
536
- background-position: center;
537
- background-repeat: no-repeat;
538
- margin-bottom: 20px;
539
-
540
- display:flex;
541
- align-items: center;
542
- }
543
- .drop-down-item-title-mobile {
544
- font-family: PingFangSC, PingFang SC;
545
- font-weight: 400;
546
- font-size: 13px;
547
- color: #000000;
548
- line-height: 17px;
549
- text-align: left;
550
- font-style: normal;
551
- width: 100%;
552
- margin-bottom:0 !important;
553
- }
554
-
555
- .drop-down-item-bottom-img-mobile{
556
- width:3.5rem;
557
- height:2.5rem;
558
- }
559
-
560
- .cl-drop-man{
561
- width:100%;
562
- display:flex;
563
- margin-top:0.81rem;
564
- }
565
- .cl-drop-man .drop-man-img{
566
- height:340px;
567
- margin-right: 4rem;
568
- margin-left: 3rem;
569
- }
570
-
571
- .cl-drop-man .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
572
- height:3.4rem;
573
- margin-right:20px;
574
- }
575
-
576
- .cl-drop-man .drop-down-list{
577
- width:auto;
578
- display:flex;
579
- flex-direction:row;
580
- flex-wrap:wrap;
581
- }
582
-
583
- .cl-drop-man .cl-drop-down .drop-down-item-card{
584
- width:calc(50% - 0.65rem);
585
- }
586
-
587
- .cl-drop-man .cl-drop-down{
588
- flex:1;
589
- position:unset;
590
- border-bottom-left-radius: 0;
591
- }
592
-
593
- .cl-drop-horizontal{
594
- width:100%;
595
- display:flex;
596
- margin-top:0.81rem;
597
- }
598
-
599
- .cl-drop-horizontal .drop-man-img{
600
- height:340px;
601
- margin-right: 4rem;
602
- margin-left: 3rem;
603
- }
604
-
605
- .cl-drop-horizontal .drop-down-list{
606
- width:auto;
607
- display:flex;
608
- flex-direction:row;
609
- flex-wrap:wrap;
610
- }
611
-
612
- .cl-drop-horizontal .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
613
- height:2.4rem;
614
- width:auto;
615
- margin-right:20px;
616
- }
617
-
618
- .cl-drop-horizontal .cl-drop-down{
619
- flex:1;
620
- position:unset;
621
- border-bottom-left-radius: 0;
622
- }
623
-
624
- .cl-drop-horizontal .cl-drop-down .drop-down-item-card{
625
- width:100%;
626
- height:unset;
627
- justify-content:unset;
628
- flex-direction:row;
629
- align-items: center;
630
- padding: 0.8rem 1.2rem 0.8rem;
631
- cursor:pointer;
632
- }
633
-
634
- .cl-drop-horizontal .drop-down-item-bottom-button{
635
- display:none;
636
- }
637
-
638
- .cl-drop-screen{
639
- width:100%;
640
- display:flex;
641
- margin-top:0.81rem;
642
- align-items: flex-start;
643
- }
644
-
645
- .cl-drop-screen .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
646
- height:2.4rem;
647
- width:auto;
648
- margin-right:20px;
649
- }
650
-
651
- .cl-drop-screen .drop-man-img{
652
- height:340px;
653
- margin-right: 4rem;
654
- margin-left: 3rem;
655
- }
656
-
657
- .cl-drop-screen .cl-drop-down{
658
- flex:1;
659
- position:unset;
660
- border-bottom-left-radius: 0;
661
- }
662
-
663
- .cl-drop-screen .cl-drop-down .drop-down-item-card{
664
- width:calc(33% - 0.65rem);
665
- }
666
-
667
- .cl-drop-down {
668
- background: #FFFFFF;
669
- border-radius: 10px;
670
- box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
671
- z-index: 1;
672
- width: 100%;
673
- min-height: 50px;
674
- position: absolute;
675
- bottom: -14.7rem;
676
- padding:1.3rem;
677
- }
678
-
679
- .drop-down-title {
680
- font-weight: 500;
681
- font-size: 18px;
682
- color: #000000;
683
- line-height: 1.1;
684
- text-align: left;
685
- }
686
- .drop-down-list {
687
- display:flex;
688
- gap:1.3rem;
689
- margin-top:2rem;
690
- }
691
- .drop-down-item-card {
692
- width: 33%;
693
- padding: 1.2rem 1.2rem 0.3rem;
694
- height:7.5rem;
695
- font-weight: 400;
696
- font-size: 14px;
697
- color: #FFFFFF;
698
- line-height: 14px;
699
- text-align: left;
700
- border-radius:10px;
701
- background: url("https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/drop-down-item-card-bg.png");
702
- background-size: cover;
703
- background-position: center;
704
- background-repeat: no-repeat;
705
-
706
- display:flex;
707
- justify-content: space-between;
708
- flex-direction: column;
709
- }
710
- .drop-down-item-title {
711
- font-weight: 400;
712
- font-size: 16px;
713
- color: #000000;
714
- line-height: 20px;
715
- text-align: left;
716
- width: 100%;
717
- margin-bottom:0 !important;
718
- }
719
- .drop-down-item-bottom{
720
- display:flex;
721
- align-items: center;
722
- justify-content: space-between;
723
- flex-direction: row;
724
- // margin-top:1rem;
725
- align-items: center;
726
- }
727
-
728
- .drop-down-item-bottom-button{
729
- border-radius: 16px;
730
- line-height: 20px;
731
- text-align: left;
732
- width: 2rem;
733
- padding: 0.2rem 0.4rem 0.2rem 0.2rem;
734
- cursor: pointer;
735
- display: flex;
736
- justify-content: center;
737
- align-items: center
738
- }
739
-
740
- .drop-down-item-bottom-img{
741
- width:4rem;
742
- height:3.5rem;
743
- }
744
-
745
- @media screen and (max-width: 1000px){
746
- .drop-down-item-bottom-img {
747
- display:none;
748
- }
749
- .drop-down-item-bottom {
750
-
751
- margin-bottom:1rem;
752
- }
753
- }
754
-
755
- .cl-messages_container {
756
- position: relative;
757
- display: flex;
758
- height: 100%;
759
- flex-direction: column;
760
- overflow: scroll;
761
- overflow-x: clip;
762
- --tw-bg-opacity: 1;
763
- padding-left: 1rem;
764
- padding-right: 1rem;
765
- padding-top: 0.5rem;
766
- padding-bottom: 0.5rem;
767
- -ms-overflow-style: none;
768
- scrollbar-width: none;
769
- }
770
-
771
- .cl-messages_container::-webkit-scrollbar {
772
- display: none;
773
- }
774
-
775
- .cl-input_container {
776
- position: relative;
777
- display: flex;
778
- flex-direction: column;
779
- width: 100%;
780
- align-items: center;
781
- --tw-border-opacity: 1;
782
- --tw-bg-opacity: 1;
783
- border-top-right-radius: 50px;
784
- border-bottom-right-radius: 50px;
785
- }
786
-
787
- .cl-chat-message {
788
- display: flex;
789
- width: 100%;
790
- padding-top: 0.5rem;
791
- padding-bottom: 0.5rem;
792
- padding-left: 0.5rem;
793
- padding-right: 0.5rem;
794
- }
795
-
796
- @-webkit-keyframes pulse {
797
- 50% {
798
- opacity: .5;
799
- }
800
- }
801
-
802
- @keyframes pulse {
803
- 50% {
804
- opacity: .5;
805
- }
806
- }
807
-
808
- .cl-animate-pulse {
809
- -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
810
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
811
- }
812
-
813
- .cl-justify-start {
814
- justify-content: flex-start;
815
- }
816
-
817
- .cl-justify-end {
818
- justify-content: flex-end;
819
- }
820
-
821
- .cl-input-element {
822
- height: 100%;
823
- width: 100%;
824
- padding-left: 1.25rem;
825
- padding-right: 1.25rem;
826
- padding-top: 0.25rem;
827
- padding-bottom: 0.25rem;
828
- font-weight: 300;
829
- background-color: #FFFFFF;
830
- color: rgb(17 24 39);
831
- border-top-left-radius: 50px;
832
- border-bottom-left-radius: 50px;
833
- transition: height 0.2s ease;
834
- }
835
- .cl-input-element::-webkit-scrollbar{
836
- width: 0 !important;
837
- }
838
-
839
- .cl-input-element::placeholder {
840
- line-height:45px;
841
- }
842
-
843
- .cl-input-element:focus {
844
- outline: 2px solid transparent;
845
- outline-offset: 2px;
846
- }
847
-
848
- .cl-input-element:focus::placeholder {
849
- line-height:unset;
850
- }
851
-
852
- .cl-user_message {
853
- width: -webkit-fit-content;
854
- width: -moz-fit-content;
855
- width: fit-content;
856
- -webkit-column-break-before: all;
857
- break-before: all;
858
- border-radius: 0.75rem;
859
- border-top-right-radius: 0.125rem;
860
- --tw-bg-opacity: 1;
861
- background-color: rgb(59 130 246 / var(--tw-bg-opacity));
862
- padding-left: 1rem;
863
- padding-right: 1rem;
864
- padding-top: 0.5rem;
865
- padding-bottom: 0.5rem;
866
- text-align: left;
867
- --tw-text-opacity: 1;
868
- color: rgb(255 255 255 / var(--tw-text-opacity));
869
- white-space: pre-line;
870
- }
871
-
872
- .cl-error_message {
873
- width: -webkit-fit-content;
874
- width: -moz-fit-content;
875
- width: fit-content;
876
- max-width: 90%;
877
- -webkit-column-break-before: all;
878
- break-before: all;
879
- border-radius: 0.75rem;
880
- border-top-left-radius: 0.125rem;
881
- --tw-bg-opacity: 1;
882
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
883
- padding-left: 1rem;
884
- padding-right: 1rem;
885
- padding-top: 0.5rem;
886
- padding-bottom: 0.5rem;
887
- text-align: left;
888
- --tw-text-opacity: 1;
889
- color: rgb(255 255 255 / var(--tw-text-opacity));
890
- }
891
-
892
- .cl-bot_message {
893
- width: -webkit-fit-content;
894
- width: -moz-fit-content;
895
- width: fit-content;
896
- max-width: 90%;
897
- -webkit-column-break-before: all;
898
- break-before: all;
899
- border-radius: 0.75rem;
900
- border-top-left-radius: 0.125rem;
901
- --tw-bg-opacity: 1;
902
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
903
- padding-left: 1rem;
904
- padding-right: 1rem;
905
- padding-top: 0.5rem;
906
- padding-bottom: 0.5rem;
907
- text-align: left;
908
- --tw-text-opacity: 1;
909
- color: rgb(31 41 55 / var(--tw-text-opacity));
910
- }
911
-
912
- .origin-bottom {
913
- -webkit-transform-origin: bottom;
914
- transform-origin: bottom;
915
- }
916
-
917
- .origin-bottom-left {
918
- -webkit-transform-origin: bottom left;
919
- transform-origin: bottom left;
920
- }
921
-
922
- .origin-bottom-right {
923
- -webkit-transform-origin: bottom right;
924
- transform-origin: bottom right;
925
- }
926
-
927
- .origin-center {
928
- -webkit-transform-origin: center;
929
- transform-origin: center;
930
- }
931
-
932
- .origin-top {
933
- -webkit-transform-origin: top;
934
- transform-origin: top;
935
- }
936
-
937
- .origin-top-left {
938
- -webkit-transform-origin: top left;
939
- transform-origin: top left;
940
- }
941
-
942
- .origin-top-right {
943
- -webkit-transform-origin: top right;
944
- transform-origin: top right;
945
- }
946
-
947
- .shadow {
948
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
949
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
950
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
951
- }
952
- input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
953
- color: rgb(156 163 175);
954
- opacity: 1; /* Firefox */
955
- }
956
-
957
- input:-ms-input-placeholder { /* Internet Explorer 10-11 */
958
- color: rgb(156 163 175);
959
- }
960
-
961
- input::-ms-input-placeholder { /* Microsoft Edge */
962
- color: rgb(156 163 175);
963
- }
964
- `;
965
-
966
- const markdownBody = `
967
-
968
- .markdown-body {
969
- --base-size-4: 0.25rem;
970
- --base-size-8: 0.5rem;
971
- --base-size-16: 1rem;
972
- --base-text-weight-normal: 400;
973
- --base-text-weight-medium: 500;
974
- --base-text-weight-semibold: 600;
975
- --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
976
- }
977
-
978
- @media (prefers-color-scheme: dark) {
979
- .markdown-body,
980
- [data-theme="dark"] {
981
- /*dark*/
982
- color-scheme: dark;
983
- --focus-outlineColor: #1f6feb;
984
- --fgColor-default: #e6edf3;
985
- --fgColor-muted: #8d96a0;
986
- --fgColor-accent: #4493f8;
987
- --fgColor-success: #3fb950;
988
- --fgColor-attention: #d29922;
989
- --fgColor-danger: #f85149;
990
- --fgColor-done: #ab7df8;
991
- --bgColor-default: #0d1117;
992
- --bgColor-muted: #161b22;
993
- --bgColor-neutral-muted: #6e768166;
994
- --bgColor-attention-muted: #bb800926;
995
- --borderColor-default: #30363d;
996
- --borderColor-muted: #30363db3;
997
- --borderColor-neutral-muted: #6e768166;
998
- --borderColor-accent-emphasis: #1f6feb;
999
- --borderColor-success-emphasis: #238636;
1000
- --borderColor-attention-emphasis: #9e6a03;
1001
- --borderColor-danger-emphasis: #da3633;
1002
- --borderColor-done-emphasis: #8957e5;
1003
- --color-prettylights-syntax-comment: #8b949e;
1004
- --color-prettylights-syntax-constant: #79c0ff;
1005
- --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
1006
- --color-prettylights-syntax-entity: #d2a8ff;
1007
- --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
1008
- --color-prettylights-syntax-entity-tag: #7ee787;
1009
- --color-prettylights-syntax-keyword: #ff7b72;
1010
- --color-prettylights-syntax-string: #a5d6ff;
1011
- --color-prettylights-syntax-variable: #ffa657;
1012
- --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
1013
- --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
1014
- --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
1015
- --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
1016
- --color-prettylights-syntax-carriage-return-text: #f0f6fc;
1017
- --color-prettylights-syntax-carriage-return-bg: #b62324;
1018
- --color-prettylights-syntax-string-regexp: #7ee787;
1019
- --color-prettylights-syntax-markup-list: #f2cc60;
1020
- --color-prettylights-syntax-markup-heading: #1f6feb;
1021
- --color-prettylights-syntax-markup-italic: #c9d1d9;
1022
- --color-prettylights-syntax-markup-bold: #c9d1d9;
1023
- --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
1024
- --color-prettylights-syntax-markup-deleted-bg: #67060c;
1025
- --color-prettylights-syntax-markup-inserted-text: #aff5b4;
1026
- --color-prettylights-syntax-markup-inserted-bg: #033a16;
1027
- --color-prettylights-syntax-markup-changed-text: #ffdfb6;
1028
- --color-prettylights-syntax-markup-changed-bg: #5a1e02;
1029
- --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
1030
- --color-prettylights-syntax-markup-ignored-bg: #1158c7;
1031
- --color-prettylights-syntax-meta-diff-range: #d2a8ff;
1032
- --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
1033
- }
1034
- }
1035
-
1036
- @media (prefers-color-scheme: light) {
1037
- .markdown-body,
1038
- [data-theme="light"] {
1039
- /*light*/
1040
- color-scheme: light;
1041
- --focus-outlineColor: #0969da;
1042
- --fgColor-default: #1f2328;
1043
- --fgColor-muted: #636c76;
1044
- --fgColor-accent: #0969da;
1045
- --fgColor-success: #1a7f37;
1046
- --fgColor-attention: #9a6700;
1047
- --fgColor-danger: #d1242f;
1048
- --fgColor-done: #8250df;
1049
- --bgColor-default: #ffffff;
1050
- --bgColor-muted: #f6f8fa;
1051
- --bgColor-neutral-muted: #afb8c133;
1052
- --bgColor-attention-muted: #fff8c5;
1053
- --borderColor-default: #d0d7de;
1054
- --borderColor-muted: #d0d7deb3;
1055
- --borderColor-neutral-muted: #afb8c133;
1056
- --borderColor-accent-emphasis: #0969da;
1057
- --borderColor-success-emphasis: #1a7f37;
1058
- --borderColor-attention-emphasis: #bf8700;
1059
- --borderColor-danger-emphasis: #cf222e;
1060
- --borderColor-done-emphasis: #8250df;
1061
- --color-prettylights-syntax-comment: #57606a;
1062
- --color-prettylights-syntax-constant: #0550ae;
1063
- --color-prettylights-syntax-constant-other-reference-link: #0a3069;
1064
- --color-prettylights-syntax-entity: #6639ba;
1065
- --color-prettylights-syntax-storage-modifier-import: #24292f;
1066
- --color-prettylights-syntax-entity-tag: #0550ae;
1067
- --color-prettylights-syntax-keyword: #cf222e;
1068
- --color-prettylights-syntax-string: #0a3069;
1069
- --color-prettylights-syntax-variable: #953800;
1070
- --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
1071
- --color-prettylights-syntax-brackethighlighter-angle: #57606a;
1072
- --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
1073
- --color-prettylights-syntax-invalid-illegal-bg: #82071e;
1074
- --color-prettylights-syntax-carriage-return-text: #f6f8fa;
1075
- --color-prettylights-syntax-carriage-return-bg: #cf222e;
1076
- --color-prettylights-syntax-string-regexp: #116329;
1077
- --color-prettylights-syntax-markup-list: #3b2300;
1078
- --color-prettylights-syntax-markup-heading: #0550ae;
1079
- --color-prettylights-syntax-markup-italic: #24292f;
1080
- --color-prettylights-syntax-markup-bold: #24292f;
1081
- --color-prettylights-syntax-markup-deleted-text: #82071e;
1082
- --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
1083
- --color-prettylights-syntax-markup-inserted-text: #116329;
1084
- --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
1085
- --color-prettylights-syntax-markup-changed-text: #953800;
1086
- --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
1087
- --color-prettylights-syntax-markup-ignored-text: #eaeef2;
1088
- --color-prettylights-syntax-markup-ignored-bg: #0550ae;
1089
- --color-prettylights-syntax-meta-diff-range: #8250df;
1090
- --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
1091
- }
1092
- }
1093
-
1094
- .markdown-body {
1095
- -ms-text-size-adjust: 100%;
1096
- -webkit-text-size-adjust: 100%;
1097
- margin: 0;
1098
- font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
1099
- font-size: 16px;
1100
- line-height: 1.5;
1101
- word-wrap: break-word;
1102
- scroll-behavior: auto;
1103
- }
1104
-
1105
- .markdown-body .octicon {
1106
- display: inline-block;
1107
- fill: currentColor;
1108
- vertical-align: text-bottom;
1109
- }
1110
-
1111
- .markdown-body h1:hover .anchor .octicon-link:before,
1112
- .markdown-body h2:hover .anchor .octicon-link:before,
1113
- .markdown-body h3:hover .anchor .octicon-link:before,
1114
- .markdown-body h4:hover .anchor .octicon-link:before,
1115
- .markdown-body h5:hover .anchor .octicon-link:before,
1116
- .markdown-body h6:hover .anchor .octicon-link:before {
1117
- width: 16px;
1118
- height: 16px;
1119
- content: ' ';
1120
- display: inline-block;
1121
- background-color: currentColor;
1122
- -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
1123
- mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
1124
- }
1125
-
1126
- .markdown-body details,
1127
- .markdown-body figcaption,
1128
- .markdown-body figure {
1129
- display: block;
1130
- }
1131
-
1132
- .markdown-body summary {
1133
- display: list-item;
1134
- }
1135
-
1136
- .markdown-body [hidden] {
1137
- display: none !important;
1138
- }
1139
-
1140
- .markdown-body a {
1141
- background-color: transparent;
1142
- color: var(--fgColor-accent);
1143
- text-decoration: none;
1144
- }
1145
-
1146
- .markdown-body abbr[title] {
1147
- border-bottom: none;
1148
- -webkit-text-decoration: underline dotted;
1149
- text-decoration: underline dotted;
1150
- }
1151
-
1152
- .markdown-body b,
1153
- .markdown-body strong {
1154
- font-weight: var(--base-text-weight-semibold, 600);
1155
- }
1156
-
1157
- .markdown-body dfn {
1158
- font-style: italic;
1159
- }
1160
-
1161
- .markdown-body h1 {
1162
- margin: .67em 0;
1163
- font-weight: var(--base-text-weight-semibold, 600);
1164
- padding-bottom: .3em;
1165
- font-size: 2em;
1166
- border-bottom: 1px solid var(--borderColor-muted);
1167
- }
1168
-
1169
- .markdown-body mark {
1170
- background-color: var(--bgColor-attention-muted);
1171
- color: var(--fgColor-default);
1172
- }
1173
-
1174
- .markdown-body small {
1175
- font-size: 90%;
1176
- }
1177
-
1178
- .markdown-body sub,
1179
- .markdown-body sup {
1180
- font-size: 75%;
1181
- line-height: 0;
1182
- position: relative;
1183
- vertical-align: baseline;
1184
- }
1185
-
1186
- .markdown-body sub {
1187
- bottom: -0.25em;
1188
- }
1189
-
1190
- .markdown-body sup {
1191
- top: -0.5em;
1192
- }
1193
-
1194
- .markdown-body img {
1195
- border-style: none;
1196
- max-width: 100%;
1197
- box-sizing: content-box;
1198
- }
1199
-
1200
- .markdown-body code,
1201
- .markdown-body kbd,
1202
- .markdown-body pre,
1203
- .markdown-body samp {
1204
- font-family: monospace;
1205
- font-size: 1em;
1206
- }
1207
-
1208
- .markdown-body figure {
1209
- margin: 1em 40px;
1210
- }
1211
-
1212
- .markdown-body hr {
1213
- box-sizing: content-box;
1214
- overflow: hidden;
1215
- background: transparent;
1216
- border-bottom: 1px solid var(--borderColor-muted);
1217
- height: .25em;
1218
- padding: 0;
1219
- margin: 24px 0;
1220
- background-color: var(--borderColor-default);
1221
- border: 0;
1222
- }
1223
-
1224
- .markdown-body input {
1225
- font: inherit;
1226
- margin: 0;
1227
- overflow: visible;
1228
- font-family: inherit;
1229
- font-size: inherit;
1230
- line-height: inherit;
1231
- }
1232
-
1233
- .markdown-body [type=button],
1234
- .markdown-body [type=reset],
1235
- .markdown-body [type=submit] {
1236
- -webkit-appearance: button;
1237
- appearance: button;
1238
- }
1239
-
1240
- .markdown-body [type=checkbox],
1241
- .markdown-body [type=radio] {
1242
- box-sizing: border-box;
1243
- padding: 0;
1244
- }
1245
-
1246
- .markdown-body [type=number]::-webkit-inner-spin-button,
1247
- .markdown-body [type=number]::-webkit-outer-spin-button {
1248
- height: auto;
1249
- }
1250
-
1251
- .markdown-body [type=search]::-webkit-search-cancel-button,
1252
- .markdown-body [type=search]::-webkit-search-decoration {
1253
- -webkit-appearance: none;
1254
- appearance: none;
1255
- }
1256
-
1257
- .markdown-body ::-webkit-input-placeholder {
1258
- color: inherit;
1259
- opacity: .54;
1260
- }
1261
-
1262
- .markdown-body ::-webkit-file-upload-button {
1263
- -webkit-appearance: button;
1264
- appearance: button;
1265
- font: inherit;
1266
- }
1267
-
1268
- .markdown-body a:hover {
1269
- text-decoration: underline;
1270
- }
1271
-
1272
- .markdown-body ::placeholder {
1273
- color: var(--fgColor-muted);
1274
- opacity: 1;
1275
- }
1276
-
1277
- .markdown-body hr::before {
1278
- display: table;
1279
- content: "";
1280
- }
1281
-
1282
- .markdown-body hr::after {
1283
- display: table;
1284
- clear: both;
1285
- content: "";
1286
- }
1287
-
1288
- .markdown-body table {
1289
- border-spacing: 0;
1290
- border-collapse: collapse;
1291
- display: block;
1292
- width: max-content;
1293
- max-width: 100%;
1294
- overflow: auto;
1295
- }
1296
-
1297
- .markdown-body td,
1298
- .markdown-body th {
1299
- padding: 0;
1300
- }
1301
-
1302
- .markdown-body details summary {
1303
- cursor: pointer;
1304
- }
1305
-
1306
- .markdown-body details:not([open])>*:not(summary) {
1307
- display: none;
1308
- }
1309
-
1310
- .markdown-body a:focus,
1311
- .markdown-body [role=button]:focus,
1312
- .markdown-body input[type=radio]:focus,
1313
- .markdown-body input[type=checkbox]:focus {
1314
- outline: 2px solid var(--focus-outlineColor);
1315
- outline-offset: -2px;
1316
- box-shadow: none;
1317
- }
1318
-
1319
- .markdown-body a:focus:not(:focus-visible),
1320
- .markdown-body [role=button]:focus:not(:focus-visible),
1321
- .markdown-body input[type=radio]:focus:not(:focus-visible),
1322
- .markdown-body input[type=checkbox]:focus:not(:focus-visible) {
1323
- outline: solid 1px transparent;
1324
- }
1325
-
1326
- .markdown-body a:focus-visible,
1327
- .markdown-body [role=button]:focus-visible,
1328
- .markdown-body input[type=radio]:focus-visible,
1329
- .markdown-body input[type=checkbox]:focus-visible {
1330
- outline: 2px solid var(--focus-outlineColor);
1331
- outline-offset: -2px;
1332
- box-shadow: none;
1333
- }
1334
-
1335
- .markdown-body a:not([class]):focus,
1336
- .markdown-body a:not([class]):focus-visible,
1337
- .markdown-body input[type=radio]:focus,
1338
- .markdown-body input[type=radio]:focus-visible,
1339
- .markdown-body input[type=checkbox]:focus,
1340
- .markdown-body input[type=checkbox]:focus-visible {
1341
- outline-offset: 0;
1342
- }
1343
-
1344
- .markdown-body kbd {
1345
- display: inline-block;
1346
- padding: 3px 5px;
1347
- font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1348
- line-height: 10px;
1349
- color: var(--fgColor-default);
1350
- vertical-align: middle;
1351
- background-color: var(--bgColor-muted);
1352
- border: solid 1px var(--borderColor-neutral-muted);
1353
- border-bottom-color: var(--borderColor-neutral-muted);
1354
- border-radius: 6px;
1355
- box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
1356
- }
1357
-
1358
- .markdown-body h1,
1359
- .markdown-body h2,
1360
- .markdown-body h3,
1361
- .markdown-body h4,
1362
- .markdown-body h5,
1363
- .markdown-body h6 {
1364
- margin-top: 24px;
1365
- margin-bottom: 16px;
1366
- font-weight: var(--base-text-weight-semibold, 600);
1367
- line-height: 1.25;
1368
- }
1369
-
1370
- .markdown-body h2 {
1371
- font-weight: var(--base-text-weight-semibold, 600);
1372
- padding-bottom: .3em;
1373
- font-size: 1.5em;
1374
- border-bottom: 1px solid var(--borderColor-muted);
1375
- }
1376
-
1377
- .markdown-body h3 {
1378
- font-weight: var(--base-text-weight-semibold, 600);
1379
- font-size: 1.25em;
1380
- }
1381
-
1382
- .markdown-body h4 {
1383
- font-weight: var(--base-text-weight-semibold, 600);
1384
- font-size: 1em;
1385
- }
1386
-
1387
- .markdown-body h5 {
1388
- font-weight: var(--base-text-weight-semibold, 600);
1389
- font-size: .875em;
1390
- }
1391
-
1392
- .markdown-body h6 {
1393
- font-weight: var(--base-text-weight-semibold, 600);
1394
- font-size: .85em;
1395
- color: var(--fgColor-muted);
1396
- }
1397
-
1398
- .markdown-body p {
1399
- margin-top: 0;
1400
- margin-bottom: 10px;
1401
- }
1402
-
1403
- .markdown-body blockquote {
1404
- margin: 0;
1405
- padding: 0 1em;
1406
- color: var(--fgColor-muted);
1407
- }
1408
-
1409
- .markdown-body ul,
1410
- .markdown-body ol {
1411
- margin-top: 0;
1412
- margin-bottom: 0;
1413
- padding-left: 2em;
1414
- }
1415
-
1416
- .markdown-body ol ol,
1417
- .markdown-body ul ol {
1418
- list-style-type: lower-roman;
1419
- }
1420
-
1421
- .markdown-body ul ul ol,
1422
- .markdown-body ul ol ol,
1423
- .markdown-body ol ul ol,
1424
- .markdown-body ol ol ol {
1425
- list-style-type: lower-alpha;
1426
- }
1427
-
1428
- .markdown-body dd {
1429
- margin-left: 0;
1430
- }
1431
-
1432
- .markdown-body tt,
1433
- .markdown-body code,
1434
- .markdown-body samp {
1435
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1436
- font-size: 12px;
1437
- }
1438
-
1439
- .markdown-body pre {
1440
- margin-top: 0;
1441
- margin-bottom: 0;
1442
- font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1443
- font-size: 12px;
1444
- word-wrap: normal;
1445
- }
1446
-
1447
- .markdown-body .octicon {
1448
- display: inline-block;
1449
- overflow: visible !important;
1450
- vertical-align: text-bottom;
1451
- fill: currentColor;
1452
- }
1453
-
1454
- .markdown-body input::-webkit-outer-spin-button,
1455
- .markdown-body input::-webkit-inner-spin-button {
1456
- margin: 0;
1457
- -webkit-appearance: none;
1458
- appearance: none;
1459
- }
1460
-
1461
- .markdown-body .mr-2 {
1462
- margin-right: var(--base-size-8, 8px) !important;
1463
- }
1464
-
1465
- .markdown-body::before {
1466
- display: table;
1467
- content: "";
1468
- }
1469
-
1470
- .markdown-body::after {
1471
- display: table;
1472
- clear: both;
1473
- content: "";
1474
- }
1475
-
1476
- .markdown-body>*:first-child {
1477
- margin-top: 0 !important;
1478
- }
1479
-
1480
- .markdown-body>*:last-child {
1481
- margin-bottom: 0 !important;
1482
- }
1483
-
1484
- .markdown-body a:not([href]) {
1485
- color: inherit;
1486
- text-decoration: none;
1487
- }
1488
-
1489
- .markdown-body .absent {
1490
- color: var(--fgColor-danger);
1491
- }
1492
-
1493
- .markdown-body .anchor {
1494
- float: left;
1495
- padding-right: 4px;
1496
- margin-left: -20px;
1497
- line-height: 1;
1498
- }
1499
-
1500
- .markdown-body .anchor:focus {
1501
- outline: none;
1502
- }
1503
-
1504
- .markdown-body p,
1505
- .markdown-body blockquote,
1506
- .markdown-body ul,
1507
- .markdown-body ol,
1508
- .markdown-body dl,
1509
- .markdown-body table,
1510
- .markdown-body pre,
1511
- .markdown-body details {
1512
- margin-top: 0;
1513
- margin-bottom: 16px;
1514
- }
1515
-
1516
- .markdown-body blockquote>:first-child {
1517
- margin-top: 0;
1518
- }
1519
-
1520
- .markdown-body blockquote>:last-child {
1521
- margin-bottom: 0;
1522
- }
1523
-
1524
- .markdown-body h1 .octicon-link,
1525
- .markdown-body h2 .octicon-link,
1526
- .markdown-body h3 .octicon-link,
1527
- .markdown-body h4 .octicon-link,
1528
- .markdown-body h5 .octicon-link,
1529
- .markdown-body h6 .octicon-link {
1530
- color: var(--fgColor-default);
1531
- vertical-align: middle;
1532
- visibility: hidden;
1533
- }
1534
-
1535
- .markdown-body h1:hover .anchor,
1536
- .markdown-body h2:hover .anchor,
1537
- .markdown-body h3:hover .anchor,
1538
- .markdown-body h4:hover .anchor,
1539
- .markdown-body h5:hover .anchor,
1540
- .markdown-body h6:hover .anchor {
1541
- text-decoration: none;
1542
- }
1543
-
1544
- .markdown-body h1:hover .anchor .octicon-link,
1545
- .markdown-body h2:hover .anchor .octicon-link,
1546
- .markdown-body h3:hover .anchor .octicon-link,
1547
- .markdown-body h4:hover .anchor .octicon-link,
1548
- .markdown-body h5:hover .anchor .octicon-link,
1549
- .markdown-body h6:hover .anchor .octicon-link {
1550
- visibility: visible;
1551
- }
1552
-
1553
- .markdown-body h1 tt,
1554
- .markdown-body h1 code,
1555
- .markdown-body h2 tt,
1556
- .markdown-body h2 code,
1557
- .markdown-body h3 tt,
1558
- .markdown-body h3 code,
1559
- .markdown-body h4 tt,
1560
- .markdown-body h4 code,
1561
- .markdown-body h5 tt,
1562
- .markdown-body h5 code,
1563
- .markdown-body h6 tt,
1564
- .markdown-body h6 code {
1565
- padding: 0 .2em;
1566
- font-size: inherit;
1567
- }
1568
-
1569
- .markdown-body summary h1,
1570
- .markdown-body summary h2,
1571
- .markdown-body summary h3,
1572
- .markdown-body summary h4,
1573
- .markdown-body summary h5,
1574
- .markdown-body summary h6 {
1575
- display: inline-block;
1576
- }
1577
-
1578
- .markdown-body summary h1 .anchor,
1579
- .markdown-body summary h2 .anchor,
1580
- .markdown-body summary h3 .anchor,
1581
- .markdown-body summary h4 .anchor,
1582
- .markdown-body summary h5 .anchor,
1583
- .markdown-body summary h6 .anchor {
1584
- margin-left: -40px;
1585
- }
1586
-
1587
- .markdown-body summary h1,
1588
- .markdown-body summary h2 {
1589
- padding-bottom: 0;
1590
- border-bottom: 0;
1591
- }
1592
-
1593
- .markdown-body ul.no-list,
1594
- .markdown-body ol.no-list {
1595
- padding: 0;
1596
- list-style-type: none;
1597
- }
1598
-
1599
- .markdown-body ol[type="a s"] {
1600
- list-style-type: lower-alpha;
1601
- }
1602
-
1603
- .markdown-body ol[type="A s"] {
1604
- list-style-type: upper-alpha;
1605
- }
1606
-
1607
- .markdown-body ol[type="i s"] {
1608
- list-style-type: lower-roman;
1609
- }
1610
-
1611
- .markdown-body ol[type="I s"] {
1612
- list-style-type: upper-roman;
1613
- }
1614
-
1615
- .markdown-body ol[type="1"] {
1616
- list-style-type: decimal;
1617
- }
1618
-
1619
- .markdown-body div>ol:not([type]) {
1620
- list-style-type: decimal;
1621
- }
1622
-
1623
- .markdown-body ul ul,
1624
- .markdown-body ul ol,
1625
- .markdown-body ol ol,
1626
- .markdown-body ol ul {
1627
- margin-top: 0;
1628
- margin-bottom: 0;
1629
- }
1630
-
1631
- .markdown-body li>p {
1632
- margin-top: 16px;
1633
- }
1634
-
1635
- .markdown-body li+li {
1636
- margin-top: .25em;
1637
- }
1638
-
1639
- .markdown-body dl {
1640
- padding: 0;
1641
- }
1642
-
1643
- .markdown-body dl dt {
1644
- padding: 0;
1645
- margin-top: 16px;
1646
- font-size: 1em;
1647
- font-style: italic;
1648
- font-weight: var(--base-text-weight-semibold, 600);
1649
- }
1650
-
1651
- .markdown-body dl dd {
1652
- padding: 0 16px;
1653
- margin-bottom: 16px;
1654
- }
1655
-
1656
- .markdown-body table th {
1657
- font-weight: var(--base-text-weight-semibold, 600);
1658
- }
1659
-
1660
- .markdown-body table th,
1661
- .markdown-body table td {
1662
- padding: 6px 13px;
1663
- border: 1px solid var(--borderColor-default);
1664
- }
1665
-
1666
- .markdown-body table td>:last-child {
1667
- margin-bottom: 0;
1668
- }
1669
-
1670
- .markdown-body table tr {
1671
- border-top: 1px solid var(--borderColor-muted);
1672
- }
1673
-
1674
- .markdown-body table img {
1675
- background-color: transparent;
1676
- }
1677
-
1678
- .markdown-body img[align=right] {
1679
- padding-left: 20px;
1680
- }
1681
-
1682
- .markdown-body img[align=left] {
1683
- padding-right: 20px;
1684
- }
1685
-
1686
- .markdown-body .emoji {
1687
- max-width: none;
1688
- vertical-align: text-top;
1689
- background-color: transparent;
1690
- }
1691
-
1692
- .markdown-body span.frame {
1693
- display: block;
1694
- overflow: hidden;
1695
- }
1696
-
1697
- .markdown-body span.frame>span {
1698
- display: block;
1699
- float: left;
1700
- width: auto;
1701
- padding: 7px;
1702
- margin: 13px 0 0;
1703
- overflow: hidden;
1704
- border: 1px solid var(--borderColor-default);
1705
- }
1706
-
1707
- .markdown-body span.frame span img {
1708
- display: block;
1709
- float: left;
1710
- }
1711
-
1712
- .markdown-body span.frame span span {
1713
- display: block;
1714
- padding: 5px 0 0;
1715
- clear: both;
1716
- color: var(--fgColor-default);
1717
- }
1718
-
1719
- .markdown-body span.align-center {
1720
- display: block;
1721
- overflow: hidden;
1722
- clear: both;
1723
- }
1724
-
1725
- .markdown-body span.align-center>span {
1726
- display: block;
1727
- margin: 13px auto 0;
1728
- overflow: hidden;
1729
- text-align: center;
1730
- }
1731
-
1732
- .markdown-body span.align-center span img {
1733
- margin: 0 auto;
1734
- text-align: center;
1735
- }
1736
-
1737
- .markdown-body span.align-right {
1738
- display: block;
1739
- overflow: hidden;
1740
- clear: both;
1741
- }
1742
-
1743
- .markdown-body span.align-right>span {
1744
- display: block;
1745
- margin: 13px 0 0;
1746
- overflow: hidden;
1747
- text-align: right;
1748
- }
1749
-
1750
- .markdown-body span.align-right span img {
1751
- margin: 0;
1752
- text-align: right;
1753
- }
1754
-
1755
- .markdown-body span.float-left {
1756
- display: block;
1757
- float: left;
1758
- margin-right: 13px;
1759
- overflow: hidden;
1760
- }
1761
-
1762
- .markdown-body span.float-left span {
1763
- margin: 13px 0 0;
1764
- }
1765
-
1766
- .markdown-body span.float-right {
1767
- display: block;
1768
- float: right;
1769
- margin-left: 13px;
1770
- overflow: hidden;
1771
- }
1772
-
1773
- .markdown-body span.float-right>span {
1774
- display: block;
1775
- margin: 13px auto 0;
1776
- overflow: hidden;
1777
- text-align: right;
1778
- }
1779
-
1780
- .markdown-body code,
1781
- .markdown-body tt {
1782
- padding: .2em .4em;
1783
- margin: 0;
1784
- font-size: 85%;
1785
- white-space: break-spaces;
1786
- background-color: var(--bgColor-neutral-muted);
1787
- border-radius: 6px;
1788
- }
1789
-
1790
- .markdown-body code br,
1791
- .markdown-body tt br {
1792
- display: none;
1793
- }
1794
-
1795
- .markdown-body del code {
1796
- text-decoration: inherit;
1797
- }
1798
-
1799
- .markdown-body samp {
1800
- font-size: 85%;
1801
- }
1802
-
1803
- .markdown-body pre code {
1804
- font-size: 100%;
1805
- }
1806
-
1807
- .markdown-body pre>code {
1808
- padding: 0;
1809
- margin: 0;
1810
- word-break: normal;
1811
- white-space: pre;
1812
- background: transparent;
1813
- border: 0;
1814
- }
1815
-
1816
- .markdown-body .highlight {
1817
- margin-bottom: 16px;
1818
- }
1819
-
1820
- .markdown-body .highlight pre {
1821
- margin-bottom: 0;
1822
- word-break: normal;
1823
- }
1824
-
1825
- .markdown-body .highlight pre,
1826
- .markdown-body pre {
1827
- padding: 16px;
1828
- overflow: auto;
1829
- font-size: 85%;
1830
- line-height: 1.45;
1831
- color: var(--fgColor-default);
1832
- background-color: var(--bgColor-muted);
1833
- border-radius: 6px;
1834
- }
1835
-
1836
- .markdown-body pre code,
1837
- .markdown-body pre tt {
1838
- display: inline;
1839
- max-width: auto;
1840
- padding: 0;
1841
- margin: 0;
1842
- overflow: visible;
1843
- line-height: inherit;
1844
- word-wrap: normal;
1845
- background-color: transparent;
1846
- border: 0;
1847
- }
1848
-
1849
- .markdown-body .csv-data td,
1850
- .markdown-body .csv-data th {
1851
- padding: 5px;
1852
- overflow: hidden;
1853
- font-size: 12px;
1854
- line-height: 1;
1855
- text-align: left;
1856
- white-space: nowrap;
1857
- }
1858
-
1859
- .markdown-body .csv-data .blob-num {
1860
- padding: 10px 8px 9px;
1861
- text-align: right;
1862
- border: 0;
1863
- }
1864
-
1865
- .markdown-body .csv-data tr {
1866
- border-top: 0;
1867
- }
1868
-
1869
- .markdown-body .csv-data th {
1870
- font-weight: var(--base-text-weight-semibold, 600);
1871
- background: var(--bgColor-muted);
1872
- border-top: 0;
1873
- }
1874
-
1875
- .markdown-body [data-footnote-ref]::before {
1876
- content: "[";
1877
- }
1878
-
1879
- .markdown-body [data-footnote-ref]::after {
1880
- content: "]";
1881
- }
1882
-
1883
- .markdown-body .footnotes {
1884
- font-size: 12px;
1885
- color: var(--fgColor-muted);
1886
- border-top: 1px solid var(--borderColor-default);
1887
- }
1888
-
1889
- .markdown-body .footnotes ol {
1890
- padding-left: 16px;
1891
- }
1892
-
1893
- .markdown-body .footnotes ol ul {
1894
- display: inline-block;
1895
- padding-left: 16px;
1896
- margin-top: 16px;
1897
- }
1898
-
1899
- .markdown-body .footnotes li {
1900
- position: relative;
1901
- }
1902
-
1903
- .markdown-body .footnotes li:target::before {
1904
- position: absolute;
1905
- top: -8px;
1906
- right: -8px;
1907
- bottom: -8px;
1908
- left: -24px;
1909
- pointer-events: none;
1910
- content: "";
1911
- border: 2px solid var(--borderColor-accent-emphasis);
1912
- border-radius: 6px;
1913
- }
1914
-
1915
- .markdown-body .footnotes li:target {
1916
- color: var(--fgColor-default);
1917
- }
1918
-
1919
- .markdown-body .footnotes .data-footnote-backref g-emoji {
1920
- font-family: monospace;
1921
- }
1922
-
1923
- .markdown-body .pl-c {
1924
- color: var(--color-prettylights-syntax-comment);
1925
- }
1926
-
1927
- .markdown-body .pl-c1,
1928
- .markdown-body .pl-s .pl-v {
1929
- color: var(--color-prettylights-syntax-constant);
1930
- }
1931
-
1932
- .markdown-body .pl-e,
1933
- .markdown-body .pl-en {
1934
- color: var(--color-prettylights-syntax-entity);
1935
- }
1936
-
1937
- .markdown-body .pl-smi,
1938
- .markdown-body .pl-s .pl-s1 {
1939
- color: var(--color-prettylights-syntax-storage-modifier-import);
1940
- }
1941
-
1942
- .markdown-body .pl-ent {
1943
- color: var(--color-prettylights-syntax-entity-tag);
1944
- }
1945
-
1946
- .markdown-body .pl-k {
1947
- color: var(--color-prettylights-syntax-keyword);
1948
- }
1949
-
1950
- .markdown-body .pl-s,
1951
- .markdown-body .pl-pds,
1952
- .markdown-body .pl-s .pl-pse .pl-s1,
1953
- .markdown-body .pl-sr,
1954
- .markdown-body .pl-sr .pl-cce,
1955
- .markdown-body .pl-sr .pl-sre,
1956
- .markdown-body .pl-sr .pl-sra {
1957
- color: var(--color-prettylights-syntax-string);
1958
- }
1959
-
1960
- .markdown-body .pl-v,
1961
- .markdown-body .pl-smw {
1962
- color: var(--color-prettylights-syntax-variable);
1963
- }
1964
-
1965
- .markdown-body .pl-bu {
1966
- color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
1967
- }
1968
-
1969
- .markdown-body .pl-ii {
1970
- color: var(--color-prettylights-syntax-invalid-illegal-text);
1971
- background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
1972
- }
1973
-
1974
- .markdown-body .pl-c2 {
1975
- color: var(--color-prettylights-syntax-carriage-return-text);
1976
- background-color: var(--color-prettylights-syntax-carriage-return-bg);
1977
- }
1978
-
1979
- .markdown-body .pl-sr .pl-cce {
1980
- font-weight: bold;
1981
- color: var(--color-prettylights-syntax-string-regexp);
1982
- }
1983
-
1984
- .markdown-body .pl-ml {
1985
- color: var(--color-prettylights-syntax-markup-list);
1986
- }
1987
-
1988
- .markdown-body .pl-mh,
1989
- .markdown-body .pl-mh .pl-en,
1990
- .markdown-body .pl-ms {
1991
- font-weight: bold;
1992
- color: var(--color-prettylights-syntax-markup-heading);
1993
- }
1994
-
1995
- .markdown-body .pl-mi {
1996
- font-style: italic;
1997
- color: var(--color-prettylights-syntax-markup-italic);
1998
- }
1999
-
2000
- .markdown-body .pl-mb {
2001
- font-weight: bold;
2002
- color: var(--color-prettylights-syntax-markup-bold);
2003
- }
2004
-
2005
- .markdown-body .pl-md {
2006
- color: var(--color-prettylights-syntax-markup-deleted-text);
2007
- background-color: var(--color-prettylights-syntax-markup-deleted-bg);
2008
- }
2009
-
2010
- .markdown-body .pl-mi1 {
2011
- color: var(--color-prettylights-syntax-markup-inserted-text);
2012
- background-color: var(--color-prettylights-syntax-markup-inserted-bg);
2013
- }
2014
-
2015
- .markdown-body .pl-mc {
2016
- color: var(--color-prettylights-syntax-markup-changed-text);
2017
- background-color: var(--color-prettylights-syntax-markup-changed-bg);
2018
- }
2019
-
2020
- .markdown-body .pl-mi2 {
2021
- color: var(--color-prettylights-syntax-markup-ignored-text);
2022
- background-color: var(--color-prettylights-syntax-markup-ignored-bg);
2023
- }
2024
-
2025
- .markdown-body .pl-mdr {
2026
- font-weight: bold;
2027
- color: var(--color-prettylights-syntax-meta-diff-range);
2028
- }
2029
-
2030
- .markdown-body .pl-ba {
2031
- color: var(--color-prettylights-syntax-brackethighlighter-angle);
2032
- }
2033
-
2034
- .markdown-body .pl-sg {
2035
- color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
2036
- }
2037
-
2038
- .markdown-body .pl-corl {
2039
- text-decoration: underline;
2040
- color: var(--color-prettylights-syntax-constant-other-reference-link);
2041
- }
2042
-
2043
- .markdown-body [role=button]:focus:not(:focus-visible),
2044
- .markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
2045
- .markdown-body button:focus:not(:focus-visible),
2046
- .markdown-body summary:focus:not(:focus-visible),
2047
- .markdown-body a:focus:not(:focus-visible) {
2048
- outline: none;
2049
- box-shadow: none;
2050
- }
2051
-
2052
- .markdown-body [tabindex="0"]:focus:not(:focus-visible),
2053
- .markdown-body details-dialog:focus:not(:focus-visible) {
2054
- outline: none;
2055
- }
2056
-
2057
- .markdown-body g-emoji {
2058
- display: inline-block;
2059
- min-width: 1ch;
2060
- font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
2061
- font-size: 1em;
2062
- font-style: normal !important;
2063
- font-weight: var(--base-text-weight-normal, 400);
2064
- line-height: 1;
2065
- vertical-align: -0.075em;
2066
- }
2067
-
2068
- .markdown-body g-emoji img {
2069
- width: 1em;
2070
- height: 1em;
2071
- }
2072
-
2073
- .markdown-body .task-list-item {
2074
- list-style-type: none;
2075
- }
2076
-
2077
- .markdown-body .task-list-item label {
2078
- font-weight: var(--base-text-weight-normal, 400);
2079
- }
2080
-
2081
- .markdown-body .task-list-item.enabled label {
2082
- cursor: pointer;
2083
- }
2084
-
2085
- .markdown-body .task-list-item+.task-list-item {
2086
- margin-top: var(--base-size-4);
2087
- }
2088
-
2089
- .markdown-body .task-list-item .handle {
2090
- display: none;
2091
- }
2092
-
2093
- .markdown-body .task-list-item-checkbox {
2094
- margin: 0 .2em .25em -1.4em;
2095
- vertical-align: middle;
2096
- }
2097
-
2098
- .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
2099
- margin: 0 -1.6em .25em .2em;
2100
- }
2101
-
2102
- .markdown-body .contains-task-list {
2103
- position: relative;
2104
- }
2105
-
2106
- .markdown-body .contains-task-list:hover .task-list-item-convert-container,
2107
- .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
2108
- display: block;
2109
- width: auto;
2110
- height: 24px;
2111
- overflow: visible;
2112
- clip: auto;
2113
- }
2114
-
2115
- .markdown-body ::-webkit-calendar-picker-indicator {
2116
- filter: invert(50%);
2117
- }
2118
-
2119
- .markdown-body .markdown-alert {
2120
- padding: var(--base-size-8) var(--base-size-16);
2121
- margin-bottom: var(--base-size-16);
2122
- color: inherit;
2123
- border-left: .25em solid var(--borderColor-default);
2124
- }
2125
-
2126
- .markdown-body .markdown-alert>:first-child {
2127
- margin-top: 0;
2128
- }
2129
-
2130
- .markdown-body .markdown-alert>:last-child {
2131
- margin-bottom: 0;
2132
- }
2133
-
2134
- .markdown-body .markdown-alert .markdown-alert-title {
2135
- display: flex;
2136
- font-weight: var(--base-text-weight-medium, 500);
2137
- align-items: center;
2138
- line-height: 1;
2139
- }
2140
-
2141
- .markdown-body .markdown-alert.markdown-alert-note {
2142
- border-left-color: var(--borderColor-accent-emphasis);
2143
- }
2144
-
2145
- .markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
2146
- color: var(--fgColor-accent);
2147
- }
2148
-
2149
- .markdown-body .markdown-alert.markdown-alert-important {
2150
- border-left-color: var(--borderColor-done-emphasis);
2151
- }
2152
-
2153
- .markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
2154
- color: var(--fgColor-done);
2155
- }
2156
-
2157
- .markdown-body .markdown-alert.markdown-alert-warning {
2158
- border-left-color: var(--borderColor-attention-emphasis);
2159
- }
2160
-
2161
- .markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
2162
- color: var(--fgColor-attention);
2163
- }
2164
-
2165
- .markdown-body .markdown-alert.markdown-alert-tip {
2166
- border-left-color: var(--borderColor-success-emphasis);
2167
- }
2168
-
2169
- .markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
2170
- color: var(--fgColor-success);
2171
- }
2172
-
2173
- .markdown-body .markdown-alert.markdown-alert-caution {
2174
- border-left-color: var(--borderColor-danger-emphasis);
2175
- }
2176
-
2177
- .markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
2178
- color: var(--fgColor-danger);
2179
- }
2180
-
2181
- .markdown-body>*:first-child>.heading-element:first-child {
2182
- margin-top: 0 !important;
2183
- }`;
2184
-
2185
- const yt_style = `
2186
- .msg_userMessageBox {
2187
- width: fit-content;
2188
- max-width: 90%;
2189
- display: flex;
2190
- flex-direction: column;
2191
- align-items: flex-end;
2192
- }
2193
-
2194
- .msg_userMessageBox .msg_messageImgBox {
2195
- width: 100%;
2196
- display: flex;
2197
- flex-wrap: wrap;
2198
- justify-content: flex-end;
2199
- }
2200
-
2201
- .msg_userMessageBox .msg_messageImgBox .msg_messageImg {
2202
- border-radius: 5px;
2203
- }
2204
-
2205
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox {
2206
- flex-shrink: 0;
2207
- pointer-events: auto;
2208
- position: relative;
2209
- width: 137px;
2210
- background-color: #f0f0f0;
2211
- border-radius: 10px;
2212
- margin: 3px 5px;
2213
- padding: 5px;
2214
- display: flex;
2215
- }
2216
-
2217
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox:hover .msg_fileRemove {
2218
- display: block;
2219
- }
2220
-
2221
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox {
2222
- margin-left: 10px;
2223
- overflow: hidden;
2224
- display: flex;
2225
- align-items: center;
2226
- }
2227
-
2228
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox .msg_fileInfoFileName {
2229
- overflow: hidden;
2230
- text-overflow: ellipsis;
2231
- white-space: nowrap;
2232
- width: 72px;
2233
- color: #242424;
2234
- user-select: none;
2235
- }
2236
-
2237
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox .msg_fileInfoMeta {
2238
- user-select: none;
2239
- color: #a8a8a8;
2240
- }
2241
-
2242
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileRemove {
2243
- display: none;
2244
- position: absolute;
2245
- cursor: pointer;
2246
- top: -2px;
2247
- right: 0;
2248
- z-index: 99999;
2249
- }
2250
-
2251
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileRemove img {
2252
- width: 20px;
2253
- }
2254
-
2255
- .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_upImg {
2256
- border-radius: 3px;
2257
- z-index: 510;
2258
- }
2259
-
2260
- .msg_operateBox {
2261
- display: flex;
2262
- margin-top: 5px;
2263
- user-select: none;
2264
- }
2265
-
2266
- .msg_operateBox img {
2267
- -webkit-user-drag: none;
2268
- margin-right: 3px;
2269
- cursor: pointer;
2270
- width: 16px;
2271
- }
2272
-
2273
- .plh_textBox {
2274
- display: flex;
2275
- justify-content: center;
2276
- align-content: center;
2277
- }
2278
-
2279
- .plh_textBox .plh_text {
2280
- font-weight: bold;
2281
- }
2282
-
2283
- .w_send_file_box {
2284
- height: 23px;
2285
- display: flex;
2286
- background: transparent;
2287
- align-items: center;
2288
- justify-content: center;
2289
- border-radius: 24px;
2290
- font-size: 12px;
2291
- color: #666666;
2292
- cursor: pointer;
2293
- }
2294
-
2295
- .w_file_preview {
2296
- width: 100%;
2297
- height: fit-content;
2298
- background-color: transparent;
2299
- z-index: 500;
2300
- display: flex;
2301
- justify-content: flex-start;
2302
- align-items: center;
2303
- padding: 0 5px;
2304
- overflow-x: hidden;
2305
- }
2306
-
2307
- .w_file_preview .w_directionBg {
2308
- position: absolute;
2309
- cursor: pointer;
2310
- width: 18px;
2311
- height: 18px;
2312
- background: #FFFFFF;
2313
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2314
- border-radius: 5px;
2315
- border: 1px solid #F0F0F0;
2316
- z-index: 999999;
2317
- display: flex;
2318
- justify-content: center;
2319
- align-items: center;
2320
- }
2321
-
2322
- .w_file_preview .w_directionBg img {
2323
- width: 12px;
2324
- }
2325
-
2326
- .w_file_preview .w_toLeftBox {
2327
- position: absolute;
2328
- left: 0;
2329
- top: 6px;
2330
- height: 60px;
2331
- width: 80px;
2332
- background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255,255,255,0) 100%);
2333
- z-index: 99999;
2334
- }
2335
-
2336
- .w_file_preview .w_toLeftBox .w_toLeft {
2337
- position: absolute;
2338
- cursor: pointer;
2339
- width: 18px;
2340
- height: 18px;
2341
- background: #FFFFFF;
2342
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2343
- border-radius: 5px;
2344
- border: 1px solid #F0F0F0;
2345
- z-index: 999999;
2346
- display: flex;
2347
- justify-content: center;
2348
- align-items: center;
2349
- top: 25px;
2350
- left: 5px;
2351
- }
2352
-
2353
- .w_file_preview .w_toRightBox {
2354
- position: absolute;
2355
- right: 0;
2356
- top: 6px;
2357
- height: 60px;
2358
- width: 80px;
2359
- background: linear-gradient(-90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%);
2360
- z-index: 99999;
2361
- }
2362
-
2363
- .w_file_preview .w_toRightBox .w_toRight {
2364
- position: absolute;
2365
- cursor: pointer;
2366
- width: 18px;
2367
- height: 18px;
2368
- background: #FFFFFF;
2369
- box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2370
- border-radius: 5px;
2371
- border: 1px solid #F0F0F0;
2372
- z-index: 999999;
2373
- display: flex;
2374
- justify-content: center;
2375
- align-items: center;
2376
- top: 25px;
2377
- right: 5px;
2378
- }
2379
-
2380
- .w_file_preview .w_fileBox {
2381
- position: relative;
2382
- min-width: fit-content;
2383
- background-color: #f0f0f0;
2384
- border-radius: 10px;
2385
- margin: 10px 5px;
2386
- padding: 5px;
2387
- display: flex;
2388
- }
2389
-
2390
- .w_file_preview .w_fileBox:hover .w_fileRemove {
2391
- display: block;
2392
- }
2393
-
2394
- .w_file_preview .w_fileBox .w_fileInfoBox {
2395
- width: fit-content;
2396
- margin-left: 10px;
2397
- }
2398
-
2399
- .w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoFileName {
2400
- overflow: hidden;
2401
- text-overflow: ellipsis;
2402
- white-space: nowrap;
2403
- width: 110px;
2404
- color: #242424;
2405
- user-select: none;
2406
- }
2407
-
2408
- .w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoMeta {
2409
- width: fit-content;
2410
- user-select: none;
2411
- color: #a8a8a8;
2412
- white-space: nowrap;
2413
- }
2414
-
2415
- .w_file_preview .w_fileBox .w_fileRemove {
2416
- display: none;
2417
- position: absolute;
2418
- cursor: pointer;
2419
- top: -2px;
2420
- right: 0;
2421
- z-index: 99999;
2422
- }
2423
-
2424
- .w_file_preview .w_fileBox .w_fileRemove img {
2425
- width: 20px;
2426
- }
2427
-
2428
- .w_file_preview .w_fileBox .w_upImg {
2429
- border-radius: 3px;
2430
- z-index: 510;
2431
- }
2432
-
2433
- .w_tagListClass {
2434
- width: 100%;
2435
- height: fit-content;
2436
- display: flex;
2437
- align-items: center;
2438
- padding: 8px 0 8px 10px;
2439
- flex-wrap: wrap;
2440
- gap: 8px;
2441
- }
2442
- .w_tagListClass::-webkit-scrollbar {
2443
- height: 0px;
2444
- display: none;
2445
- background: transparent;
2446
- }
2447
- .w_tagListClass .w_tagItemBox {
2448
- padding: 8px 12px;
2449
- display: flex;
2450
- align-items: center;
2451
- justify-content: center;
2452
- width: fit-content;
2453
- height: 30px;
2454
- background: #00000000;
2455
- border-radius: 15px;
2456
- border: 1px solid #4B4FFF;
2457
- cursor: pointer;
2458
-
2459
- }
2460
- .w_tagListClass .w_tagItemBox:hover, .w_tagListClass .w_tagItemBox:active {
2461
- background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
2462
- }
2463
- .w_tagListClass .w_tagItemBox:hover .w_tagImgh,.w_tagListClass .w_tagItemBox:active .w_tagImgh {
2464
- filter: brightness(100);
2465
- }
2466
-
2467
- .w_tagListClass .w_tagItemBox:hover .w_tagItemText, .w_tagListClass .w_tagItemBox:active .w_tagItemText {
2468
- color: #fff;
2469
- }
2470
- .w_tagListClass .w_tagItemBox .w_tagImgh{
2471
- width: 16px;
2472
- height: 16px;
2473
- }
2474
- .w_tagListClass .w_tagItemBox .w_tagItemText {
2475
- width: fit-content;
2476
- padding-top: 2px;
2477
- color: #1552FF;
2478
- font-size: 14px;
2479
- }
2480
- .w_tagListClass .w_tagItemBox .w_tagImg {
2481
- margin-left: 6px;
2482
- width: 12px;
2483
- height: 12px;
2484
- background-repeat: no-repeat;
2485
- background-size: cover;
2486
- }
2487
-
2488
- .w_inputBox {
2489
- width: calc(100% - 16px);
2490
- margin: 0 auto 8px;
2491
- display: flex;
2492
- align-items: center;
2493
- box-shadow: 0px 2px 15px 0px rgba(0,48,187,0.1);
2494
- border-radius: 30px;
2495
- background: #FFFFFF;
2496
- transition: height 0.2s ease;
2497
- }
2498
- .w_inputBox textarea {
2499
- resize: none;
2500
- min-height: 48px;
2501
- max-height: 96px;
2502
- border: 0;
2503
- box-shadow: none !important;
2504
- color: #333;
2505
- outline: 0;
2506
- width: 100%;
2507
-
2508
- box-sizing: border-box;
2509
- overflow-y: auto; /* 允许垂直滚动 */
2510
- scrollbar-width: none; /* Firefox */
2511
- -ms-overflow-style: none; /* IE and Edge */
2512
- border-top-left-radius: 50px;
2513
- border-bottom-left-radius: 50px;
2514
- }
2515
-
2516
- .w_inputBox textarea::-webkit-scrollbar {
2517
- display: none;
2518
- }
2519
-
2520
- .w_send_voice_box {
2521
- height: 23px;
2522
- display: flex;
2523
- background: transparent;
2524
- align-items: center;
2525
- justify-content: center;
2526
- border-radius: 24px;
2527
- font-size: 12px;
2528
- color: #666666;
2529
- cursor: pointer;
2530
- margin-right: 10px;
2531
- }
2532
-
2533
- .w_send_voice_box .w_recordIng {
2534
- padding: 4px;
2535
- background: #1552FF;
2536
- border-radius: 8px;
2537
- }
2538
- `
2539
-
2540
- return (
2541
- <div style={{ position: 'relative',height:'100%' }}>
2542
- <style dangerouslySetInnerHTML={{ __html: styles + markdownBody + yt_style }}></style>
2543
- <ChatWindow
2544
- tags={tags}
2545
- getHistoryList={getHistoryList}
2546
- userInfo={userInfo}
2547
- clearMessage={clearMessage}
2548
- api_key={api_key}
2549
- input_type={input_type}
2550
- output_type={output_type}
2551
- output_component={output_component}
2552
- open={open}
2553
- height={height}
2554
- width={width}
2555
- send_icon_style={send_icon_style}
2556
- bot_message_style={bot_message_style}
2557
- user_message_style={user_message_style}
2558
- chat_window_style={chat_window_style}
2559
- error_message_style={error_message_style}
2560
- send_button_style={send_button_style}
2561
- placeholder={placeholder}
2562
- input_style={input_style}
2563
- online={online}
2564
- online_message={online_message}
2565
- offline_message={offline_message}
2566
- placeholder_sending={placeholder_sending}
2567
- window_title={window_title}
2568
- input_container_style={input_container_style}
2569
- tweaks={tweaks}
2570
- flowId={flow_id}
2571
- hostUrl={host_url}
2572
- updateLastMessage={updateLastMessage}
2573
- addMessage={addMessage}
2574
- messages={messages}
2575
- triggerRef={triggerRef}
2576
- position={chat_position}
2577
- sessionId={sessionId}
2578
- additional_headers={additional_headers}
2579
- setDropDownList={setDropDownList}
2580
- dropDownList={dropDownList}
2581
- baseConfig={baseConfig}
2582
- isShowVoiceButton={isShowVoiceButton}
2583
- isShowUploadButton={isShowUploadButton}
2584
- dropManUrl={dropManUrl}
2585
- modalWidth={modalWidth}
2586
- isMobile={isMobile}
2587
- isShowChatHeader={isShowChatHeader}
2588
- />
2589
- </div>
2590
- );
2591
- }
1
+ // @ts-nocheck
2
+ import { useRef, useState } from 'react';
3
+ import ChatWindow from './chatWindow';
4
+ import { ChatMessageType } from './chatWindow/types/chatWidget';
5
+
6
+ export default function ChatWidget({
7
+ tags,
8
+ getHistoryList,
9
+ userInfo,
10
+ api_key,
11
+ output_type = 'chat',
12
+ input_type = 'chat',
13
+ output_component,
14
+ host_url,
15
+ flow_id,
16
+ tweaks,
17
+ send_icon_style,
18
+ bot_message_style,
19
+ user_message_style,
20
+ chat_window_style,
21
+ height,
22
+ width,
23
+ error_message_style,
24
+ send_button_style,
25
+ online,
26
+ online_message,
27
+ offline_message,
28
+ window_title,
29
+ chat_position,
30
+ placeholder,
31
+ input_style,
32
+ placeholder_sending,
33
+ input_container_style,
34
+ additional_headers,
35
+ session_id,
36
+ start_open = false,
37
+ setDropDownList,
38
+ dropDownList,
39
+ baseConfig,
40
+ isShowVoiceButton,
41
+ isShowUploadButton,
42
+ dropManUrl,
43
+ modalWidth,
44
+ isMobile = false,
45
+ isShowChatHeader = true,
46
+ }: {
47
+ tags: [];
48
+ getHistoryList: Function;
49
+ userInfo: object;
50
+ api_key?: string;
51
+ input_value: string;
52
+ output_type: string;
53
+ input_type: string;
54
+ output_component?: string;
55
+ send_icon_style?: React.CSSProperties;
56
+ chat_position?: string;
57
+ bot_message_style?: React.CSSProperties;
58
+ user_message_style?: React.CSSProperties;
59
+ chat_window_style?: React.CSSProperties;
60
+ online?: boolean;
61
+ online_message?: string;
62
+ offline_message?: string;
63
+ height?: string;
64
+ width?: number;
65
+ window_title?: string;
66
+ error_message_style?: React.CSSProperties;
67
+ send_button_style?: React.CSSProperties;
68
+ placeholder_sending?: string;
69
+ placeholder?: string;
70
+ input_style?: React.CSSProperties;
71
+ input_container_style?: React.CSSProperties;
72
+ host_url: string;
73
+ flow_id: string;
74
+ tweaks?: { [key: string]: any };
75
+ additional_headers?: { [key: string]: string };
76
+ session_id?: string;
77
+ start_open?: boolean;
78
+ baseConfig:object;
79
+ isShowVoiceButton:boolean;
80
+ isShowUploadButton:boolean;
81
+ dropManUrl: string;
82
+ modalWidth: number;
83
+ isMobile: boolean;
84
+ isShowChatHeader: boolean;
85
+ }) {
86
+ const [open, setOpen] = useState(start_open);
87
+ const [messages, setMessages] = useState<ChatMessageType[]>([]);
88
+ const sessionId = session_id;
89
+
90
+ function updateLastMessage(message: ChatMessageType) {
91
+ setMessages((prev) => {
92
+ prev[prev.length - 1] = message;
93
+ return [...prev];
94
+ });
95
+ }
96
+
97
+ function addMessage(message: ChatMessageType) {
98
+ setMessages((prev) => [...prev, message]);
99
+ }
100
+
101
+ function clearMessage() {
102
+ setMessages([]);
103
+ }
104
+
105
+ const triggerRef = useRef<HTMLButtonElement>(null);
106
+
107
+ const styles = `
108
+
109
+ *,
110
+ ::before,
111
+ ::after {
112
+ box-sizing: border-box;
113
+ border-width: 0;
114
+ border-style: solid;
115
+ border-color: #e5e7eb;
116
+ }
117
+
118
+ abbr:where([title]) {
119
+ -webkit-text-decoration: underline dotted;
120
+ text-decoration: underline dotted;
121
+ }
122
+
123
+ b,
124
+ strong {
125
+ font-weight: bolder;
126
+ }
127
+
128
+ code,
129
+ kbd,
130
+ samp,
131
+ pre {
132
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
133
+ /* 1 */
134
+ font-size: 1em;
135
+ /* 2 */
136
+ }
137
+
138
+ small {
139
+ font-size: 80%;
140
+ }
141
+
142
+ sub,
143
+ sup {
144
+ font-size: 75%;
145
+ line-height: 0;
146
+ position: relative;
147
+ vertical-align: baseline;
148
+ }
149
+
150
+ sub {
151
+ bottom: -0.25em;
152
+ }
153
+
154
+ sup {
155
+ top: -0.5em;
156
+ }
157
+
158
+ button,
159
+ input,
160
+ optgroup,
161
+ select,
162
+ textarea {
163
+ font-family: inherit;
164
+ /* 1 */
165
+ font-size: 100%;
166
+ /* 1 */
167
+ font-weight: inherit;
168
+ /* 1 */
169
+ line-height: inherit;
170
+ /* 1 */
171
+ color: inherit;
172
+ /* 1 */
173
+ margin: 0;
174
+ /* 2 */
175
+ padding: 0;
176
+ /* 3 */
177
+ }
178
+
179
+ /*
180
+ Remove the inheritance of text transform in Edge and Firefox.
181
+ */
182
+
183
+ button,
184
+ select {
185
+ text-transform: none;
186
+ }
187
+
188
+ /*
189
+ 1. Correct the inability to style clickable types in iOS and Safari.
190
+ 2. Remove default button styles.
191
+ */
192
+
193
+ button,
194
+ [type='button'],
195
+ [type='reset'],
196
+ [type='submit'] {
197
+ -webkit-appearance: button;
198
+ /* 1 */
199
+ // background-color: transparent;
200
+ /* 2 */
201
+ background-image: none;
202
+ /* 2 */
203
+ }
204
+
205
+ /*
206
+ Use the modern Firefox focus style for all focusable elements.
207
+ */
208
+
209
+ :-moz-focusring {
210
+ outline: auto;
211
+ }
212
+
213
+ /*
214
+ Remove the additional ':invalid' styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
215
+ */
216
+
217
+ :-moz-ui-invalid {
218
+ box-shadow: none;
219
+ }
220
+
221
+ /*
222
+ Add the correct vertical alignment in Chrome and Firefox.
223
+ */
224
+
225
+ progress {
226
+ vertical-align: baseline;
227
+ }
228
+
229
+ /*
230
+ Correct the cursor style of increment and decrement buttons in Safari.
231
+ */
232
+
233
+ ::-webkit-inner-spin-button,
234
+ ::-webkit-outer-spin-button {
235
+ height: auto;
236
+ }
237
+
238
+ /*
239
+ 1. Correct the odd appearance in Chrome and Safari.
240
+ 2. Correct the outline style in Safari.
241
+ */
242
+
243
+ [type='search'] {
244
+ -webkit-appearance: textfield;
245
+ /* 1 */
246
+ outline-offset: -2px;
247
+ /* 2 */
248
+ }
249
+
250
+ /*
251
+ Remove the inner padding in Chrome and Safari on macOS.
252
+ */
253
+
254
+ ::-webkit-search-decoration {
255
+ -webkit-appearance: none;
256
+ }
257
+
258
+ /*
259
+ 1. Correct the inability to style clickable types in iOS and Safari.
260
+ 2. Change font properties to 'inherit' in Safari.
261
+ */
262
+
263
+ ::-webkit-file-upload-button {
264
+ -webkit-appearance: button;
265
+ /* 1 */
266
+ font: inherit;
267
+ /* 2 */
268
+ }
269
+
270
+ /*
271
+ Add the correct display in Chrome and Safari.
272
+ */
273
+
274
+ summary {
275
+ display: list-item;
276
+ }
277
+
278
+ /*
279
+ Removes the default spacing and border for appropriate elements.
280
+ */
281
+
282
+ fieldset {
283
+ margin: 0;
284
+ padding: 0;
285
+ }
286
+
287
+ legend {
288
+ padding: 0;
289
+ }
290
+
291
+
292
+ /*
293
+ Prevent resizing textareas horizontally by default.
294
+ */
295
+
296
+ textarea {
297
+ resize: vertical;
298
+ }
299
+
300
+ /*
301
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
302
+ 2. Set the default placeholder color to the user's configured gray 400 color.
303
+ */
304
+
305
+ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
306
+ opacity: 1;
307
+ /* 1 */
308
+ color: #9ca3af;
309
+ /* 2 */
310
+ }
311
+
312
+ input::placeholder,
313
+ textarea::placeholder {
314
+ opacity: 1;
315
+ /* 1 */
316
+ color: #9ca3af;
317
+ /* 2 */
318
+ }
319
+
320
+ /*
321
+ Set the default cursor for buttons.
322
+ */
323
+
324
+ button,
325
+ [role="button"] {
326
+ cursor: pointer;
327
+ }
328
+
329
+ /*
330
+ Make sure disabled buttons don't get the pointer cursor.
331
+ */
332
+
333
+ :disabled {
334
+ cursor: default;
335
+ }
336
+
337
+ /*
338
+ 1. Make replaced elements 'display: block' by default. (https://github.com/mozdevs/cssremedy/issues/14)
339
+ 2. Add 'vertical-align: middle' to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
340
+ This can trigger a poorly considered lint error in some tools but is included by design.
341
+ */
342
+
343
+
344
+ /*
345
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
346
+ */
347
+
348
+ img,
349
+ video {
350
+ max-width: 100%;
351
+ height: auto;
352
+ }
353
+
354
+ /* Make elements with the HTML hidden attribute stay hidden by default */
355
+
356
+ [hidden] {
357
+ display: none;
358
+ }
359
+
360
+ .cl-window {
361
+ border-radius: 1rem;
362
+ padding-top: 1.8rem;
363
+ padding-bottom: 1.2rem;
364
+ }
365
+
366
+ .cl-middle-container{
367
+ height:100%;
368
+ display: flex;
369
+ flex-direction: column;
370
+ overflow: hidden;
371
+ border-left:0.5px solid #3850FF2E;
372
+ border-right:0.5px solid #3850FF2E;
373
+ padding-left:1.6rem;
374
+ padding-right:1.6rem;
375
+ }
376
+
377
+
378
+ .cl-scale-100 {
379
+ --tw-scale-x: 1;
380
+ --tw-scale-y: 1;
381
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
382
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
383
+ }
384
+
385
+ .cl-scale-0 {
386
+ --tw-scale-x: 0;
387
+ --tw-scale-y: 0;
388
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
389
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
390
+ }
391
+
392
+
393
+ .cl-chat-window {
394
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
395
+ "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
396
+ sans-serif;
397
+ position: absolute;
398
+ transition-property: all;
399
+ transition-duration: 300ms;
400
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
401
+ }
402
+
403
+ .cl-online-message {
404
+ height: 0.5rem;
405
+ width: 0.5rem;
406
+ border-radius: 9999px;
407
+ --tw-bg-opacity: 1;
408
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity));
409
+ }
410
+
411
+ .cl-offline-message {
412
+ height: 0.5rem;
413
+ width: 0.5rem;
414
+ border-radius: 9999px;
415
+ --tw-bg-opacity: 1;
416
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
417
+ }
418
+
419
+ .cl-send-icon {
420
+ margin-right: 1.25rem;
421
+ height: 1.5rem;
422
+ width: 1.5rem;
423
+ }
424
+
425
+ .cl-notsending-message {
426
+ stroke: #3b82f6;
427
+ }
428
+
429
+ .cl-notsending-message:hover {
430
+ stroke: #60a5fa;
431
+ }
432
+
433
+ .cl-sending-message {
434
+ stroke: #9ca3af;
435
+ }
436
+
437
+ .cl-header-subtitle {
438
+ display: flex;
439
+ align-items: center;
440
+ gap: 0.5rem;
441
+ font-size: 0.875rem;
442
+ line-height: 1.25rem;
443
+ font-weight: 300;
444
+ color: rgb(107 114 128);
445
+ }
446
+
447
+ .cl-header {
448
+ position:relative;
449
+ display: flex;
450
+ flex-direction: column;
451
+ --tw-bg-opacity: 1;
452
+ font-size: 1.125rem;
453
+ line-height: 1.75rem;
454
+ font-weight: 400;
455
+ color: rgb(17 24 39);
456
+ }
457
+
458
+ .cl-header .header-title{
459
+ display: flex;
460
+ align-items: center;
461
+ margin-bottom: 16px;
462
+ font-size: 22px;
463
+ font-weight: 600;
464
+ }
465
+
466
+ .cl-header .diamond {
467
+ position: relative;
468
+ display: inline-block;
469
+ width: 20px;
470
+ height: 20px;
471
+ }
472
+
473
+ .cl-header .diamond::before {
474
+ content: '';
475
+ position: absolute;
476
+ top: 5px;
477
+ left: 0;
478
+ width: 10px;
479
+ height: 10px;
480
+ background-color: blue;
481
+ transform: rotate(45deg);
482
+ border-radius: 3px;
483
+ }
484
+
485
+ .cl-tips-wrapper {
486
+ width:100%;
487
+ display:flex;
488
+ margin-top:0.81rem;
489
+ flex-direction: row;
490
+ position: relative;
491
+ padding-bottom: 100px;
492
+ z-index: 1;
493
+ }
494
+
495
+ .cl-tips-wrapper .drop-man-img {
496
+ width: 35%;
497
+ }
498
+ .cl-tips-wrapper .drop-down-title {
499
+ margin-top: 45px;
500
+ font-family: PingFangSC, PingFang SC;
501
+ font-weight: 500;
502
+ font-size: 18px;
503
+ color: #333333;
504
+ line-height: 28px;
505
+ text-align: left;
506
+ font-style: normal;
507
+ > div {
508
+ margin-top: 15px;
509
+ font-size: 12px;
510
+ color: # 999;
511
+ }
512
+ }
513
+
514
+ .cl-tips-wrapper .cl-drop-down-mobile {
515
+ position: absolute;
516
+ width:100%;
517
+ top: 120px;
518
+ }
519
+
520
+ .cl-tips-wrapper .drop-down-list-mobile {
521
+ display: flex;
522
+ flex-direction: column;
523
+ margin-top: 2rem;
524
+ width:100%;
525
+ align-items: end;
526
+ }
527
+
528
+ .drop-down-item-card-mobile {
529
+ width: 85%;
530
+ height: 3.4rem;
531
+ padding: 0 0.6rem 0;
532
+ border-radius:20px;
533
+ border-top-left-radius: 0;
534
+ background: url("https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/drop-down-item-card-bg.png");
535
+ background-size: cover;
536
+ background-position: center;
537
+ background-repeat: no-repeat;
538
+ margin-bottom: 20px;
539
+
540
+ display:flex;
541
+ align-items: center;
542
+ }
543
+ .drop-down-item-title-mobile {
544
+ font-family: PingFangSC, PingFang SC;
545
+ font-weight: 400;
546
+ font-size: 13px;
547
+ color: #000000;
548
+ line-height: 17px;
549
+ text-align: left;
550
+ font-style: normal;
551
+ width: 100%;
552
+ margin-bottom:0 !important;
553
+ }
554
+
555
+ .drop-down-item-bottom-img-mobile{
556
+ width:3.5rem;
557
+ height:2.5rem;
558
+ }
559
+
560
+ .cl-drop-man{
561
+ width:100%;
562
+ display:flex;
563
+ margin-top:0.81rem;
564
+ }
565
+ .cl-drop-man .drop-man-img{
566
+ height:340px;
567
+ margin-right: 4rem;
568
+ margin-left: 3rem;
569
+ }
570
+
571
+ .cl-drop-man .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
572
+ height:3.4rem;
573
+ margin-right:20px;
574
+ }
575
+
576
+ .cl-drop-man .drop-down-list{
577
+ width:auto;
578
+ display:flex;
579
+ flex-direction:row;
580
+ flex-wrap:wrap;
581
+ }
582
+
583
+ .cl-drop-man .cl-drop-down .drop-down-item-card{
584
+ width:calc(50% - 0.65rem);
585
+ }
586
+
587
+ .cl-drop-man .cl-drop-down{
588
+ flex:1;
589
+ position:unset;
590
+ border-bottom-left-radius: 0;
591
+ }
592
+
593
+ .cl-drop-horizontal{
594
+ width:100%;
595
+ display:flex;
596
+ margin-top:0.81rem;
597
+ }
598
+
599
+ .cl-drop-horizontal .drop-man-img{
600
+ height:340px;
601
+ margin-right: 4rem;
602
+ margin-left: 3rem;
603
+ }
604
+
605
+ .cl-drop-horizontal .drop-down-list{
606
+ width:auto;
607
+ display:flex;
608
+ flex-direction:row;
609
+ flex-wrap:wrap;
610
+ }
611
+
612
+ .cl-drop-horizontal .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
613
+ height:2.4rem;
614
+ width:auto;
615
+ margin-right:20px;
616
+ }
617
+
618
+ .cl-drop-horizontal .cl-drop-down{
619
+ flex:1;
620
+ position:unset;
621
+ border-bottom-left-radius: 0;
622
+ }
623
+
624
+ .cl-drop-horizontal .cl-drop-down .drop-down-item-card{
625
+ width:100%;
626
+ height:unset;
627
+ justify-content:unset;
628
+ flex-direction:row;
629
+ align-items: center;
630
+ padding: 0.8rem 1.2rem 0.8rem;
631
+ cursor:pointer;
632
+ }
633
+
634
+ .cl-drop-horizontal .drop-down-item-bottom-button{
635
+ display:none;
636
+ }
637
+
638
+ .cl-drop-screen{
639
+ width:100%;
640
+ display:flex;
641
+ margin-top:0.81rem;
642
+ align-items: flex-start;
643
+ }
644
+
645
+ .cl-drop-screen .cl-drop-down .drop-down-item-card .drop-down-item-bottom-img{
646
+ height:2.4rem;
647
+ width:auto;
648
+ margin-right:20px;
649
+ }
650
+
651
+ .cl-drop-screen .drop-man-img{
652
+ height:340px;
653
+ margin-right: 4rem;
654
+ margin-left: 3rem;
655
+ }
656
+
657
+ .cl-drop-screen .cl-drop-down{
658
+ flex:1;
659
+ position:unset;
660
+ border-bottom-left-radius: 0;
661
+ }
662
+
663
+ .cl-drop-screen .cl-drop-down .drop-down-item-card{
664
+ width:calc(33% - 0.65rem);
665
+ }
666
+
667
+ .cl-drop-down {
668
+ background: #FFFFFF;
669
+ border-radius: 10px;
670
+ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
671
+ z-index: 1;
672
+ width: 100%;
673
+ min-height: 50px;
674
+ position: absolute;
675
+ bottom: -14.7rem;
676
+ padding:1.3rem;
677
+ }
678
+
679
+ .drop-down-title {
680
+ font-weight: 500;
681
+ font-size: 18px;
682
+ color: #000000;
683
+ line-height: 1.1;
684
+ text-align: left;
685
+ }
686
+ .drop-down-list {
687
+ display:flex;
688
+ gap:1.3rem;
689
+ margin-top:2rem;
690
+ }
691
+ .drop-down-item-card {
692
+ width: 33%;
693
+ padding: 1.2rem 1.2rem 0.3rem;
694
+ height:7.5rem;
695
+ font-weight: 400;
696
+ font-size: 14px;
697
+ color: #FFFFFF;
698
+ line-height: 14px;
699
+ text-align: left;
700
+ border-radius:10px;
701
+ background: url("https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/drop-down-item-card-bg.png");
702
+ background-size: cover;
703
+ background-position: center;
704
+ background-repeat: no-repeat;
705
+
706
+ display:flex;
707
+ justify-content: space-between;
708
+ flex-direction: column;
709
+ }
710
+ .drop-down-item-title {
711
+ font-weight: 400;
712
+ font-size: 16px;
713
+ color: #000000;
714
+ line-height: 20px;
715
+ text-align: left;
716
+ width: 100%;
717
+ margin-bottom:0 !important;
718
+ }
719
+ .drop-down-item-bottom{
720
+ display:flex;
721
+ align-items: center;
722
+ justify-content: space-between;
723
+ flex-direction: row;
724
+ // margin-top:1rem;
725
+ align-items: center;
726
+ }
727
+
728
+ .drop-down-item-bottom-button{
729
+ border-radius: 16px;
730
+ line-height: 20px;
731
+ text-align: left;
732
+ width: 2rem;
733
+ padding: 0.2rem 0.4rem 0.2rem 0.2rem;
734
+ cursor: pointer;
735
+ display: flex;
736
+ justify-content: center;
737
+ align-items: center
738
+ }
739
+
740
+ .drop-down-item-bottom-img{
741
+ width:4rem;
742
+ height:3.5rem;
743
+ }
744
+
745
+ @media screen and (max-width: 1000px){
746
+ .drop-down-item-bottom-img {
747
+ display:none;
748
+ }
749
+ .drop-down-item-bottom {
750
+
751
+ margin-bottom:1rem;
752
+ }
753
+ }
754
+
755
+ .cl-messages_container {
756
+ position: relative;
757
+ display: flex;
758
+ height: 100%;
759
+ flex-direction: column;
760
+ overflow: scroll;
761
+ overflow-x: clip;
762
+ --tw-bg-opacity: 1;
763
+ padding-left: 1rem;
764
+ padding-right: 1rem;
765
+ padding-top: 0.5rem;
766
+ padding-bottom: 0.5rem;
767
+ -ms-overflow-style: none;
768
+ scrollbar-width: none;
769
+ }
770
+
771
+ .cl-messages_container::-webkit-scrollbar {
772
+ display: none;
773
+ }
774
+
775
+ .cl-input_container {
776
+ position: relative;
777
+ display: flex;
778
+ flex-direction: column;
779
+ width: 100%;
780
+ align-items: center;
781
+ --tw-border-opacity: 1;
782
+ --tw-bg-opacity: 1;
783
+ border-top-right-radius: 50px;
784
+ border-bottom-right-radius: 50px;
785
+ }
786
+
787
+ .cl-chat-message {
788
+ display: flex;
789
+ width: 100%;
790
+ padding-top: 0.5rem;
791
+ padding-bottom: 0.5rem;
792
+ padding-left: 0.5rem;
793
+ padding-right: 0.5rem;
794
+ }
795
+
796
+ @-webkit-keyframes pulse {
797
+ 50% {
798
+ opacity: .5;
799
+ }
800
+ }
801
+
802
+ @keyframes pulse {
803
+ 50% {
804
+ opacity: .5;
805
+ }
806
+ }
807
+
808
+ .cl-animate-pulse {
809
+ -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
810
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
811
+ }
812
+
813
+ .cl-justify-start {
814
+ justify-content: flex-start;
815
+ }
816
+
817
+ .cl-justify-end {
818
+ justify-content: flex-end;
819
+ }
820
+
821
+ .cl-input-element {
822
+ height: 100%;
823
+ width: 100%;
824
+ padding-left: 1.25rem;
825
+ padding-right: 1.25rem;
826
+ padding-top: 0.25rem;
827
+ padding-bottom: 0.25rem;
828
+ font-weight: 300;
829
+ background-color: #FFFFFF;
830
+ color: rgb(17 24 39);
831
+ border-top-left-radius: 50px;
832
+ border-bottom-left-radius: 50px;
833
+ transition: height 0.2s ease;
834
+ }
835
+ .cl-input-element::-webkit-scrollbar{
836
+ width: 0 !important;
837
+ }
838
+
839
+ .cl-input-element::placeholder {
840
+ line-height:45px;
841
+ }
842
+
843
+ .cl-input-element:focus {
844
+ outline: 2px solid transparent;
845
+ outline-offset: 2px;
846
+ }
847
+
848
+ .cl-input-element:focus::placeholder {
849
+ line-height:unset;
850
+ }
851
+
852
+ .cl-user_message {
853
+ width: -webkit-fit-content;
854
+ width: -moz-fit-content;
855
+ width: fit-content;
856
+ -webkit-column-break-before: all;
857
+ break-before: all;
858
+ border-radius: 0.75rem;
859
+ border-top-right-radius: 0.125rem;
860
+ --tw-bg-opacity: 1;
861
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity));
862
+ padding-left: 1rem;
863
+ padding-right: 1rem;
864
+ padding-top: 0.5rem;
865
+ padding-bottom: 0.5rem;
866
+ text-align: left;
867
+ --tw-text-opacity: 1;
868
+ color: rgb(255 255 255 / var(--tw-text-opacity));
869
+ white-space: pre-line;
870
+ }
871
+
872
+ .cl-error_message {
873
+ width: -webkit-fit-content;
874
+ width: -moz-fit-content;
875
+ width: fit-content;
876
+ max-width: 90%;
877
+ -webkit-column-break-before: all;
878
+ break-before: all;
879
+ border-radius: 0.75rem;
880
+ border-top-left-radius: 0.125rem;
881
+ --tw-bg-opacity: 1;
882
+ background-color: rgb(248 113 113 / var(--tw-bg-opacity));
883
+ padding-left: 1rem;
884
+ padding-right: 1rem;
885
+ padding-top: 0.5rem;
886
+ padding-bottom: 0.5rem;
887
+ text-align: left;
888
+ --tw-text-opacity: 1;
889
+ color: rgb(255 255 255 / var(--tw-text-opacity));
890
+ }
891
+
892
+ .cl-bot_message {
893
+ width: -webkit-fit-content;
894
+ width: -moz-fit-content;
895
+ width: fit-content;
896
+
897
+ -webkit-column-break-before: all;
898
+ break-before: all;
899
+ border-radius: 0.75rem;
900
+ border-top-left-radius: 0.125rem;
901
+ --tw-bg-opacity: 1;
902
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
903
+ padding-left: 1rem;
904
+ padding-right: 1rem;
905
+ padding-top: 0.5rem;
906
+ padding-bottom: 0.5rem;
907
+ text-align: left;
908
+ --tw-text-opacity: 1;
909
+ color: rgb(31 41 55 / var(--tw-text-opacity));
910
+ }
911
+
912
+ .origin-bottom {
913
+ -webkit-transform-origin: bottom;
914
+ transform-origin: bottom;
915
+ }
916
+
917
+ .origin-bottom-left {
918
+ -webkit-transform-origin: bottom left;
919
+ transform-origin: bottom left;
920
+ }
921
+
922
+ .origin-bottom-right {
923
+ -webkit-transform-origin: bottom right;
924
+ transform-origin: bottom right;
925
+ }
926
+
927
+ .origin-center {
928
+ -webkit-transform-origin: center;
929
+ transform-origin: center;
930
+ }
931
+
932
+ .origin-top {
933
+ -webkit-transform-origin: top;
934
+ transform-origin: top;
935
+ }
936
+
937
+ .origin-top-left {
938
+ -webkit-transform-origin: top left;
939
+ transform-origin: top left;
940
+ }
941
+
942
+ .origin-top-right {
943
+ -webkit-transform-origin: top right;
944
+ transform-origin: top right;
945
+ }
946
+
947
+ .shadow {
948
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
949
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
950
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
951
+ }
952
+ input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
953
+ color: rgb(156 163 175);
954
+ opacity: 1; /* Firefox */
955
+ }
956
+
957
+ input:-ms-input-placeholder { /* Internet Explorer 10-11 */
958
+ color: rgb(156 163 175);
959
+ }
960
+
961
+ input::-ms-input-placeholder { /* Microsoft Edge */
962
+ color: rgb(156 163 175);
963
+ }
964
+ `;
965
+
966
+ const markdownBody = `
967
+
968
+ .markdown-body {
969
+ --base-size-4: 0.25rem;
970
+ --base-size-8: 0.5rem;
971
+ --base-size-16: 1rem;
972
+ --base-text-weight-normal: 400;
973
+ --base-text-weight-medium: 500;
974
+ --base-text-weight-semibold: 600;
975
+ --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
976
+ }
977
+
978
+ @media (prefers-color-scheme: dark) {
979
+ .markdown-body,
980
+ [data-theme="dark"] {
981
+ /*dark*/
982
+ color-scheme: dark;
983
+ --focus-outlineColor: #1f6feb;
984
+ --fgColor-default: #e6edf3;
985
+ --fgColor-muted: #8d96a0;
986
+ --fgColor-accent: #4493f8;
987
+ --fgColor-success: #3fb950;
988
+ --fgColor-attention: #d29922;
989
+ --fgColor-danger: #f85149;
990
+ --fgColor-done: #ab7df8;
991
+ --bgColor-default: #0d1117;
992
+ --bgColor-muted: #161b22;
993
+ --bgColor-neutral-muted: #6e768166;
994
+ --bgColor-attention-muted: #bb800926;
995
+ --borderColor-default: #30363d;
996
+ --borderColor-muted: #30363db3;
997
+ --borderColor-neutral-muted: #6e768166;
998
+ --borderColor-accent-emphasis: #1f6feb;
999
+ --borderColor-success-emphasis: #238636;
1000
+ --borderColor-attention-emphasis: #9e6a03;
1001
+ --borderColor-danger-emphasis: #da3633;
1002
+ --borderColor-done-emphasis: #8957e5;
1003
+ --color-prettylights-syntax-comment: #8b949e;
1004
+ --color-prettylights-syntax-constant: #79c0ff;
1005
+ --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
1006
+ --color-prettylights-syntax-entity: #d2a8ff;
1007
+ --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
1008
+ --color-prettylights-syntax-entity-tag: #7ee787;
1009
+ --color-prettylights-syntax-keyword: #ff7b72;
1010
+ --color-prettylights-syntax-string: #a5d6ff;
1011
+ --color-prettylights-syntax-variable: #ffa657;
1012
+ --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
1013
+ --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
1014
+ --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
1015
+ --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
1016
+ --color-prettylights-syntax-carriage-return-text: #f0f6fc;
1017
+ --color-prettylights-syntax-carriage-return-bg: #b62324;
1018
+ --color-prettylights-syntax-string-regexp: #7ee787;
1019
+ --color-prettylights-syntax-markup-list: #f2cc60;
1020
+ --color-prettylights-syntax-markup-heading: #1f6feb;
1021
+ --color-prettylights-syntax-markup-italic: #c9d1d9;
1022
+ --color-prettylights-syntax-markup-bold: #c9d1d9;
1023
+ --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
1024
+ --color-prettylights-syntax-markup-deleted-bg: #67060c;
1025
+ --color-prettylights-syntax-markup-inserted-text: #aff5b4;
1026
+ --color-prettylights-syntax-markup-inserted-bg: #033a16;
1027
+ --color-prettylights-syntax-markup-changed-text: #ffdfb6;
1028
+ --color-prettylights-syntax-markup-changed-bg: #5a1e02;
1029
+ --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
1030
+ --color-prettylights-syntax-markup-ignored-bg: #1158c7;
1031
+ --color-prettylights-syntax-meta-diff-range: #d2a8ff;
1032
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
1033
+ }
1034
+ }
1035
+
1036
+ @media (prefers-color-scheme: light) {
1037
+ .markdown-body,
1038
+ [data-theme="light"] {
1039
+ /*light*/
1040
+ color-scheme: light;
1041
+ --focus-outlineColor: #0969da;
1042
+ --fgColor-default: #1f2328;
1043
+ --fgColor-muted: #636c76;
1044
+ --fgColor-accent: #0969da;
1045
+ --fgColor-success: #1a7f37;
1046
+ --fgColor-attention: #9a6700;
1047
+ --fgColor-danger: #d1242f;
1048
+ --fgColor-done: #8250df;
1049
+ --bgColor-default: #ffffff;
1050
+ --bgColor-muted: #f6f8fa;
1051
+ --bgColor-neutral-muted: #afb8c133;
1052
+ --bgColor-attention-muted: #fff8c5;
1053
+ --borderColor-default: #d0d7de;
1054
+ --borderColor-muted: #d0d7deb3;
1055
+ --borderColor-neutral-muted: #afb8c133;
1056
+ --borderColor-accent-emphasis: #0969da;
1057
+ --borderColor-success-emphasis: #1a7f37;
1058
+ --borderColor-attention-emphasis: #bf8700;
1059
+ --borderColor-danger-emphasis: #cf222e;
1060
+ --borderColor-done-emphasis: #8250df;
1061
+ --color-prettylights-syntax-comment: #57606a;
1062
+ --color-prettylights-syntax-constant: #0550ae;
1063
+ --color-prettylights-syntax-constant-other-reference-link: #0a3069;
1064
+ --color-prettylights-syntax-entity: #6639ba;
1065
+ --color-prettylights-syntax-storage-modifier-import: #24292f;
1066
+ --color-prettylights-syntax-entity-tag: #0550ae;
1067
+ --color-prettylights-syntax-keyword: #cf222e;
1068
+ --color-prettylights-syntax-string: #0a3069;
1069
+ --color-prettylights-syntax-variable: #953800;
1070
+ --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
1071
+ --color-prettylights-syntax-brackethighlighter-angle: #57606a;
1072
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
1073
+ --color-prettylights-syntax-invalid-illegal-bg: #82071e;
1074
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
1075
+ --color-prettylights-syntax-carriage-return-bg: #cf222e;
1076
+ --color-prettylights-syntax-string-regexp: #116329;
1077
+ --color-prettylights-syntax-markup-list: #3b2300;
1078
+ --color-prettylights-syntax-markup-heading: #0550ae;
1079
+ --color-prettylights-syntax-markup-italic: #24292f;
1080
+ --color-prettylights-syntax-markup-bold: #24292f;
1081
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
1082
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
1083
+ --color-prettylights-syntax-markup-inserted-text: #116329;
1084
+ --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
1085
+ --color-prettylights-syntax-markup-changed-text: #953800;
1086
+ --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
1087
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
1088
+ --color-prettylights-syntax-markup-ignored-bg: #0550ae;
1089
+ --color-prettylights-syntax-meta-diff-range: #8250df;
1090
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
1091
+ }
1092
+ }
1093
+
1094
+ .markdown-body {
1095
+ -ms-text-size-adjust: 100%;
1096
+ -webkit-text-size-adjust: 100%;
1097
+ margin: 0;
1098
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
1099
+ font-size: 16px;
1100
+ line-height: 1.5;
1101
+ word-wrap: break-word;
1102
+ scroll-behavior: auto;
1103
+ }
1104
+
1105
+ .markdown-body .octicon {
1106
+ display: inline-block;
1107
+ fill: currentColor;
1108
+ vertical-align: text-bottom;
1109
+ }
1110
+
1111
+ .markdown-body h1:hover .anchor .octicon-link:before,
1112
+ .markdown-body h2:hover .anchor .octicon-link:before,
1113
+ .markdown-body h3:hover .anchor .octicon-link:before,
1114
+ .markdown-body h4:hover .anchor .octicon-link:before,
1115
+ .markdown-body h5:hover .anchor .octicon-link:before,
1116
+ .markdown-body h6:hover .anchor .octicon-link:before {
1117
+ width: 16px;
1118
+ height: 16px;
1119
+ content: ' ';
1120
+ display: inline-block;
1121
+ background-color: currentColor;
1122
+ -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
1123
+ mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
1124
+ }
1125
+
1126
+ .markdown-body details,
1127
+ .markdown-body figcaption,
1128
+ .markdown-body figure {
1129
+ display: block;
1130
+ }
1131
+
1132
+ .markdown-body summary {
1133
+ display: list-item;
1134
+ }
1135
+
1136
+ .markdown-body [hidden] {
1137
+ display: none !important;
1138
+ }
1139
+
1140
+ .markdown-body a {
1141
+ background-color: transparent;
1142
+ color: var(--fgColor-accent);
1143
+ text-decoration: none;
1144
+ }
1145
+
1146
+ .markdown-body abbr[title] {
1147
+ border-bottom: none;
1148
+ -webkit-text-decoration: underline dotted;
1149
+ text-decoration: underline dotted;
1150
+ }
1151
+
1152
+ .markdown-body b,
1153
+ .markdown-body strong {
1154
+ font-weight: var(--base-text-weight-semibold, 600);
1155
+ }
1156
+
1157
+ .markdown-body dfn {
1158
+ font-style: italic;
1159
+ }
1160
+
1161
+ .markdown-body h1 {
1162
+ margin: .67em 0;
1163
+ font-weight: var(--base-text-weight-semibold, 600);
1164
+ padding-bottom: .3em;
1165
+ font-size: 2em;
1166
+ border-bottom: 1px solid var(--borderColor-muted);
1167
+ }
1168
+
1169
+ .markdown-body mark {
1170
+ background-color: var(--bgColor-attention-muted);
1171
+ color: var(--fgColor-default);
1172
+ }
1173
+
1174
+ .markdown-body small {
1175
+ font-size: 90%;
1176
+ }
1177
+
1178
+ .markdown-body sub,
1179
+ .markdown-body sup {
1180
+ font-size: 75%;
1181
+ line-height: 0;
1182
+ position: relative;
1183
+ vertical-align: baseline;
1184
+ }
1185
+
1186
+ .markdown-body sub {
1187
+ bottom: -0.25em;
1188
+ }
1189
+
1190
+ .markdown-body sup {
1191
+ top: -0.5em;
1192
+ }
1193
+
1194
+ .markdown-body img {
1195
+ border-style: none;
1196
+ max-width: 100%;
1197
+ box-sizing: content-box;
1198
+ }
1199
+
1200
+ .markdown-body code,
1201
+ .markdown-body kbd,
1202
+ .markdown-body pre,
1203
+ .markdown-body samp {
1204
+ font-family: monospace;
1205
+ font-size: 1em;
1206
+ }
1207
+
1208
+ .markdown-body figure {
1209
+ margin: 1em 40px;
1210
+ }
1211
+
1212
+ .markdown-body hr {
1213
+ box-sizing: content-box;
1214
+ overflow: hidden;
1215
+ background: transparent;
1216
+ border-bottom: 1px solid var(--borderColor-muted);
1217
+ height: .25em;
1218
+ padding: 0;
1219
+ margin: 24px 0;
1220
+ background-color: var(--borderColor-default);
1221
+ border: 0;
1222
+ }
1223
+
1224
+ .markdown-body input {
1225
+ font: inherit;
1226
+ margin: 0;
1227
+ overflow: visible;
1228
+ font-family: inherit;
1229
+ font-size: inherit;
1230
+ line-height: inherit;
1231
+ }
1232
+
1233
+ .markdown-body [type=button],
1234
+ .markdown-body [type=reset],
1235
+ .markdown-body [type=submit] {
1236
+ -webkit-appearance: button;
1237
+ appearance: button;
1238
+ }
1239
+
1240
+ .markdown-body [type=checkbox],
1241
+ .markdown-body [type=radio] {
1242
+ box-sizing: border-box;
1243
+ padding: 0;
1244
+ }
1245
+
1246
+ .markdown-body [type=number]::-webkit-inner-spin-button,
1247
+ .markdown-body [type=number]::-webkit-outer-spin-button {
1248
+ height: auto;
1249
+ }
1250
+
1251
+ .markdown-body [type=search]::-webkit-search-cancel-button,
1252
+ .markdown-body [type=search]::-webkit-search-decoration {
1253
+ -webkit-appearance: none;
1254
+ appearance: none;
1255
+ }
1256
+
1257
+ .markdown-body ::-webkit-input-placeholder {
1258
+ color: inherit;
1259
+ opacity: .54;
1260
+ }
1261
+
1262
+ .markdown-body ::-webkit-file-upload-button {
1263
+ -webkit-appearance: button;
1264
+ appearance: button;
1265
+ font: inherit;
1266
+ }
1267
+
1268
+ .markdown-body a:hover {
1269
+ text-decoration: underline;
1270
+ }
1271
+
1272
+ .markdown-body ::placeholder {
1273
+ color: var(--fgColor-muted);
1274
+ opacity: 1;
1275
+ }
1276
+
1277
+ .markdown-body hr::before {
1278
+ display: table;
1279
+ content: "";
1280
+ }
1281
+
1282
+ .markdown-body hr::after {
1283
+ display: table;
1284
+ clear: both;
1285
+ content: "";
1286
+ }
1287
+
1288
+ .markdown-body table {
1289
+ border-spacing: 0;
1290
+ border-collapse: collapse;
1291
+ display: block;
1292
+ width: max-content;
1293
+ max-width: 100%;
1294
+ overflow: auto;
1295
+ }
1296
+
1297
+ .markdown-body td,
1298
+ .markdown-body th {
1299
+ padding: 0;
1300
+ }
1301
+
1302
+ .markdown-body details summary {
1303
+ cursor: pointer;
1304
+ }
1305
+
1306
+ .markdown-body details:not([open])>*:not(summary) {
1307
+ display: none;
1308
+ }
1309
+
1310
+ .markdown-body a:focus,
1311
+ .markdown-body [role=button]:focus,
1312
+ .markdown-body input[type=radio]:focus,
1313
+ .markdown-body input[type=checkbox]:focus {
1314
+ outline: 2px solid var(--focus-outlineColor);
1315
+ outline-offset: -2px;
1316
+ box-shadow: none;
1317
+ }
1318
+
1319
+ .markdown-body a:focus:not(:focus-visible),
1320
+ .markdown-body [role=button]:focus:not(:focus-visible),
1321
+ .markdown-body input[type=radio]:focus:not(:focus-visible),
1322
+ .markdown-body input[type=checkbox]:focus:not(:focus-visible) {
1323
+ outline: solid 1px transparent;
1324
+ }
1325
+
1326
+ .markdown-body a:focus-visible,
1327
+ .markdown-body [role=button]:focus-visible,
1328
+ .markdown-body input[type=radio]:focus-visible,
1329
+ .markdown-body input[type=checkbox]:focus-visible {
1330
+ outline: 2px solid var(--focus-outlineColor);
1331
+ outline-offset: -2px;
1332
+ box-shadow: none;
1333
+ }
1334
+
1335
+ .markdown-body a:not([class]):focus,
1336
+ .markdown-body a:not([class]):focus-visible,
1337
+ .markdown-body input[type=radio]:focus,
1338
+ .markdown-body input[type=radio]:focus-visible,
1339
+ .markdown-body input[type=checkbox]:focus,
1340
+ .markdown-body input[type=checkbox]:focus-visible {
1341
+ outline-offset: 0;
1342
+ }
1343
+
1344
+ .markdown-body kbd {
1345
+ display: inline-block;
1346
+ padding: 3px 5px;
1347
+ font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1348
+ line-height: 10px;
1349
+ color: var(--fgColor-default);
1350
+ vertical-align: middle;
1351
+ background-color: var(--bgColor-muted);
1352
+ border: solid 1px var(--borderColor-neutral-muted);
1353
+ border-bottom-color: var(--borderColor-neutral-muted);
1354
+ border-radius: 6px;
1355
+ box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);
1356
+ }
1357
+
1358
+ .markdown-body h1,
1359
+ .markdown-body h2,
1360
+ .markdown-body h3,
1361
+ .markdown-body h4,
1362
+ .markdown-body h5,
1363
+ .markdown-body h6 {
1364
+ margin-top: 24px;
1365
+ margin-bottom: 16px;
1366
+ font-weight: var(--base-text-weight-semibold, 600);
1367
+ line-height: 1.25;
1368
+ }
1369
+
1370
+ .markdown-body h2 {
1371
+ font-weight: var(--base-text-weight-semibold, 600);
1372
+ padding-bottom: .3em;
1373
+ font-size: 1.5em;
1374
+ border-bottom: 1px solid var(--borderColor-muted);
1375
+ }
1376
+
1377
+ .markdown-body h3 {
1378
+ font-weight: var(--base-text-weight-semibold, 600);
1379
+ font-size: 1.25em;
1380
+ }
1381
+
1382
+ .markdown-body h4 {
1383
+ font-weight: var(--base-text-weight-semibold, 600);
1384
+ font-size: 1em;
1385
+ }
1386
+
1387
+ .markdown-body h5 {
1388
+ font-weight: var(--base-text-weight-semibold, 600);
1389
+ font-size: .875em;
1390
+ }
1391
+
1392
+ .markdown-body h6 {
1393
+ font-weight: var(--base-text-weight-semibold, 600);
1394
+ font-size: .85em;
1395
+ color: var(--fgColor-muted);
1396
+ }
1397
+
1398
+ .markdown-body p {
1399
+ margin-top: 0;
1400
+ margin-bottom: 10px;
1401
+ }
1402
+
1403
+ .markdown-body blockquote {
1404
+ margin: 0;
1405
+ padding: 0 1em;
1406
+ color: var(--fgColor-muted);
1407
+ }
1408
+
1409
+ .markdown-body ul,
1410
+ .markdown-body ol {
1411
+ margin-top: 0;
1412
+ margin-bottom: 0;
1413
+ padding-left: 2em;
1414
+ }
1415
+
1416
+ .markdown-body ol ol,
1417
+ .markdown-body ul ol {
1418
+ list-style-type: lower-roman;
1419
+ }
1420
+
1421
+ .markdown-body ul ul ol,
1422
+ .markdown-body ul ol ol,
1423
+ .markdown-body ol ul ol,
1424
+ .markdown-body ol ol ol {
1425
+ list-style-type: lower-alpha;
1426
+ }
1427
+
1428
+ .markdown-body dd {
1429
+ margin-left: 0;
1430
+ }
1431
+
1432
+ .markdown-body tt,
1433
+ .markdown-body code,
1434
+ .markdown-body samp {
1435
+ font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1436
+ font-size: 12px;
1437
+ }
1438
+
1439
+ .markdown-body pre {
1440
+ margin-top: 0;
1441
+ margin-bottom: 0;
1442
+ font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
1443
+ font-size: 12px;
1444
+ word-wrap: normal;
1445
+ }
1446
+
1447
+ .markdown-body .octicon {
1448
+ display: inline-block;
1449
+ overflow: visible !important;
1450
+ vertical-align: text-bottom;
1451
+ fill: currentColor;
1452
+ }
1453
+
1454
+ .markdown-body input::-webkit-outer-spin-button,
1455
+ .markdown-body input::-webkit-inner-spin-button {
1456
+ margin: 0;
1457
+ -webkit-appearance: none;
1458
+ appearance: none;
1459
+ }
1460
+
1461
+ .markdown-body .mr-2 {
1462
+ margin-right: var(--base-size-8, 8px) !important;
1463
+ }
1464
+
1465
+ .markdown-body::before {
1466
+ display: table;
1467
+ content: "";
1468
+ }
1469
+
1470
+ .markdown-body::after {
1471
+ display: table;
1472
+ clear: both;
1473
+ content: "";
1474
+ }
1475
+
1476
+ .markdown-body>*:first-child {
1477
+ margin-top: 0 !important;
1478
+ }
1479
+
1480
+ .markdown-body>*:last-child {
1481
+ margin-bottom: 0 !important;
1482
+ }
1483
+
1484
+ .markdown-body a:not([href]) {
1485
+ color: inherit;
1486
+ text-decoration: none;
1487
+ }
1488
+
1489
+ .markdown-body .absent {
1490
+ color: var(--fgColor-danger);
1491
+ }
1492
+
1493
+ .markdown-body .anchor {
1494
+ float: left;
1495
+ padding-right: 4px;
1496
+ margin-left: -20px;
1497
+ line-height: 1;
1498
+ }
1499
+
1500
+ .markdown-body .anchor:focus {
1501
+ outline: none;
1502
+ }
1503
+
1504
+ .markdown-body p,
1505
+ .markdown-body blockquote,
1506
+ .markdown-body ul,
1507
+ .markdown-body ol,
1508
+ .markdown-body dl,
1509
+ .markdown-body table,
1510
+ .markdown-body pre,
1511
+ .markdown-body details {
1512
+ margin-top: 0;
1513
+ margin-bottom: 16px;
1514
+ }
1515
+
1516
+ .markdown-body blockquote>:first-child {
1517
+ margin-top: 0;
1518
+ }
1519
+
1520
+ .markdown-body blockquote>:last-child {
1521
+ margin-bottom: 0;
1522
+ }
1523
+
1524
+ .markdown-body h1 .octicon-link,
1525
+ .markdown-body h2 .octicon-link,
1526
+ .markdown-body h3 .octicon-link,
1527
+ .markdown-body h4 .octicon-link,
1528
+ .markdown-body h5 .octicon-link,
1529
+ .markdown-body h6 .octicon-link {
1530
+ color: var(--fgColor-default);
1531
+ vertical-align: middle;
1532
+ visibility: hidden;
1533
+ }
1534
+
1535
+ .markdown-body h1:hover .anchor,
1536
+ .markdown-body h2:hover .anchor,
1537
+ .markdown-body h3:hover .anchor,
1538
+ .markdown-body h4:hover .anchor,
1539
+ .markdown-body h5:hover .anchor,
1540
+ .markdown-body h6:hover .anchor {
1541
+ text-decoration: none;
1542
+ }
1543
+
1544
+ .markdown-body h1:hover .anchor .octicon-link,
1545
+ .markdown-body h2:hover .anchor .octicon-link,
1546
+ .markdown-body h3:hover .anchor .octicon-link,
1547
+ .markdown-body h4:hover .anchor .octicon-link,
1548
+ .markdown-body h5:hover .anchor .octicon-link,
1549
+ .markdown-body h6:hover .anchor .octicon-link {
1550
+ visibility: visible;
1551
+ }
1552
+
1553
+ .markdown-body h1 tt,
1554
+ .markdown-body h1 code,
1555
+ .markdown-body h2 tt,
1556
+ .markdown-body h2 code,
1557
+ .markdown-body h3 tt,
1558
+ .markdown-body h3 code,
1559
+ .markdown-body h4 tt,
1560
+ .markdown-body h4 code,
1561
+ .markdown-body h5 tt,
1562
+ .markdown-body h5 code,
1563
+ .markdown-body h6 tt,
1564
+ .markdown-body h6 code {
1565
+ padding: 0 .2em;
1566
+ font-size: inherit;
1567
+ }
1568
+
1569
+ .markdown-body summary h1,
1570
+ .markdown-body summary h2,
1571
+ .markdown-body summary h3,
1572
+ .markdown-body summary h4,
1573
+ .markdown-body summary h5,
1574
+ .markdown-body summary h6 {
1575
+ display: inline-block;
1576
+ }
1577
+
1578
+ .markdown-body summary h1 .anchor,
1579
+ .markdown-body summary h2 .anchor,
1580
+ .markdown-body summary h3 .anchor,
1581
+ .markdown-body summary h4 .anchor,
1582
+ .markdown-body summary h5 .anchor,
1583
+ .markdown-body summary h6 .anchor {
1584
+ margin-left: -40px;
1585
+ }
1586
+
1587
+ .markdown-body summary h1,
1588
+ .markdown-body summary h2 {
1589
+ padding-bottom: 0;
1590
+ border-bottom: 0;
1591
+ }
1592
+
1593
+ .markdown-body ul.no-list,
1594
+ .markdown-body ol.no-list {
1595
+ padding: 0;
1596
+ list-style-type: none;
1597
+ }
1598
+
1599
+ .markdown-body ol[type="a s"] {
1600
+ list-style-type: lower-alpha;
1601
+ }
1602
+
1603
+ .markdown-body ol[type="A s"] {
1604
+ list-style-type: upper-alpha;
1605
+ }
1606
+
1607
+ .markdown-body ol[type="i s"] {
1608
+ list-style-type: lower-roman;
1609
+ }
1610
+
1611
+ .markdown-body ol[type="I s"] {
1612
+ list-style-type: upper-roman;
1613
+ }
1614
+
1615
+ .markdown-body ol[type="1"] {
1616
+ list-style-type: decimal;
1617
+ }
1618
+
1619
+ .markdown-body div>ol:not([type]) {
1620
+ list-style-type: decimal;
1621
+ }
1622
+
1623
+ .markdown-body ul ul,
1624
+ .markdown-body ul ol,
1625
+ .markdown-body ol ol,
1626
+ .markdown-body ol ul {
1627
+ margin-top: 0;
1628
+ margin-bottom: 0;
1629
+ }
1630
+
1631
+ .markdown-body li>p {
1632
+ margin-top: 16px;
1633
+ }
1634
+
1635
+ .markdown-body li+li {
1636
+ margin-top: .25em;
1637
+ }
1638
+
1639
+ .markdown-body dl {
1640
+ padding: 0;
1641
+ }
1642
+
1643
+ .markdown-body dl dt {
1644
+ padding: 0;
1645
+ margin-top: 16px;
1646
+ font-size: 1em;
1647
+ font-style: italic;
1648
+ font-weight: var(--base-text-weight-semibold, 600);
1649
+ }
1650
+
1651
+ .markdown-body dl dd {
1652
+ padding: 0 16px;
1653
+ margin-bottom: 16px;
1654
+ }
1655
+
1656
+ .markdown-body table th {
1657
+ font-weight: var(--base-text-weight-semibold, 600);
1658
+ }
1659
+
1660
+ .markdown-body table th,
1661
+ .markdown-body table td {
1662
+ padding: 6px 13px;
1663
+ border: 1px solid var(--borderColor-default);
1664
+ }
1665
+
1666
+ .markdown-body table td>:last-child {
1667
+ margin-bottom: 0;
1668
+ }
1669
+
1670
+ .markdown-body table tr {
1671
+ border-top: 1px solid var(--borderColor-muted);
1672
+ }
1673
+
1674
+ .markdown-body table img {
1675
+ background-color: transparent;
1676
+ }
1677
+
1678
+ .markdown-body img[align=right] {
1679
+ padding-left: 20px;
1680
+ }
1681
+
1682
+ .markdown-body img[align=left] {
1683
+ padding-right: 20px;
1684
+ }
1685
+
1686
+ .markdown-body .emoji {
1687
+ max-width: none;
1688
+ vertical-align: text-top;
1689
+ background-color: transparent;
1690
+ }
1691
+
1692
+ .markdown-body span.frame {
1693
+ display: block;
1694
+ overflow: hidden;
1695
+ }
1696
+
1697
+ .markdown-body span.frame>span {
1698
+ display: block;
1699
+ float: left;
1700
+ width: auto;
1701
+ padding: 7px;
1702
+ margin: 13px 0 0;
1703
+ overflow: hidden;
1704
+ border: 1px solid var(--borderColor-default);
1705
+ }
1706
+
1707
+ .markdown-body span.frame span img {
1708
+ display: block;
1709
+ float: left;
1710
+ }
1711
+
1712
+ .markdown-body span.frame span span {
1713
+ display: block;
1714
+ padding: 5px 0 0;
1715
+ clear: both;
1716
+ color: var(--fgColor-default);
1717
+ }
1718
+
1719
+ .markdown-body span.align-center {
1720
+ display: block;
1721
+ overflow: hidden;
1722
+ clear: both;
1723
+ }
1724
+
1725
+ .markdown-body span.align-center>span {
1726
+ display: block;
1727
+ margin: 13px auto 0;
1728
+ overflow: hidden;
1729
+ text-align: center;
1730
+ }
1731
+
1732
+ .markdown-body span.align-center span img {
1733
+ margin: 0 auto;
1734
+ text-align: center;
1735
+ }
1736
+
1737
+ .markdown-body span.align-right {
1738
+ display: block;
1739
+ overflow: hidden;
1740
+ clear: both;
1741
+ }
1742
+
1743
+ .markdown-body span.align-right>span {
1744
+ display: block;
1745
+ margin: 13px 0 0;
1746
+ overflow: hidden;
1747
+ text-align: right;
1748
+ }
1749
+
1750
+ .markdown-body span.align-right span img {
1751
+ margin: 0;
1752
+ text-align: right;
1753
+ }
1754
+
1755
+ .markdown-body span.float-left {
1756
+ display: block;
1757
+ float: left;
1758
+ margin-right: 13px;
1759
+ overflow: hidden;
1760
+ }
1761
+
1762
+ .markdown-body span.float-left span {
1763
+ margin: 13px 0 0;
1764
+ }
1765
+
1766
+ .markdown-body span.float-right {
1767
+ display: block;
1768
+ float: right;
1769
+ margin-left: 13px;
1770
+ overflow: hidden;
1771
+ }
1772
+
1773
+ .markdown-body span.float-right>span {
1774
+ display: block;
1775
+ margin: 13px auto 0;
1776
+ overflow: hidden;
1777
+ text-align: right;
1778
+ }
1779
+
1780
+ .markdown-body code,
1781
+ .markdown-body tt {
1782
+ padding: .2em .4em;
1783
+ margin: 0;
1784
+ font-size: 85%;
1785
+ white-space: break-spaces;
1786
+ background-color: var(--bgColor-neutral-muted);
1787
+ border-radius: 6px;
1788
+ }
1789
+
1790
+ .markdown-body code br,
1791
+ .markdown-body tt br {
1792
+ display: none;
1793
+ }
1794
+
1795
+ .markdown-body del code {
1796
+ text-decoration: inherit;
1797
+ }
1798
+
1799
+ .markdown-body samp {
1800
+ font-size: 85%;
1801
+ }
1802
+
1803
+ .markdown-body pre code {
1804
+ font-size: 100%;
1805
+ }
1806
+
1807
+ .markdown-body pre>code {
1808
+ padding: 0;
1809
+ margin: 0;
1810
+ word-break: normal;
1811
+ white-space: pre;
1812
+ background: transparent;
1813
+ border: 0;
1814
+ }
1815
+
1816
+ .markdown-body .highlight {
1817
+ margin-bottom: 16px;
1818
+ }
1819
+
1820
+ .markdown-body .highlight pre {
1821
+ margin-bottom: 0;
1822
+ word-break: normal;
1823
+ }
1824
+
1825
+ .markdown-body .highlight pre,
1826
+ .markdown-body pre {
1827
+ padding: 16px;
1828
+ overflow: auto;
1829
+ font-size: 85%;
1830
+ line-height: 1.45;
1831
+ color: #000000;
1832
+ background-color: #ffffff;
1833
+ <!-- color: var(&#45;&#45;fgColor-default);-->
1834
+ <!-- background-color: var(&#45;&#45;bgColor-muted);-->
1835
+ border-radius: 6px;
1836
+ }
1837
+
1838
+ .markdown-body pre code,
1839
+ .markdown-body pre tt {
1840
+ display: inline;
1841
+ max-width: auto;
1842
+ padding: 0;
1843
+ margin: 0;
1844
+ overflow: visible;
1845
+ line-height: inherit;
1846
+ word-wrap: normal;
1847
+ background-color: transparent;
1848
+ border: 0;
1849
+ }
1850
+
1851
+ .markdown-body .csv-data td,
1852
+ .markdown-body .csv-data th {
1853
+ padding: 5px;
1854
+ overflow: hidden;
1855
+ font-size: 12px;
1856
+ line-height: 1;
1857
+ text-align: left;
1858
+ white-space: nowrap;
1859
+ }
1860
+
1861
+ .markdown-body .csv-data .blob-num {
1862
+ padding: 10px 8px 9px;
1863
+ text-align: right;
1864
+ border: 0;
1865
+ }
1866
+
1867
+ .markdown-body .csv-data tr {
1868
+ border-top: 0;
1869
+ }
1870
+
1871
+ .markdown-body .csv-data th {
1872
+ font-weight: var(--base-text-weight-semibold, 600);
1873
+ background: var(--bgColor-muted);
1874
+ border-top: 0;
1875
+ }
1876
+
1877
+ .markdown-body [data-footnote-ref]::before {
1878
+ content: "[";
1879
+ }
1880
+
1881
+ .markdown-body [data-footnote-ref]::after {
1882
+ content: "]";
1883
+ }
1884
+
1885
+ .markdown-body .footnotes {
1886
+ font-size: 12px;
1887
+ color: var(--fgColor-muted);
1888
+ border-top: 1px solid var(--borderColor-default);
1889
+ }
1890
+
1891
+ .markdown-body .footnotes ol {
1892
+ padding-left: 16px;
1893
+ }
1894
+
1895
+ .markdown-body .footnotes ol ul {
1896
+ display: inline-block;
1897
+ padding-left: 16px;
1898
+ margin-top: 16px;
1899
+ }
1900
+
1901
+ .markdown-body .footnotes li {
1902
+ position: relative;
1903
+ }
1904
+
1905
+ .markdown-body .footnotes li:target::before {
1906
+ position: absolute;
1907
+ top: -8px;
1908
+ right: -8px;
1909
+ bottom: -8px;
1910
+ left: -24px;
1911
+ pointer-events: none;
1912
+ content: "";
1913
+ border: 2px solid var(--borderColor-accent-emphasis);
1914
+ border-radius: 6px;
1915
+ }
1916
+
1917
+ .markdown-body .footnotes li:target {
1918
+ color: var(--fgColor-default);
1919
+ }
1920
+
1921
+ .markdown-body .footnotes .data-footnote-backref g-emoji {
1922
+ font-family: monospace;
1923
+ }
1924
+
1925
+ .markdown-body .pl-c {
1926
+ color: var(--color-prettylights-syntax-comment);
1927
+ }
1928
+
1929
+ .markdown-body .pl-c1,
1930
+ .markdown-body .pl-s .pl-v {
1931
+ color: var(--color-prettylights-syntax-constant);
1932
+ }
1933
+
1934
+ .markdown-body .pl-e,
1935
+ .markdown-body .pl-en {
1936
+ color: var(--color-prettylights-syntax-entity);
1937
+ }
1938
+
1939
+ .markdown-body .pl-smi,
1940
+ .markdown-body .pl-s .pl-s1 {
1941
+ color: var(--color-prettylights-syntax-storage-modifier-import);
1942
+ }
1943
+
1944
+ .markdown-body .pl-ent {
1945
+ color: var(--color-prettylights-syntax-entity-tag);
1946
+ }
1947
+
1948
+ .markdown-body .pl-k {
1949
+ color: var(--color-prettylights-syntax-keyword);
1950
+ }
1951
+
1952
+ .markdown-body .pl-s,
1953
+ .markdown-body .pl-pds,
1954
+ .markdown-body .pl-s .pl-pse .pl-s1,
1955
+ .markdown-body .pl-sr,
1956
+ .markdown-body .pl-sr .pl-cce,
1957
+ .markdown-body .pl-sr .pl-sre,
1958
+ .markdown-body .pl-sr .pl-sra {
1959
+ color: var(--color-prettylights-syntax-string);
1960
+ }
1961
+
1962
+ .markdown-body .pl-v,
1963
+ .markdown-body .pl-smw {
1964
+ color: var(--color-prettylights-syntax-variable);
1965
+ }
1966
+
1967
+ .markdown-body .pl-bu {
1968
+ color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
1969
+ }
1970
+
1971
+ .markdown-body .pl-ii {
1972
+ color: var(--color-prettylights-syntax-invalid-illegal-text);
1973
+ background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
1974
+ }
1975
+
1976
+ .markdown-body .pl-c2 {
1977
+ color: var(--color-prettylights-syntax-carriage-return-text);
1978
+ background-color: var(--color-prettylights-syntax-carriage-return-bg);
1979
+ }
1980
+
1981
+ .markdown-body .pl-sr .pl-cce {
1982
+ font-weight: bold;
1983
+ color: var(--color-prettylights-syntax-string-regexp);
1984
+ }
1985
+
1986
+ .markdown-body .pl-ml {
1987
+ color: var(--color-prettylights-syntax-markup-list);
1988
+ }
1989
+
1990
+ .markdown-body .pl-mh,
1991
+ .markdown-body .pl-mh .pl-en,
1992
+ .markdown-body .pl-ms {
1993
+ font-weight: bold;
1994
+ color: var(--color-prettylights-syntax-markup-heading);
1995
+ }
1996
+
1997
+ .markdown-body .pl-mi {
1998
+ font-style: italic;
1999
+ color: var(--color-prettylights-syntax-markup-italic);
2000
+ }
2001
+
2002
+ .markdown-body .pl-mb {
2003
+ font-weight: bold;
2004
+ color: var(--color-prettylights-syntax-markup-bold);
2005
+ }
2006
+
2007
+ .markdown-body .pl-md {
2008
+ color: var(--color-prettylights-syntax-markup-deleted-text);
2009
+ background-color: var(--color-prettylights-syntax-markup-deleted-bg);
2010
+ }
2011
+
2012
+ .markdown-body .pl-mi1 {
2013
+ color: var(--color-prettylights-syntax-markup-inserted-text);
2014
+ background-color: var(--color-prettylights-syntax-markup-inserted-bg);
2015
+ }
2016
+
2017
+ .markdown-body .pl-mc {
2018
+ color: var(--color-prettylights-syntax-markup-changed-text);
2019
+ background-color: var(--color-prettylights-syntax-markup-changed-bg);
2020
+ }
2021
+
2022
+ .markdown-body .pl-mi2 {
2023
+ color: var(--color-prettylights-syntax-markup-ignored-text);
2024
+ background-color: var(--color-prettylights-syntax-markup-ignored-bg);
2025
+ }
2026
+
2027
+ .markdown-body .pl-mdr {
2028
+ font-weight: bold;
2029
+ color: var(--color-prettylights-syntax-meta-diff-range);
2030
+ }
2031
+
2032
+ .markdown-body .pl-ba {
2033
+ color: var(--color-prettylights-syntax-brackethighlighter-angle);
2034
+ }
2035
+
2036
+ .markdown-body .pl-sg {
2037
+ color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
2038
+ }
2039
+
2040
+ .markdown-body .pl-corl {
2041
+ text-decoration: underline;
2042
+ color: var(--color-prettylights-syntax-constant-other-reference-link);
2043
+ }
2044
+
2045
+ .markdown-body [role=button]:focus:not(:focus-visible),
2046
+ .markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),
2047
+ .markdown-body button:focus:not(:focus-visible),
2048
+ .markdown-body summary:focus:not(:focus-visible),
2049
+ .markdown-body a:focus:not(:focus-visible) {
2050
+ outline: none;
2051
+ box-shadow: none;
2052
+ }
2053
+
2054
+ .markdown-body [tabindex="0"]:focus:not(:focus-visible),
2055
+ .markdown-body details-dialog:focus:not(:focus-visible) {
2056
+ outline: none;
2057
+ }
2058
+
2059
+ .markdown-body g-emoji {
2060
+ display: inline-block;
2061
+ min-width: 1ch;
2062
+ font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
2063
+ font-size: 1em;
2064
+ font-style: normal !important;
2065
+ font-weight: var(--base-text-weight-normal, 400);
2066
+ line-height: 1;
2067
+ vertical-align: -0.075em;
2068
+ }
2069
+
2070
+ .markdown-body g-emoji img {
2071
+ width: 1em;
2072
+ height: 1em;
2073
+ }
2074
+
2075
+ .markdown-body .task-list-item {
2076
+ list-style-type: none;
2077
+ }
2078
+
2079
+ .markdown-body .task-list-item label {
2080
+ font-weight: var(--base-text-weight-normal, 400);
2081
+ }
2082
+
2083
+ .markdown-body .task-list-item.enabled label {
2084
+ cursor: pointer;
2085
+ }
2086
+
2087
+ .markdown-body .task-list-item+.task-list-item {
2088
+ margin-top: var(--base-size-4);
2089
+ }
2090
+
2091
+ .markdown-body .task-list-item .handle {
2092
+ display: none;
2093
+ }
2094
+
2095
+ .markdown-body .task-list-item-checkbox {
2096
+ margin: 0 .2em .25em -1.4em;
2097
+ vertical-align: middle;
2098
+ }
2099
+
2100
+ .markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
2101
+ margin: 0 -1.6em .25em .2em;
2102
+ }
2103
+
2104
+ .markdown-body .contains-task-list {
2105
+ position: relative;
2106
+ }
2107
+
2108
+ .markdown-body .contains-task-list:hover .task-list-item-convert-container,
2109
+ .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
2110
+ display: block;
2111
+ width: auto;
2112
+ height: 24px;
2113
+ overflow: visible;
2114
+ clip: auto;
2115
+ }
2116
+
2117
+ .markdown-body ::-webkit-calendar-picker-indicator {
2118
+ filter: invert(50%);
2119
+ }
2120
+
2121
+ .markdown-body .markdown-alert {
2122
+ padding: var(--base-size-8) var(--base-size-16);
2123
+ margin-bottom: var(--base-size-16);
2124
+ color: inherit;
2125
+ border-left: .25em solid var(--borderColor-default);
2126
+ }
2127
+
2128
+ .markdown-body .markdown-alert>:first-child {
2129
+ margin-top: 0;
2130
+ }
2131
+
2132
+ .markdown-body .markdown-alert>:last-child {
2133
+ margin-bottom: 0;
2134
+ }
2135
+
2136
+ .markdown-body .markdown-alert .markdown-alert-title {
2137
+ display: flex;
2138
+ font-weight: var(--base-text-weight-medium, 500);
2139
+ align-items: center;
2140
+ line-height: 1;
2141
+ }
2142
+
2143
+ .markdown-body .markdown-alert.markdown-alert-note {
2144
+ border-left-color: var(--borderColor-accent-emphasis);
2145
+ }
2146
+
2147
+ .markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
2148
+ color: var(--fgColor-accent);
2149
+ }
2150
+
2151
+ .markdown-body .markdown-alert.markdown-alert-important {
2152
+ border-left-color: var(--borderColor-done-emphasis);
2153
+ }
2154
+
2155
+ .markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
2156
+ color: var(--fgColor-done);
2157
+ }
2158
+
2159
+ .markdown-body .markdown-alert.markdown-alert-warning {
2160
+ border-left-color: var(--borderColor-attention-emphasis);
2161
+ }
2162
+
2163
+ .markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
2164
+ color: var(--fgColor-attention);
2165
+ }
2166
+
2167
+ .markdown-body .markdown-alert.markdown-alert-tip {
2168
+ border-left-color: var(--borderColor-success-emphasis);
2169
+ }
2170
+
2171
+ .markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
2172
+ color: var(--fgColor-success);
2173
+ }
2174
+
2175
+ .markdown-body .markdown-alert.markdown-alert-caution {
2176
+ border-left-color: var(--borderColor-danger-emphasis);
2177
+ }
2178
+
2179
+ .markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
2180
+ color: var(--fgColor-danger);
2181
+ }
2182
+
2183
+ .markdown-body>*:first-child>.heading-element:first-child {
2184
+ margin-top: 0 !important;
2185
+ }`;
2186
+
2187
+ const yt_style = `
2188
+ .msg_userMessageBox {
2189
+ width: fit-content;
2190
+ max-width: 90%;
2191
+ display: flex;
2192
+ flex-direction: column;
2193
+ align-items: flex-end;
2194
+ }
2195
+
2196
+ .msg_userMessageBox .msg_messageImgBox {
2197
+ width: 100%;
2198
+ display: flex;
2199
+ flex-wrap: wrap;
2200
+ justify-content: flex-end;
2201
+ }
2202
+
2203
+ .msg_userMessageBox .msg_messageImgBox .msg_messageImg {
2204
+ border-radius: 5px;
2205
+ }
2206
+
2207
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox {
2208
+ flex-shrink: 0;
2209
+ pointer-events: auto;
2210
+ position: relative;
2211
+ width: 137px;
2212
+ background-color: #f0f0f0;
2213
+ border-radius: 10px;
2214
+ margin: 3px 5px;
2215
+ padding: 5px;
2216
+ display: flex;
2217
+ }
2218
+
2219
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox:hover .msg_fileRemove {
2220
+ display: block;
2221
+ }
2222
+
2223
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox {
2224
+ margin-left: 10px;
2225
+ overflow: hidden;
2226
+ display: flex;
2227
+ align-items: center;
2228
+ }
2229
+
2230
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox .msg_fileInfoFileName {
2231
+ overflow: hidden;
2232
+ text-overflow: ellipsis;
2233
+ white-space: nowrap;
2234
+ width: 72px;
2235
+ color: #242424;
2236
+ user-select: none;
2237
+ }
2238
+
2239
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileInfoBox .msg_fileInfoMeta {
2240
+ user-select: none;
2241
+ color: #a8a8a8;
2242
+ }
2243
+
2244
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileRemove {
2245
+ display: none;
2246
+ position: absolute;
2247
+ cursor: pointer;
2248
+ top: -2px;
2249
+ right: 0;
2250
+ z-index: 99999;
2251
+ }
2252
+
2253
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_fileRemove img {
2254
+ width: 20px;
2255
+ }
2256
+
2257
+ .msg_userMessageBox .msg_messageImgBox .msg_fileBox .msg_upImg {
2258
+ border-radius: 3px;
2259
+ z-index: 510;
2260
+ }
2261
+
2262
+ .msg_operateBox {
2263
+ display: flex;
2264
+ margin-top: 5px;
2265
+ user-select: none;
2266
+ }
2267
+
2268
+ .msg_operateBox img {
2269
+ -webkit-user-drag: none;
2270
+ margin-right: 3px;
2271
+ cursor: pointer;
2272
+ width: 16px;
2273
+ }
2274
+
2275
+ .plh_textBox {
2276
+ display: flex;
2277
+ justify-content: center;
2278
+ align-content: center;
2279
+ }
2280
+
2281
+ .plh_textBox .plh_text {
2282
+ font-weight: bold;
2283
+ }
2284
+
2285
+ .w_send_file_box {
2286
+ height: 23px;
2287
+ display: flex;
2288
+ background: transparent;
2289
+ align-items: center;
2290
+ justify-content: center;
2291
+ border-radius: 24px;
2292
+ font-size: 12px;
2293
+ color: #666666;
2294
+ cursor: pointer;
2295
+ }
2296
+
2297
+ .w_file_preview {
2298
+ width: 100%;
2299
+ height: fit-content;
2300
+ background-color: transparent;
2301
+ z-index: 500;
2302
+ display: flex;
2303
+ justify-content: flex-start;
2304
+ align-items: center;
2305
+ padding: 0 5px;
2306
+ overflow-x: hidden;
2307
+ }
2308
+
2309
+ .w_file_preview .w_directionBg {
2310
+ position: absolute;
2311
+ cursor: pointer;
2312
+ width: 18px;
2313
+ height: 18px;
2314
+ background: #FFFFFF;
2315
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2316
+ border-radius: 5px;
2317
+ border: 1px solid #F0F0F0;
2318
+ z-index: 999999;
2319
+ display: flex;
2320
+ justify-content: center;
2321
+ align-items: center;
2322
+ }
2323
+
2324
+ .w_file_preview .w_directionBg img {
2325
+ width: 12px;
2326
+ }
2327
+
2328
+ .w_file_preview .w_toLeftBox {
2329
+ position: absolute;
2330
+ left: 0;
2331
+ top: 6px;
2332
+ height: 60px;
2333
+ width: 80px;
2334
+ background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255,255,255,0) 100%);
2335
+ z-index: 99999;
2336
+ }
2337
+
2338
+ .w_file_preview .w_toLeftBox .w_toLeft {
2339
+ position: absolute;
2340
+ cursor: pointer;
2341
+ width: 18px;
2342
+ height: 18px;
2343
+ background: #FFFFFF;
2344
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2345
+ border-radius: 5px;
2346
+ border: 1px solid #F0F0F0;
2347
+ z-index: 999999;
2348
+ display: flex;
2349
+ justify-content: center;
2350
+ align-items: center;
2351
+ top: 25px;
2352
+ left: 5px;
2353
+ }
2354
+
2355
+ .w_file_preview .w_toRightBox {
2356
+ position: absolute;
2357
+ right: 0;
2358
+ top: 6px;
2359
+ height: 60px;
2360
+ width: 80px;
2361
+ background: linear-gradient(-90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%);
2362
+ z-index: 99999;
2363
+ }
2364
+
2365
+ .w_file_preview .w_toRightBox .w_toRight {
2366
+ position: absolute;
2367
+ cursor: pointer;
2368
+ width: 18px;
2369
+ height: 18px;
2370
+ background: #FFFFFF;
2371
+ box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
2372
+ border-radius: 5px;
2373
+ border: 1px solid #F0F0F0;
2374
+ z-index: 999999;
2375
+ display: flex;
2376
+ justify-content: center;
2377
+ align-items: center;
2378
+ top: 25px;
2379
+ right: 5px;
2380
+ }
2381
+
2382
+ .w_file_preview .w_fileBox {
2383
+ position: relative;
2384
+ min-width: fit-content;
2385
+ background-color: #f0f0f0;
2386
+ border-radius: 10px;
2387
+ margin: 10px 5px;
2388
+ padding: 5px;
2389
+ display: flex;
2390
+ }
2391
+
2392
+ .w_file_preview .w_fileBox:hover .w_fileRemove {
2393
+ display: block;
2394
+ }
2395
+
2396
+ .w_file_preview .w_fileBox .w_fileInfoBox {
2397
+ width: fit-content;
2398
+ margin-left: 10px;
2399
+ }
2400
+
2401
+ .w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoFileName {
2402
+ overflow: hidden;
2403
+ text-overflow: ellipsis;
2404
+ white-space: nowrap;
2405
+ width: 110px;
2406
+ color: #242424;
2407
+ user-select: none;
2408
+ }
2409
+
2410
+ .w_file_preview .w_fileBox .w_fileInfoBox .w_fileInfoMeta {
2411
+ width: fit-content;
2412
+ user-select: none;
2413
+ color: #a8a8a8;
2414
+ white-space: nowrap;
2415
+ }
2416
+
2417
+ .w_file_preview .w_fileBox .w_fileRemove {
2418
+ display: none;
2419
+ position: absolute;
2420
+ cursor: pointer;
2421
+ top: -2px;
2422
+ right: 0;
2423
+ z-index: 99999;
2424
+ }
2425
+
2426
+ .w_file_preview .w_fileBox .w_fileRemove img {
2427
+ width: 20px;
2428
+ }
2429
+
2430
+ .w_file_preview .w_fileBox .w_upImg {
2431
+ border-radius: 3px;
2432
+ z-index: 510;
2433
+ }
2434
+
2435
+ .w_tagListClass {
2436
+ width: 100%;
2437
+ height: fit-content;
2438
+ display: flex;
2439
+ align-items: center;
2440
+ padding: 8px 0 8px 10px;
2441
+ flex-wrap: wrap;
2442
+ gap: 8px;
2443
+ }
2444
+ .w_tagListClass::-webkit-scrollbar {
2445
+ height: 0px;
2446
+ display: none;
2447
+ background: transparent;
2448
+ }
2449
+ .w_tagListClass .w_tagItemBox {
2450
+ padding: 8px 12px;
2451
+ display: flex;
2452
+ align-items: center;
2453
+ justify-content: center;
2454
+ width: fit-content;
2455
+ height: 30px;
2456
+ background: #00000000;
2457
+ border-radius: 15px;
2458
+ border: 1px solid #4B4FFF;
2459
+ cursor: pointer;
2460
+
2461
+ }
2462
+ .w_tagListClass .w_tagItemBox:hover, .w_tagListClass .w_tagItemBox:active {
2463
+ background: linear-gradient( 270deg, #828EFE 0%, #4B4FFF 100%);
2464
+ }
2465
+ .w_tagListClass .w_tagItemBox:hover .w_tagImgh,.w_tagListClass .w_tagItemBox:active .w_tagImgh {
2466
+ filter: brightness(100);
2467
+ }
2468
+
2469
+ .w_tagListClass .w_tagItemBox:hover .w_tagItemText, .w_tagListClass .w_tagItemBox:active .w_tagItemText {
2470
+ color: #fff;
2471
+ }
2472
+ .w_tagListClass .w_tagItemBox .w_tagImgh{
2473
+ width: 16px;
2474
+ height: 16px;
2475
+ }
2476
+ .w_tagListClass .w_tagItemBox .w_tagItemText {
2477
+ width: fit-content;
2478
+ padding-top: 2px;
2479
+ color: #1552FF;
2480
+ font-size: 14px;
2481
+ }
2482
+ .w_tagListClass .w_tagItemBox .w_tagImg {
2483
+ margin-left: 6px;
2484
+ width: 12px;
2485
+ height: 12px;
2486
+ background-repeat: no-repeat;
2487
+ background-size: cover;
2488
+ }
2489
+
2490
+ .w_inputBox {
2491
+ width: calc(100% - 16px);
2492
+ margin: 0 auto 8px;
2493
+ display: flex;
2494
+ align-items: center;
2495
+ box-shadow: 0px 2px 15px 0px rgba(0,48,187,0.1);
2496
+ border-radius: 30px;
2497
+ background: #FFFFFF;
2498
+ transition: height 0.2s ease;
2499
+ }
2500
+ .w_inputBox textarea {
2501
+ resize: none;
2502
+ min-height: 48px;
2503
+ max-height: 96px;
2504
+ border: 0;
2505
+ box-shadow: none !important;
2506
+ color: #333;
2507
+ outline: 0;
2508
+ width: 100%;
2509
+
2510
+ box-sizing: border-box;
2511
+ overflow-y: auto; /* 允许垂直滚动 */
2512
+ scrollbar-width: none; /* Firefox */
2513
+ -ms-overflow-style: none; /* IE and Edge */
2514
+ border-top-left-radius: 50px;
2515
+ border-bottom-left-radius: 50px;
2516
+ }
2517
+
2518
+ .w_inputBox textarea::-webkit-scrollbar {
2519
+ display: none;
2520
+ }
2521
+
2522
+ .w_send_voice_box {
2523
+ height: 23px;
2524
+ display: flex;
2525
+ background: transparent;
2526
+ align-items: center;
2527
+ justify-content: center;
2528
+ border-radius: 24px;
2529
+ font-size: 12px;
2530
+ color: #666666;
2531
+ cursor: pointer;
2532
+ margin-right: 10px;
2533
+ }
2534
+
2535
+ .w_send_voice_box .w_recordIng {
2536
+ padding: 4px;
2537
+ background: #1552FF;
2538
+ border-radius: 8px;
2539
+ }
2540
+ `
2541
+
2542
+ return (
2543
+ <div style={{ position: 'relative',height:'100%' }}>
2544
+ <style dangerouslySetInnerHTML={{ __html: styles + markdownBody + yt_style }}></style>
2545
+ <ChatWindow
2546
+ tags={tags}
2547
+ getHistoryList={getHistoryList}
2548
+ userInfo={userInfo}
2549
+ clearMessage={clearMessage}
2550
+ api_key={api_key}
2551
+ input_type={input_type}
2552
+ output_type={output_type}
2553
+ output_component={output_component}
2554
+ open={open}
2555
+ height={height}
2556
+ width={width}
2557
+ send_icon_style={send_icon_style}
2558
+ bot_message_style={bot_message_style}
2559
+ user_message_style={user_message_style}
2560
+ chat_window_style={chat_window_style}
2561
+ error_message_style={error_message_style}
2562
+ send_button_style={send_button_style}
2563
+ placeholder={placeholder}
2564
+ input_style={input_style}
2565
+ online={online}
2566
+ online_message={online_message}
2567
+ offline_message={offline_message}
2568
+ placeholder_sending={placeholder_sending}
2569
+ window_title={window_title}
2570
+ input_container_style={input_container_style}
2571
+ tweaks={tweaks}
2572
+ flowId={flow_id}
2573
+ hostUrl={host_url}
2574
+ updateLastMessage={updateLastMessage}
2575
+ addMessage={addMessage}
2576
+ messages={messages}
2577
+ triggerRef={triggerRef}
2578
+ position={chat_position}
2579
+ sessionId={sessionId}
2580
+ additional_headers={additional_headers}
2581
+ setDropDownList={setDropDownList}
2582
+ dropDownList={dropDownList}
2583
+ baseConfig={baseConfig}
2584
+ isShowVoiceButton={isShowVoiceButton}
2585
+ isShowUploadButton={isShowUploadButton}
2586
+ dropManUrl={dropManUrl}
2587
+ modalWidth={modalWidth}
2588
+ isMobile={isMobile}
2589
+ isShowChatHeader={isShowChatHeader}
2590
+ />
2591
+ </div>
2592
+ );
2593
+ }