@zero-library/chat-copilot 3.1.13 → 3.1.15

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
@@ -212,18 +212,333 @@
212
212
  margin: 0 4px;
213
213
  }
214
214
 
215
+ /* src/ui/common/styles.module.less */
216
+ .styles_module_chatHeader {
217
+ padding: 8px 16px;
218
+ border-bottom: 1px solid #eee;
219
+ display: flex;
220
+ align-items: center;
221
+ justify-content: space-between;
222
+ }
223
+ .styles_module_chatHeader .styles_module_chatHeaderContent {
224
+ display: flex;
225
+ align-items: center;
226
+ gap: 4px;
227
+ }
228
+ .styles_module_chatHeader .styles_module_chatHeaderContent .styles_module_chatTitle {
229
+ font-size: 16px;
230
+ font-weight: bold;
231
+ }
232
+ .styles_module_chatHeader .styles_module_chatHeaderContent .styles_module_defaultLogo {
233
+ font-size: 22px;
234
+ }
235
+ .styles_module_chatHeader .styles_module_chatHeaderBtnGroup {
236
+ display: flex;
237
+ gap: 8px;
238
+ }
239
+ .styles_module_conversationListPanel {
240
+ width: 300px;
241
+ max-width: 100%;
242
+ border-right: 1px dashed #eee;
243
+ }
244
+ .styles_module_conversationListPanel .styles_module_defaultLogo {
245
+ font-size: 48px;
246
+ }
247
+ .styles_module_conversationListPanel .styles_module_conversationAvatar {
248
+ font-size: 38px;
249
+ }
250
+ .styles_module_conversationListPanel .styles_module_createConversationButton {
251
+ height: 38px;
252
+ background-color: var(--ant-color-primary-bg);
253
+ border-radius: var(--ant-border-radius-lg);
254
+ color: var(--ant-color-primary);
255
+ font-weight: bold;
256
+ }
257
+ .styles_module_conversations {
258
+ padding: 0;
259
+ height: 100%;
260
+ overflow: auto;
261
+ }
262
+ .styles_module_conversations .ant-conversations-group-title {
263
+ padding-left: 16px;
264
+ }
265
+ .styles_module_conversations .ant-conversations-group-title .ant-typography {
266
+ color: #878aab;
267
+ }
268
+ .styles_module_conversations .ant-conversations-list .ant-conversations-item {
269
+ padding-left: 16px;
270
+ touch-action: manipulation !important;
271
+ }
272
+ .styles_module_conversations .ant-conversations-list .ant-conversations-item .ant-conversations-label {
273
+ color: rgba(0, 0, 0, 0.88);
274
+ }
275
+ .styles_module_conversations .ant-conversations-list .ant-conversations-item.ant-conversations-item-active .ant-conversations-label {
276
+ color: var(--ant-color-primary);
277
+ }
278
+ .styles_module_conversationTabs {
279
+ height: 100%;
280
+ min-height: 0;
281
+ display: flex;
282
+ flex-direction: column;
283
+ scrollbar-width: thin;
284
+ scrollbar-color: transparent transparent;
285
+ }
286
+ .styles_module_conversationTabs::-webkit-scrollbar {
287
+ width: 8px;
288
+ height: 8px;
289
+ }
290
+ .styles_module_conversationTabs::-webkit-scrollbar-thumb {
291
+ background-color: rgba(0, 0, 0, 0);
292
+ border-radius: 4px;
293
+ transition: background-color 0.3s ease 0.3s;
294
+ }
295
+ .styles_module_conversationTabs::-webkit-scrollbar-track {
296
+ background: transparent;
297
+ }
298
+ .styles_module_conversationTabs:hover {
299
+ scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
300
+ }
301
+ .styles_module_conversationTabs:hover::-webkit-scrollbar-thumb {
302
+ background-color: rgba(0, 0, 0, 0.3);
303
+ transition-delay: 0s;
304
+ }
305
+ .styles_module_conversationTabs .ant-tabs {
306
+ height: 100%;
307
+ min-height: 0;
308
+ display: flex;
309
+ flex-direction: column;
310
+ }
311
+ .styles_module_conversationTabs .ant-tabs-nav {
312
+ margin-bottom: 8px;
313
+ flex-shrink: 0;
314
+ }
315
+ .styles_module_conversationTabs .ant-tabs-content-holder {
316
+ flex: 1;
317
+ min-height: 0;
318
+ overflow: hidden;
319
+ }
320
+ .styles_module_conversationTabs .ant-tabs-content,
321
+ .conversationTabs .ant-tabs-tabpane {
322
+ height: 100%;
323
+ min-height: 0;
324
+ }
325
+ .styles_module_conversationTabs .styles_module_conversationTabPane {
326
+ height: 100%;
327
+ min-height: 0;
328
+ overflow: hidden;
329
+ }
330
+ .styles_module_conversationTabs .styles_module_conversationEmpty {
331
+ height: 100%;
332
+ display: flex;
333
+ align-items: center;
334
+ justify-content: center;
335
+ }
336
+ .styles_module_conversationTabs .styles_module_ant-tabs-nav-list {
337
+ width: 100%;
338
+ }
339
+ .styles_module_conversationScrollArea {
340
+ height: 100%;
341
+ min-height: 0;
342
+ overflow-y: auto;
343
+ overflow-x: hidden;
344
+ }
345
+ .styles_module_chatWelcomeWrap {
346
+ height: 100%;
347
+ max-width: 1000px;
348
+ min-width: 320px;
349
+ width: calc(100% - 24px);
350
+ margin: 0 auto;
351
+ }
352
+ .styles_module_chatWelcomeWrap .ant-prompts .ant-prompts-list {
353
+ overflow: auto;
354
+ }
355
+ .styles_module_chatWelcomeWrap .styles_module_chatWelcome .styles_module_defaultLogo {
356
+ font-size: 48px;
357
+ }
358
+ .styles_module_chatWelcomeWrap .styles_module_chatWelcome .ant-welcome-icon > img {
359
+ border-radius: 10px;
360
+ max-width: initial;
361
+ }
362
+ .styles_module_promptItem {
363
+ width: 100%;
364
+ max-width: 100%;
365
+ }
366
+ .styles_module_promptItem .ant-prompts-item {
367
+ max-width: 100%;
368
+ white-space: normal;
369
+ height: auto;
370
+ }
371
+ .styles_module_bubbleList {
372
+ width: 100%;
373
+ }
374
+ .styles_module_bubbleList.ant-bubble-list {
375
+ width: 100%;
376
+ }
377
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble-list-scroll-box .ant-bubble-list-scroll-content {
378
+ max-width: 1000px;
379
+ min-width: 320px;
380
+ width: calc(100% - 12px);
381
+ margin: 0 auto;
382
+ padding-right: 0;
383
+ padding-left: 10px;
384
+ }
385
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble-list-scroll-box .ant-bubble-list-scroll-content > .ant-bubble > .ant-bubble-body {
386
+ width: 100%;
387
+ }
388
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble {
389
+ padding-top: 8px;
390
+ padding-bottom: 0;
391
+ }
392
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble:hover .message-actions {
393
+ opacity: 1;
394
+ pointer-events: auto;
395
+ }
396
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start {
397
+ padding-inline-end: 0% !important;
398
+ }
399
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-body {
400
+ width: 100%;
401
+ }
402
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-start .ant-bubble-content {
403
+ background-color: transparent;
404
+ padding: 0;
405
+ padding-bottom: 0;
406
+ min-height: 0;
407
+ }
408
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content {
409
+ background-color: var(--ant-color-primary-bg, #e6f4ff);
410
+ }
411
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-borderless {
412
+ background-color: transparent;
413
+ }
414
+ .styles_module_bubbleList.ant-bubble-list .ant-bubble.ant-bubble-end .ant-bubble-content-borderless .ant-file-card-list-content {
415
+ padding: 0;
416
+ }
417
+ .styles_module_messageActions {
418
+ opacity: 0;
419
+ pointer-events: none;
420
+ transition: opacity 0.2s ease;
421
+ }
422
+ .styles_module_userInputCollapse {
423
+ width: calc(100% - 24px);
424
+ max-width: 1000px;
425
+ min-width: 320px;
426
+ margin: 0 auto;
427
+ }
428
+ .styles_module_logoArea {
429
+ display: flex;
430
+ align-items: center;
431
+ justify-content: center;
432
+ text-align: center;
433
+ margin-top: 5rem;
434
+ flex-direction: column;
435
+ }
436
+ .styles_module_logoArea .styles_module_logoContainer {
437
+ position: relative;
438
+ margin-bottom: 2rem;
439
+ cursor: pointer;
440
+ }
441
+ .styles_module_logoArea .styles_module_logoContainer .styles_module_staticHalo {
442
+ position: absolute;
443
+ inset: 0;
444
+ background-color: var(--ant-color-primary);
445
+ filter: blur(24px);
446
+ opacity: 0.2;
447
+ transition: opacity 700ms;
448
+ border-radius: 9999px;
449
+ }
450
+ .styles_module_logoArea .styles_module_logoContainer .styles_module_logoHoverWrapper {
451
+ position: relative;
452
+ z-index: 10;
453
+ padding: 0.5rem;
454
+ transition: all 500ms ease-out;
455
+ transform: scale(1) translateY(0);
456
+ }
457
+ .styles_module_logoArea .styles_module_logoContainer .styles_module_logoHoverWrapper .styles_module_logoImage {
458
+ font-size: 80px;
459
+ filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
460
+ transition: all 500ms;
461
+ }
462
+ .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_staticHalo {
463
+ opacity: 0.5;
464
+ }
465
+ .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoHoverWrapper {
466
+ transform: scale(1.1) translateY(-0.5rem);
467
+ }
468
+ .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoImage {
469
+ filter: drop-shadow(0 10px 20px rgba(18, 124, 183, 0.4));
470
+ }
471
+ .styles_module_logoArea .styles_module_greetingTitle {
472
+ margin-bottom: 0.75rem;
473
+ font-size: 2.25rem;
474
+ line-height: 2.5rem;
475
+ font-weight: 700;
476
+ letter-spacing: -0.025em;
477
+ color: #1e293b;
478
+ }
479
+ @media (width >= 768px) {
480
+ .styles_module_logoArea .styles_module_greetingTitle {
481
+ font-size: 3rem;
482
+ line-height: 1;
483
+ }
484
+ }
485
+ .styles_module_logoArea .styles_module_greetingTitle .styles_module_gradientText {
486
+ color: transparent;
487
+ background-clip: text;
488
+ background-image:
489
+ linear-gradient(
490
+ to right,
491
+ var(--ant-color-primary),
492
+ #3b82f6);
493
+ }
494
+ .styles_module_logoArea .styles_module_greetingSubtitle {
495
+ font-size: 1.125rem;
496
+ line-height: 1.75rem;
497
+ font-weight: 500;
498
+ color: #64748b;
499
+ }
500
+ @media (width >= 768px) {
501
+ .styles_module_logoArea .styles_module_greetingSubtitle {
502
+ font-size: 1.25rem;
503
+ line-height: 1.75rem;
504
+ }
505
+ }
506
+ .styles_module_senderReferenceHeaderTitle > .ant-sender-header-title {
507
+ overflow: hidden;
508
+ }
509
+ .styles_module_senderReferenceHeaderContent {
510
+ padding: 0 !important;
511
+ }
512
+
215
513
  /* src/ui/common/FeatureComponents/style.module.less */
216
514
  .style_module_popover {
515
+ height: 500px;
217
516
  max-height: 500px;
218
517
  width: 300px;
219
518
  display: flex;
220
519
  flex-direction: column;
221
- padding: 0;
520
+ padding: 0 0 16px 0 !important;
521
+ overflow: hidden;
222
522
  }
223
523
  .style_module_popover .ant-popover-content {
524
+ height: 100%;
525
+ min-height: 0;
526
+ display: flex;
527
+ flex-direction: column;
528
+ }
529
+ .style_module_popover .ant-popover-inner {
530
+ height: 100%;
531
+ min-height: 0;
532
+ display: flex;
533
+ flex-direction: column;
534
+ overflow: hidden;
535
+ }
536
+ .style_module_popover .ant-popover-inner-content {
537
+ flex: 1;
224
538
  min-height: 0;
225
539
  display: flex;
226
540
  flex-direction: column;
541
+ overflow: hidden;
227
542
  }
228
543
  .style_module_resourceBtn {
229
544
  display: flex;
@@ -397,305 +712,74 @@
397
712
  transition: all 0.2s;
398
713
  position: relative;
399
714
  }
400
- .style_module_content .style_module_listArea .style_module_listItem:hover {
401
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
402
- background-color: #e6f4ff;
403
- }
404
- .style_module_content .style_module_listArea .style_module_listItemSelected {
405
- background-color: #eee;
406
- }
407
- .style_module_content .style_module_listArea .style_module_itemIconWrapper {
408
- width: 40px;
409
- height: 40px;
410
- border-radius: 8px;
411
- background-color: #e6f4ff;
412
- color: #1677ff;
413
- display: flex;
414
- align-items: center;
415
- justify-content: center;
416
- font-size: 20px;
417
- margin-right: 12px;
418
- flex-shrink: 0;
419
- }
420
- .style_module_content .style_module_listArea .style_module_itemInfo {
421
- flex: 1;
422
- min-width: 0;
423
- gap: 2px;
424
- }
425
- .style_module_content .style_module_listArea .style_module_itemInfo .style_module_itemDesc {
426
- font-size: 12px;
427
- color: #999;
428
- }
429
- .style_module_footer {
430
- border-top: 1px solid #f0f0f0;
431
- padding: 10px 20px;
432
- justify-content: flex-end;
433
- align-items: center;
434
- display: flex;
435
- }
436
- .style_module_titleContainer {
437
- display: flex;
438
- padding: 16px 32px 0 20px;
439
- border-bottom: 1px solid #f0f0f0;
440
- align-items: center;
441
- }
442
- .style_module_favoriteCard {
443
- border-radius: 10px;
444
- padding: 8px 10px 8px 16px;
445
- transition: all 0.2s;
446
- cursor: pointer;
447
- }
448
- .style_module_favoriteCard.style_module_favoriteCardActive {
449
- background: #f2f2f2;
450
- }
451
- .style_module_favoriteCard.style_module_favoriteCardActive .style_module_favoriteCardTitle {
452
- color: var(--ant-color-primary);
453
- }
454
- .style_module_favoriteCard:hover {
455
- background: #f2f2f2;
456
- }
457
- .style_module_favoriteCard:hover .style_module_favoriteCardActions {
458
- opacity: 1;
459
- }
460
- .style_module_favoriteCard .style_module_favoriteCardActions {
461
- opacity: 0;
462
- transition: all 0.2s;
463
- }
464
- .style_module_favoriteCard .style_module_favoriteCardDate {
465
- font-size: 12px;
466
- color: #999;
467
- margin-top: 4px;
468
- }
469
-
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_conversationListPanel .styles_module_conversations {
513
- padding: 0 16px;
514
- height: 100%;
515
- overflow: auto;
516
- }
517
- .styles_module_conversationListPanel .styles_module_conversations .ant-conversations-group-title {
518
- padding: 0;
519
- }
520
- .styles_module_conversationListPanel .styles_module_conversations .ant-conversations-group-title .ant-typography {
521
- color: #878aab;
522
- }
523
- .styles_module_conversationListPanel .styles_module_conversations .ant-conversations-list .ant-conversations-item {
524
- padding-left: 16px;
525
- touch-action: manipulation !important;
526
- }
527
- .styles_module_conversationListPanel .styles_module_conversations .ant-conversations-list .ant-conversations-item .ant-conversations-label {
528
- color: rgba(0, 0, 0, 0.88);
529
- }
530
- .styles_module_conversationListPanel .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;
715
+ .style_module_content .style_module_listArea .style_module_listItem:hover {
716
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
717
+ background-color: #e6f4ff;
609
718
  }
610
- .styles_module_userInputCollapse {
611
- width: calc(100% - 24px);
612
- max-width: 1000px;
613
- min-width: 320px;
614
- margin: 0 auto;
719
+ .style_module_content .style_module_listArea .style_module_listItemSelected {
720
+ background-color: #eee;
615
721
  }
616
- .styles_module_logoArea {
722
+ .style_module_content .style_module_listArea .style_module_itemIconWrapper {
723
+ width: 40px;
724
+ height: 40px;
725
+ border-radius: 8px;
726
+ background-color: #e6f4ff;
727
+ color: #1677ff;
617
728
  display: flex;
618
729
  align-items: center;
619
730
  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);
731
+ font-size: 20px;
732
+ margin-right: 12px;
733
+ flex-shrink: 0;
644
734
  }
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;
735
+ .style_module_content .style_module_listArea .style_module_itemInfo {
736
+ flex: 1;
737
+ min-width: 0;
738
+ gap: 2px;
649
739
  }
650
- .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_staticHalo {
651
- opacity: 0.5;
740
+ .style_module_content .style_module_listArea .style_module_itemInfo .style_module_itemDesc {
741
+ font-size: 12px;
742
+ color: #999;
652
743
  }
653
- .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoHoverWrapper {
654
- transform: scale(1.1) translateY(-0.5rem);
744
+ .style_module_footer {
745
+ border-top: 1px solid #f0f0f0;
746
+ padding: 10px 20px;
747
+ justify-content: flex-end;
748
+ align-items: center;
749
+ display: flex;
655
750
  }
656
- .styles_module_logoArea .styles_module_logoContainer:hover .styles_module_logoImage {
657
- filter: drop-shadow(0 10px 20px rgba(18, 124, 183, 0.4));
751
+ .style_module_titleContainer {
752
+ display: flex;
753
+ padding: 16px 32px 0 20px;
754
+ border-bottom: 1px solid #f0f0f0;
755
+ align-items: center;
658
756
  }
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;
757
+ .style_module_favoriteCard {
758
+ border-radius: 10px;
759
+ padding: 8px 10px 8px 16px;
760
+ transition: all 0.2s;
761
+ cursor: pointer;
666
762
  }
667
- @media (width >= 768px) {
668
- .styles_module_logoArea .styles_module_greetingTitle {
669
- font-size: 3rem;
670
- line-height: 1;
671
- }
763
+ .style_module_favoriteCard.style_module_favoriteCardActive {
764
+ background: #f2f2f2;
672
765
  }
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);
766
+ .style_module_favoriteCard.style_module_favoriteCardActive .style_module_favoriteCardTitle {
767
+ color: var(--ant-color-primary);
681
768
  }
682
- .styles_module_logoArea .styles_module_greetingSubtitle {
683
- font-size: 1.125rem;
684
- line-height: 1.75rem;
685
- font-weight: 500;
686
- color: #64748b;
769
+ .style_module_favoriteCard:hover {
770
+ background: #f2f2f2;
687
771
  }
688
- @media (width >= 768px) {
689
- .styles_module_logoArea .styles_module_greetingSubtitle {
690
- font-size: 1.25rem;
691
- line-height: 1.75rem;
692
- }
772
+ .style_module_favoriteCard:hover .style_module_favoriteCardActions {
773
+ opacity: 1;
693
774
  }
694
- .styles_module_senderReferenceHeaderTitle > .ant-sender-header-title {
695
- overflow: hidden;
775
+ .style_module_favoriteCard .style_module_favoriteCardActions {
776
+ opacity: 0;
777
+ transition: all 0.2s;
696
778
  }
697
- .styles_module_senderReferenceHeaderContent {
698
- padding: 0 !important;
779
+ .style_module_favoriteCard .style_module_favoriteCardDate {
780
+ font-size: 12px;
781
+ color: #999;
782
+ margin-top: 4px;
699
783
  }
700
784
 
701
785
  /* src/components/CustomComponents/XMarkdown/styles.module.less */
@@ -782,10 +866,10 @@
782
866
  padding: 2px 0;
783
867
  }
784
868
  .style_module_runStartedNode .style_module_dot {
785
- width: 2px;
786
- height: 2px;
869
+ width: 3px;
870
+ height: 3px;
787
871
  border-radius: 50%;
788
- background: var(--ant-color-text-tertiary);
872
+ background: #000;
789
873
  animation: style_module_loadingDotBlink 1s infinite ease-in-out;
790
874
  }
791
875
  .style_module_runStartedNode .style_module_dot:nth-child(2) {
@@ -824,94 +908,70 @@
824
908
 
825
909
  /* src/components/CustomComponents/ToolRenders/index.module.less */
826
910
  .index_module_toolCollapse {
827
- background: transparent;
828
- border: none;
829
- }
830
- .index_module_toolCollapse.ant-collapse {
831
- background: transparent;
832
- border: none;
911
+ border: 1px solid rgba(0, 0, 0, 0.08);
912
+ background-color: rgba(255, 255, 255, 0.42);
833
913
  }
834
914
  .index_module_toolCollapse .ant-collapse-item {
835
- background: rgba(255, 255, 255, 0.42);
836
- border: 1px solid rgba(0, 0, 0, 0.05);
837
- border-radius: 10px !important;
838
- overflow: hidden;
839
- box-shadow: none;
915
+ height: 100%;
840
916
  }
841
- .index_module_toolCollapse .ant-collapse-header {
842
- background: transparent;
843
- min-height: 30px;
917
+ .index_module_toolCollapse .ant-collapse-item .ant-collapse-header {
918
+ padding: 4px 8px;
919
+ min-height: 36px;
920
+ display: flex;
921
+ align-items: center;
844
922
  }
845
- .index_module_toolCollapse .ant-collapse-content {
846
- background: transparent;
847
- border-top: 1px solid rgba(0, 0, 0, 0.04);
923
+ .index_module_toolCollapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body {
924
+ padding: 0 0 8px 8px;
848
925
  }
849
- .index_module_toolCollapse .ant-collapse-content-box {
850
- padding: 0 !important;
926
+ .index_module_toolCallItem {
927
+ display: flex;
928
+ align-items: center;
929
+ flex: 1;
930
+ min-width: 0;
931
+ gap: 8px;
932
+ }
933
+ .index_module_toolCallItem .index_module_toolIcon {
934
+ font-size: 14px;
935
+ color: #000000;
851
936
  }
852
- .index_module_iconContainer {
853
- width: 18px;
854
- height: 18px;
937
+ .index_module_toolCallItem .index_module_toolName {
938
+ font-size: 12px;
939
+ color: var(--ant-color-text-tertiary);
940
+ flex: 1;
941
+ line-height: 22px;
942
+ }
943
+ .index_module_toolCallItem .index_module_statusIcon {
944
+ font-size: 12px;
855
945
  display: flex;
856
946
  align-items: center;
857
- justify-content: center;
858
- border-radius: var(--ant-border-radius-sm);
859
- overflow: hidden;
860
947
  flex-shrink: 0;
861
- gap: 20;
862
- opacity: 0.85;
863
948
  }
864
- .index_module_toolName {
865
- font-size: 11px;
949
+ .index_module_toolCallItem .index_module_duration {
950
+ font-size: 12px;
866
951
  color: var(--ant-color-text-tertiary);
867
- flex: 1;
868
- min-width: 0;
869
- line-height: 18px;
870
- overflow: hidden;
871
- text-overflow: ellipsis;
872
- white-space: nowrap;
952
+ flex-shrink: 0;
873
953
  }
874
- .index_module_toolNamePending {
954
+ .index_module_toolCallItem .index_module_toolNamePending {
875
955
  display: inline-flex;
876
956
  align-items: center;
877
957
  gap: 2px;
878
958
  flex: 1;
879
959
  }
880
- .index_module_toolNamePending .index_module_dot {
960
+ .index_module_toolCallItem .index_module_toolNamePending .index_module_dot {
881
961
  width: 2px;
882
962
  height: 2px;
883
963
  border-radius: 50%;
884
964
  background: var(--ant-color-text-tertiary);
885
965
  animation: index_module_dotBlink 1s infinite ease-in-out;
886
966
  }
887
- .index_module_toolNamePending .index_module_dot:nth-child(2) {
967
+ .index_module_toolCallItem .index_module_toolNamePending .index_module_dot:nth-child(2) {
888
968
  animation-delay: 0.16s;
889
969
  }
890
- .index_module_toolNamePending .index_module_dot:nth-child(3) {
970
+ .index_module_toolCallItem .index_module_toolNamePending .index_module_dot:nth-child(3) {
891
971
  animation-delay: 0.32s;
892
972
  }
893
- @keyframes index_module_dotBlink {
894
- 0%, 70%, 100% {
895
- opacity: 0.2;
896
- }
897
- 35% {
898
- opacity: 0.85;
899
- }
900
- }
901
- .index_module_duration {
902
- font-size: 11px;
903
- color: var(--ant-color-text-tertiary);
904
- flex-shrink: 0;
905
- }
906
- .index_module_statusIcon {
907
- font-size: 11px;
908
- display: flex;
909
- align-items: center;
910
- flex-shrink: 0;
911
- opacity: 0.75;
912
- }
913
973
  .index_module_expandIcon {
914
- font-size: 9px;
974
+ font-size: 10px;
915
975
  color: var(--ant-color-text-tertiary);
916
976
  flex-shrink: 0;
917
977
  cursor: pointer;
@@ -921,8 +981,43 @@
921
981
  .index_module_expandIcon.index_module_expanded {
922
982
  transform: rotate(-90deg);
923
983
  }
984
+ .index_module_contentScrollContainer {
985
+ padding: 4px 2px 0;
986
+ overflow-y: auto;
987
+ max-height: 500px;
988
+ background: transparent;
989
+ scrollbar-width: thin;
990
+ scrollbar-color: transparent transparent;
991
+ }
992
+ .index_module_contentScrollContainer::-webkit-scrollbar {
993
+ width: 8px;
994
+ height: 8px;
995
+ }
996
+ .index_module_contentScrollContainer::-webkit-scrollbar-thumb {
997
+ background-color: rgba(0, 0, 0, 0);
998
+ border-radius: 4px;
999
+ transition: background-color 0.3s ease 0.3s;
1000
+ }
1001
+ .index_module_contentScrollContainer::-webkit-scrollbar-track {
1002
+ background: transparent;
1003
+ }
1004
+ .index_module_contentScrollContainer:hover {
1005
+ scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
1006
+ }
1007
+ .index_module_contentScrollContainer:hover::-webkit-scrollbar-thumb {
1008
+ background-color: rgba(0, 0, 0, 0.3);
1009
+ transition-delay: 0s;
1010
+ }
1011
+ @keyframes index_module_dotBlink {
1012
+ 0%, 70%, 100% {
1013
+ opacity: 0.2;
1014
+ }
1015
+ 35% {
1016
+ opacity: 0.85;
1017
+ }
1018
+ }
924
1019
  .index_module_sectionLabel {
925
- font-size: 10px;
1020
+ font-size: 12px;
926
1021
  color: var(--ant-color-text-tertiary);
927
1022
  margin-bottom: 3px;
928
1023
  display: flex;
@@ -967,11 +1062,18 @@
967
1062
  .index_module_markdownContainer {
968
1063
  max-width: 100%;
969
1064
  overflow-x: auto;
970
- font-size: 11px;
971
- opacity: 0.72;
1065
+ font-size: 12px;
1066
+ opacity: 0.75;
1067
+ overflow-y: hidden;
1068
+ }
1069
+ .index_module_markdownContainer .ant-codeHighlighter-header {
1070
+ padding: 8px;
1071
+ }
1072
+ .index_module_markdownContainer .ant-codeHighlighter-code pre code {
1073
+ margin: 0 !important;
972
1074
  }
973
1075
  .index_module_summaryText {
974
- font-size: 11px;
1076
+ font-size: 12px;
975
1077
  line-height: 1.5;
976
1078
  color: var(--ant-color-text-tertiary);
977
1079
  margin-bottom: 4px;
@@ -1091,7 +1193,6 @@
1091
1193
  .index_module_sectionBlock + .index_module_sectionBlock {
1092
1194
  margin-top: 4px;
1093
1195
  padding-top: 4px;
1094
- border-top: 1px solid rgba(0, 0, 0, 0.04);
1095
1196
  }
1096
1197
  .index_module_compactSectionBlock .index_module_sectionLabel {
1097
1198
  margin-bottom: 2px;
@@ -1099,24 +1200,6 @@
1099
1200
  .index_module_compactSectionBlock .index_module_markdownContainer {
1100
1201
  font-size: 11px;
1101
1202
  }
1102
- .index_module_contentScrollContainer {
1103
- max-height: 168px;
1104
- overflow-y: auto;
1105
- overflow-x: hidden;
1106
- padding: 4px 2px 0;
1107
- background: transparent;
1108
- border-radius: 0;
1109
- }
1110
- .index_module_contentScrollContainer::-webkit-scrollbar {
1111
- width: 4px;
1112
- }
1113
- .index_module_contentScrollContainer::-webkit-scrollbar-thumb {
1114
- background: var(--ant-color-border);
1115
- border-radius: 3px;
1116
- }
1117
- .index_module_contentScrollContainer::-webkit-scrollbar-track {
1118
- background: transparent;
1119
- }
1120
1203
  .index_module_subAgentContainer {
1121
1204
  padding: 2px 0;
1122
1205
  }
@@ -1130,7 +1213,7 @@
1130
1213
  font-weight: 500;
1131
1214
  }
1132
1215
  .index_module_subAgentMessages {
1133
- max-height: 400px;
1216
+ max-height: 500px;
1134
1217
  overflow-y: auto;
1135
1218
  }
1136
1219
  .index_module_subAgentMessages::-webkit-scrollbar {
@@ -1142,9 +1225,6 @@
1142
1225
  }
1143
1226
  .index_module_todoList {
1144
1227
  background-color: rgba(255, 255, 255, 0.45);
1145
- border-radius: 8px;
1146
- border: 1px solid rgba(0, 0, 0, 0.04);
1147
- margin-top: 2px;
1148
1228
  }
1149
1229
  .index_module_todoItem {
1150
1230
  padding: 6px 10px;
@@ -1174,17 +1254,6 @@
1174
1254
  .index_module_emptyText {
1175
1255
  font-size: 12px;
1176
1256
  }
1177
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
1178
- .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
1179
- color: #000;
1180
- }
1181
- .ant-collapse > .ant-collapse-item > .ant-collapse-header {
1182
- overflow: hidden;
1183
- }
1184
- .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-content {
1185
- min-width: 0;
1186
- overflow: hidden;
1187
- }
1188
1257
 
1189
1258
  /* src/ui/layouts/components/styles.module.less */
1190
1259
  .styles_module_bodyWidth {