@zero-library/chat-copilot 3.1.14 → 3.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -180,7 +180,7 @@
180
180
  .index_module_fileMenu .index_module_fileMenuItem {
181
181
  display: flex;
182
182
  align-items: center;
183
- gap: 8px;
183
+ gap: 4px;
184
184
  min-width: 0;
185
185
  padding: 8px 10px;
186
186
  cursor: pointer;
@@ -192,38 +192,349 @@
192
192
  }
193
193
  .index_module_fileMenu .index_module_fileMenuItem .index_module_fileIcon {
194
194
  flex: 0 0 auto;
195
- min-width: 32px;
196
- padding: 2px 4px;
197
- color: #1677ff;
198
195
  font-size: 10px;
199
196
  text-align: center;
200
- background: #e6f4ff;
201
197
  border-radius: 4px;
202
198
  }
203
- .index_module_fileMenu .index_module_fileMenuItem .index_module_fileName {
204
- min-width: 0;
199
+ .index_module_fileMenu .index_module_fileMenuItem .index_module_fileName {
200
+ min-width: 0;
201
+ overflow: hidden;
202
+ color: rgba(0, 0, 0, 0.88);
203
+ text-overflow: ellipsis;
204
+ white-space: nowrap;
205
+ }
206
+ .index_module_resourceTag {
207
+ display: inline-block;
208
+ margin: 0 4px;
209
+ }
210
+
211
+ /* src/ui/common/styles.module.less */
212
+ .styles_module_chatHeader {
213
+ padding: 8px 16px;
214
+ border-bottom: 1px solid #eee;
215
+ display: flex;
216
+ align-items: center;
217
+ justify-content: space-between;
218
+ }
219
+ .styles_module_chatHeader .styles_module_chatHeaderContent {
220
+ display: flex;
221
+ align-items: center;
222
+ gap: 4px;
223
+ }
224
+ .styles_module_chatHeader .styles_module_chatHeaderContent .styles_module_chatTitle {
225
+ font-size: 16px;
226
+ font-weight: bold;
227
+ }
228
+ .styles_module_chatHeader .styles_module_chatHeaderContent .styles_module_defaultLogo {
229
+ font-size: 22px;
230
+ }
231
+ .styles_module_chatHeader .styles_module_chatHeaderBtnGroup {
232
+ display: flex;
233
+ gap: 8px;
234
+ }
235
+ .styles_module_conversationListPanel {
236
+ width: 300px;
237
+ max-width: 100%;
238
+ border-right: 1px dashed #eee;
239
+ }
240
+ .styles_module_conversationListPanel .styles_module_defaultLogo {
241
+ font-size: 48px;
242
+ }
243
+ .styles_module_conversationListPanel .styles_module_conversationAvatar {
244
+ font-size: 38px;
245
+ }
246
+ .styles_module_conversationListPanel .styles_module_createConversationButton {
247
+ height: 38px;
248
+ background-color: var(--ant-color-primary-bg);
249
+ border-radius: var(--ant-border-radius-lg);
250
+ color: var(--ant-color-primary);
251
+ font-weight: bold;
252
+ }
253
+ .styles_module_conversations {
254
+ padding: 0;
255
+ height: 100%;
256
+ overflow: auto;
257
+ }
258
+ .styles_module_conversations .ant-conversations-group-title {
259
+ padding-left: 16px;
260
+ }
261
+ .styles_module_conversations .ant-conversations-group-title .ant-typography {
262
+ color: #878aab;
263
+ }
264
+ .styles_module_conversations .ant-conversations-list .ant-conversations-item {
265
+ padding-left: 16px;
266
+ touch-action: manipulation !important;
267
+ }
268
+ .styles_module_conversations .ant-conversations-list .ant-conversations-item .ant-conversations-label {
269
+ color: rgba(0, 0, 0, 0.88);
270
+ }
271
+ .styles_module_conversations .ant-conversations-list .ant-conversations-item.ant-conversations-item-active .ant-conversations-label {
272
+ color: var(--ant-color-primary);
273
+ }
274
+ .styles_module_conversationTabs {
275
+ height: 100%;
276
+ min-height: 0;
277
+ display: flex;
278
+ flex-direction: column;
279
+ scrollbar-width: thin;
280
+ scrollbar-color: transparent transparent;
281
+ }
282
+ .styles_module_conversationTabs::-webkit-scrollbar {
283
+ width: 8px;
284
+ height: 8px;
285
+ }
286
+ .styles_module_conversationTabs::-webkit-scrollbar-thumb {
287
+ background-color: rgba(0, 0, 0, 0);
288
+ border-radius: 4px;
289
+ transition: background-color 0.3s ease 0.3s;
290
+ }
291
+ .styles_module_conversationTabs::-webkit-scrollbar-track {
292
+ background: transparent;
293
+ }
294
+ .styles_module_conversationTabs:hover {
295
+ scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
296
+ }
297
+ .styles_module_conversationTabs:hover::-webkit-scrollbar-thumb {
298
+ background-color: rgba(0, 0, 0, 0.3);
299
+ transition-delay: 0s;
300
+ }
301
+ .styles_module_conversationTabs .ant-tabs {
302
+ height: 100%;
303
+ min-height: 0;
304
+ display: flex;
305
+ flex-direction: column;
306
+ }
307
+ .styles_module_conversationTabs .ant-tabs-nav {
308
+ margin-bottom: 8px;
309
+ flex-shrink: 0;
310
+ }
311
+ .styles_module_conversationTabs .ant-tabs-content-holder {
312
+ flex: 1;
313
+ min-height: 0;
314
+ overflow: hidden;
315
+ }
316
+ .styles_module_conversationTabs .ant-tabs-content,
317
+ .conversationTabs .ant-tabs-tabpane {
318
+ height: 100%;
319
+ min-height: 0;
320
+ }
321
+ .styles_module_conversationTabs .styles_module_conversationTabPane {
322
+ height: 100%;
323
+ min-height: 0;
324
+ overflow: hidden;
325
+ }
326
+ .styles_module_conversationTabs .styles_module_conversationEmpty {
327
+ height: 100%;
328
+ display: flex;
329
+ align-items: center;
330
+ justify-content: center;
331
+ }
332
+ .styles_module_conversationTabs .styles_module_ant-tabs-nav-list {
333
+ width: 100%;
334
+ }
335
+ .styles_module_conversationScrollArea {
336
+ height: 100%;
337
+ min-height: 0;
338
+ overflow-y: auto;
339
+ overflow-x: hidden;
340
+ }
341
+ .styles_module_chatWelcomeWrap {
342
+ height: 100%;
343
+ max-width: 1000px;
344
+ min-width: 320px;
345
+ width: calc(100% - 24px);
346
+ margin: 0 auto;
347
+ }
348
+ .styles_module_chatWelcomeWrap .ant-prompts .ant-prompts-list {
349
+ overflow: auto;
350
+ }
351
+ .styles_module_chatWelcomeWrap .styles_module_chatWelcome .styles_module_defaultLogo {
352
+ font-size: 48px;
353
+ }
354
+ .styles_module_chatWelcomeWrap .styles_module_chatWelcome .ant-welcome-icon > img {
355
+ border-radius: 10px;
356
+ max-width: initial;
357
+ }
358
+ .styles_module_promptItem {
359
+ width: 100%;
360
+ max-width: 100%;
361
+ }
362
+ .styles_module_promptItem .ant-prompts-item {
363
+ max-width: 100%;
364
+ white-space: normal;
365
+ height: auto;
366
+ }
367
+ .styles_module_bubbleList {
368
+ width: 100%;
369
+ }
370
+ .styles_module_bubbleList.ant-bubble-list {
371
+ width: 100%;
372
+ }
373
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble-list-scroll-box .ant-bubble-list-scroll-content {
374
+ max-width: 1000px;
375
+ min-width: 320px;
376
+ width: calc(100% - 12px);
377
+ margin: 0 auto;
378
+ padding-right: 0;
379
+ padding-left: 10px;
380
+ }
381
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble-list-scroll-box .ant-bubble-list-scroll-content > .ant-bubble > .ant-bubble-body {
382
+ width: 100%;
383
+ }
384
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble {
385
+ padding-top: 8px;
386
+ padding-bottom: 0;
387
+ }
388
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble:hover .message-actions {
389
+ opacity: 1;
390
+ pointer-events: auto;
391
+ }
392
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start {
393
+ padding-inline-end: 0% !important;
394
+ }
395
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-body {
396
+ width: 100%;
397
+ }
398
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-content {
399
+ background-color: transparent;
400
+ padding: 0;
401
+ padding-bottom: 0;
402
+ min-height: 0;
403
+ }
404
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content {
405
+ background-color: var(--ant-color-primary-bg, #e6f4ff);
406
+ }
407
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-borderless {
408
+ background-color: transparent;
409
+ }
410
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-borderless .ant-file-card-list-content {
411
+ padding: 0;
412
+ }
413
+ .styles_module_messageActions {
414
+ opacity: 0;
415
+ pointer-events: none;
416
+ transition: opacity 0.2s ease;
417
+ }
418
+ .styles_module_userInputCollapse {
419
+ width: calc(100% - 24px);
420
+ max-width: 1000px;
421
+ min-width: 320px;
422
+ margin: 0 auto;
423
+ }
424
+ .styles_module_logoArea {
425
+ display: flex;
426
+ align-items: center;
427
+ justify-content: center;
428
+ text-align: center;
429
+ margin-top: 5rem;
430
+ flex-direction: column;
431
+ }
432
+ .styles_module_logoArea .styles_module_logoContainer {
433
+ position: relative;
434
+ margin-bottom: 2rem;
435
+ cursor: pointer;
436
+ }
437
+ .styles_module_logoArea .styles_module_logoContainer .styles_module_staticHalo {
438
+ position: absolute;
439
+ inset: 0;
440
+ background-color: var(--ant-color-primary);
441
+ filter: blur(24px);
442
+ opacity: 0.2;
443
+ transition: opacity 700ms;
444
+ border-radius: 9999px;
445
+ }
446
+ .styles_module_logoArea .styles_module_logoContainer .styles_module_logoHoverWrapper {
447
+ position: relative;
448
+ z-index: 10;
449
+ padding: 0.5rem;
450
+ transition: all 500ms ease-out;
451
+ transform: scale(1) translateY(0);
452
+ }
453
+ .styles_module_logoArea .styles_module_logoContainer .styles_module_logoHoverWrapper .styles_module_logoImage {
454
+ font-size: 80px;
455
+ filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
456
+ transition: all 500ms;
457
+ }
458
+ .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_staticHalo {
459
+ opacity: 0.5;
460
+ }
461
+ .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoHoverWrapper {
462
+ transform: scale(1.1) translateY(-0.5rem);
463
+ }
464
+ .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoImage {
465
+ filter: drop-shadow(0 10px 20px rgba(18, 124, 183, 0.4));
466
+ }
467
+ .styles_module_logoArea .styles_module_greetingTitle {
468
+ margin-bottom: 0.75rem;
469
+ font-size: 2.25rem;
470
+ line-height: 2.5rem;
471
+ font-weight: 700;
472
+ letter-spacing: -0.025em;
473
+ color: #1e293b;
474
+ }
475
+ @media (width >= 768px) {
476
+ .styles_module_logoArea .styles_module_greetingTitle {
477
+ font-size: 3rem;
478
+ line-height: 1;
479
+ }
480
+ }
481
+ .styles_module_logoArea .styles_module_greetingTitle .styles_module_gradientText {
482
+ color: transparent;
483
+ background-clip: text;
484
+ background-image:
485
+ linear-gradient(
486
+ to right,
487
+ var(--ant-color-primary),
488
+ #3b82f6);
489
+ }
490
+ .styles_module_logoArea .styles_module_greetingSubtitle {
491
+ font-size: 1.125rem;
492
+ line-height: 1.75rem;
493
+ font-weight: 500;
494
+ color: #64748b;
495
+ }
496
+ @media (width >= 768px) {
497
+ .styles_module_logoArea .styles_module_greetingSubtitle {
498
+ font-size: 1.25rem;
499
+ line-height: 1.75rem;
500
+ }
501
+ }
502
+ .styles_module_senderReferenceHeaderTitle > .ant-sender-header-title {
205
503
  overflow: hidden;
206
- color: rgba(0, 0, 0, 0.88);
207
- text-overflow: ellipsis;
208
- white-space: nowrap;
209
504
  }
210
- .index_module_resourceTag {
211
- display: inline-block;
212
- margin: 0 4px;
505
+ .styles_module_senderReferenceHeaderContent {
506
+ padding: 0 !important;
213
507
  }
214
508
 
215
509
  /* src/ui/common/FeatureComponents/style.module.less */
216
510
  .style_module_popover {
511
+ height: 500px;
217
512
  max-height: 500px;
218
513
  width: 300px;
219
514
  display: flex;
220
515
  flex-direction: column;
221
- padding: 0 0 16px !important;
516
+ padding: 0 0 16px 0 !important;
517
+ overflow: hidden;
222
518
  }
223
519
  .style_module_popover .ant-popover-content {
520
+ height: 100%;
521
+ min-height: 0;
522
+ display: flex;
523
+ flex-direction: column;
524
+ }
525
+ .style_module_popover .ant-popover-inner {
526
+ height: 100%;
527
+ min-height: 0;
528
+ display: flex;
529
+ flex-direction: column;
530
+ overflow: hidden;
531
+ }
532
+ .style_module_popover .ant-popover-inner-content {
533
+ flex: 1;
224
534
  min-height: 0;
225
535
  display: flex;
226
536
  flex-direction: column;
537
+ overflow: hidden;
227
538
  }
228
539
  .style_module_resourceBtn {
229
540
  display: flex;
@@ -467,237 +778,6 @@
467
778
  margin-top: 4px;
468
779
  }
469
780
 
470
- /* src/ui/common/styles.module.less */
471
- .styles_module_chatHeader {
472
- padding: 8px 16px;
473
- border-bottom: 1px solid #eee;
474
- display: flex;
475
- align-items: center;
476
- justify-content: space-between;
477
- }
478
- .styles_module_chatHeader .styles_module_chatHeaderContent {
479
- display: flex;
480
- align-items: center;
481
- gap: 4px;
482
- }
483
- .styles_module_chatHeader .styles_module_chatHeaderContent .styles_module_chatTitle {
484
- font-size: 16px;
485
- font-weight: bold;
486
- }
487
- .styles_module_chatHeader .styles_module_chatHeaderContent .styles_module_defaultLogo {
488
- font-size: 22px;
489
- }
490
- .styles_module_chatHeader .styles_module_chatHeaderBtnGroup {
491
- display: flex;
492
- gap: 8px;
493
- }
494
- .styles_module_conversationListPanel {
495
- width: 300px;
496
- max-width: 100%;
497
- border-right: 1px dashed #eee;
498
- }
499
- .styles_module_conversationListPanel .styles_module_defaultLogo {
500
- font-size: 48px;
501
- }
502
- .styles_module_conversationListPanel .styles_module_conversationAvatar {
503
- font-size: 38px;
504
- }
505
- .styles_module_conversationListPanel .styles_module_createConversationButton {
506
- height: 38px;
507
- background-color: var(--ant-color-primary-bg);
508
- border-radius: var(--ant-border-radius-lg);
509
- color: var(--ant-color-primary);
510
- font-weight: bold;
511
- }
512
- .styles_module_conversations {
513
- padding: 0;
514
- height: 100%;
515
- overflow: auto;
516
- }
517
- .styles_module_conversations .ant-conversations-group-title {
518
- padding-left: 16px;
519
- }
520
- .styles_module_conversations .ant-conversations-group-title .ant-typography {
521
- color: #878aab;
522
- }
523
- .styles_module_conversations .ant-conversations-list .ant-conversations-item {
524
- padding-left: 16px;
525
- touch-action: manipulation !important;
526
- }
527
- .styles_module_conversations .ant-conversations-list .ant-conversations-item .ant-conversations-label {
528
- color: rgba(0, 0, 0, 0.88);
529
- }
530
- .styles_module_conversations .ant-conversations-list .ant-conversations-item.ant-conversations-item-active .ant-conversations-label {
531
- color: var(--ant-color-primary);
532
- }
533
- .styles_module_chatWelcomeWrap {
534
- height: 100%;
535
- max-width: 1000px;
536
- min-width: 320px;
537
- width: calc(100% - 24px);
538
- margin: 0 auto;
539
- }
540
- .styles_module_chatWelcomeWrap .ant-prompts .ant-prompts-list {
541
- overflow: auto;
542
- }
543
- .styles_module_chatWelcomeWrap .styles_module_chatWelcome .styles_module_defaultLogo {
544
- font-size: 48px;
545
- }
546
- .styles_module_chatWelcomeWrap .styles_module_chatWelcome .ant-welcome-icon > img {
547
- border-radius: 10px;
548
- max-width: initial;
549
- }
550
- .styles_module_promptItem {
551
- width: 100%;
552
- max-width: 100%;
553
- }
554
- .styles_module_promptItem .ant-prompts-item {
555
- max-width: 100%;
556
- white-space: normal;
557
- height: auto;
558
- }
559
- .styles_module_bubbleList {
560
- width: 100%;
561
- }
562
- .styles_module_bubbleList.ant-bubble-list {
563
- width: 100%;
564
- }
565
- .styles_module_bubbleList.ant-bubble-list .ant-bubble-list-scroll-box .ant-bubble-list-scroll-content {
566
- max-width: 1000px;
567
- min-width: 320px;
568
- width: calc(100% - 12px);
569
- margin: 0 auto;
570
- padding-right: 0;
571
- padding-left: 10px;
572
- }
573
- .styles_module_bubbleList.ant-bubble-list .ant-bubble-list-scroll-box .ant-bubble-list-scroll-content > .ant-bubble > .ant-bubble-body {
574
- width: 100%;
575
- }
576
- .styles_module_bubbleList.ant-bubble-list .ant-bubble {
577
- padding-top: 8px;
578
- padding-bottom: 0;
579
- }
580
- .styles_module_bubbleList.ant-bubble-list .ant-bubble:hover .message-actions {
581
- opacity: 1;
582
- pointer-events: auto;
583
- }
584
- .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start {
585
- padding-inline-end: 0% !important;
586
- }
587
- .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-body {
588
- width: 100%;
589
- }
590
- .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-content {
591
- background-color: transparent;
592
- padding: 0;
593
- padding-bottom: 0;
594
- min-height: 0;
595
- }
596
- .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content {
597
- background-color: var(--ant-color-primary-bg, #e6f4ff);
598
- }
599
- .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-borderless {
600
- background-color: transparent;
601
- }
602
- .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-borderless .ant-file-card-list-content {
603
- padding: 0;
604
- }
605
- .styles_module_messageActions {
606
- opacity: 0;
607
- pointer-events: none;
608
- transition: opacity 0.2s ease;
609
- }
610
- .styles_module_userInputCollapse {
611
- width: calc(100% - 24px);
612
- max-width: 1000px;
613
- min-width: 320px;
614
- margin: 0 auto;
615
- }
616
- .styles_module_logoArea {
617
- display: flex;
618
- align-items: center;
619
- justify-content: center;
620
- text-align: center;
621
- margin-top: 5rem;
622
- flex-direction: column;
623
- }
624
- .styles_module_logoArea .styles_module_logoContainer {
625
- position: relative;
626
- margin-bottom: 2rem;
627
- cursor: pointer;
628
- }
629
- .styles_module_logoArea .styles_module_logoContainer .styles_module_staticHalo {
630
- position: absolute;
631
- inset: 0;
632
- background-color: var(--ant-color-primary);
633
- filter: blur(24px);
634
- opacity: 0.2;
635
- transition: opacity 700ms;
636
- border-radius: 9999px;
637
- }
638
- .styles_module_logoArea .styles_module_logoContainer .styles_module_logoHoverWrapper {
639
- position: relative;
640
- z-index: 10;
641
- padding: 0.5rem;
642
- transition: all 500ms ease-out;
643
- transform: scale(1) translateY(0);
644
- }
645
- .styles_module_logoArea .styles_module_logoContainer .styles_module_logoHoverWrapper .styles_module_logoImage {
646
- font-size: 80px;
647
- filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
648
- transition: all 500ms;
649
- }
650
- .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_staticHalo {
651
- opacity: 0.5;
652
- }
653
- .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoHoverWrapper {
654
- transform: scale(1.1) translateY(-0.5rem);
655
- }
656
- .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoImage {
657
- filter: drop-shadow(0 10px 20px rgba(18, 124, 183, 0.4));
658
- }
659
- .styles_module_logoArea .styles_module_greetingTitle {
660
- margin-bottom: 0.75rem;
661
- font-size: 2.25rem;
662
- line-height: 2.5rem;
663
- font-weight: 700;
664
- letter-spacing: -0.025em;
665
- color: #1e293b;
666
- }
667
- @media (width >= 768px) {
668
- .styles_module_logoArea .styles_module_greetingTitle {
669
- font-size: 3rem;
670
- line-height: 1;
671
- }
672
- }
673
- .styles_module_logoArea .styles_module_greetingTitle .styles_module_gradientText {
674
- color: transparent;
675
- background-clip: text;
676
- background-image:
677
- linear-gradient(
678
- to right,
679
- var(--ant-color-primary),
680
- #3b82f6);
681
- }
682
- .styles_module_logoArea .styles_module_greetingSubtitle {
683
- font-size: 1.125rem;
684
- line-height: 1.75rem;
685
- font-weight: 500;
686
- color: #64748b;
687
- }
688
- @media (width >= 768px) {
689
- .styles_module_logoArea .styles_module_greetingSubtitle {
690
- font-size: 1.25rem;
691
- line-height: 1.75rem;
692
- }
693
- }
694
- .styles_module_senderReferenceHeaderTitle > .ant-sender-header-title {
695
- overflow: hidden;
696
- }
697
- .styles_module_senderReferenceHeaderContent {
698
- padding: 0 !important;
699
- }
700
-
701
781
  /* src/components/CustomComponents/XMarkdown/styles.module.less */
702
782
  .styles_module_appCard {
703
783
  width: 180px;