@mcoda/agent-setup 0.1.76 → 0.1.79

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/styles/react.css CHANGED
@@ -35,6 +35,7 @@
35
35
  .mcoda-agent-setup__header,
36
36
  .mcoda-agent-setup__summary,
37
37
  .mcoda-agent-setup__access,
38
+ .mcoda-agent-setup__gpu-ops,
38
39
  .mcoda-agent-setup__assignments,
39
40
  .mcoda-agent-setup__empty-state,
40
41
  .mcoda-agent-setup__alert {
@@ -162,6 +163,7 @@
162
163
 
163
164
  .mcoda-agent-setup__summary,
164
165
  .mcoda-agent-setup__access,
166
+ .mcoda-agent-setup__gpu-ops,
165
167
  .mcoda-agent-setup__assignments,
166
168
  .mcoda-agent-setup__empty-state {
167
169
  padding: 18px;
@@ -549,6 +551,168 @@
549
551
  text-transform: uppercase;
550
552
  }
551
553
 
554
+ .mcoda-agent-setup__state-chips {
555
+ display: flex;
556
+ flex-wrap: wrap;
557
+ gap: 8px;
558
+ margin-top: 14px;
559
+ }
560
+
561
+ .mcoda-agent-setup__state-chip {
562
+ align-items: center;
563
+ background: #f8fafc;
564
+ border: 1px solid var(--mcoda-border);
565
+ border-radius: 8px;
566
+ color: var(--mcoda-muted);
567
+ display: inline-flex;
568
+ gap: 7px;
569
+ min-height: 32px;
570
+ padding: 6px 9px;
571
+ }
572
+
573
+ .mcoda-agent-setup__state-chip strong {
574
+ color: var(--mcoda-text);
575
+ font-size: 14px;
576
+ line-height: 1;
577
+ }
578
+
579
+ .mcoda-agent-setup__state-chip span {
580
+ font-size: 11px;
581
+ font-weight: 800;
582
+ text-transform: uppercase;
583
+ }
584
+
585
+ .mcoda-agent-setup__state-chip--failed,
586
+ .mcoda-agent-setup__state-chip--blocked,
587
+ .mcoda-agent-setup__state-chip--expired {
588
+ background: var(--mcoda-rose-soft);
589
+ border-color: #fecdd3;
590
+ color: #be123c;
591
+ }
592
+
593
+ .mcoda-agent-setup__state-chip--succeeded {
594
+ background: var(--mcoda-emerald-soft);
595
+ border-color: #a7f3d0;
596
+ color: #047857;
597
+ }
598
+
599
+ .mcoda-agent-setup__gpu-ops-grid {
600
+ display: grid;
601
+ gap: 14px;
602
+ grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.75fr);
603
+ margin-top: 16px;
604
+ }
605
+
606
+ .mcoda-agent-setup__gpu-ops-panel {
607
+ border: 1px solid var(--mcoda-border);
608
+ border-radius: 8px;
609
+ min-width: 0;
610
+ overflow: hidden;
611
+ }
612
+
613
+ .mcoda-agent-setup__gpu-ops-panel h3 {
614
+ background: #f8fafc;
615
+ border-bottom: 1px solid var(--mcoda-border);
616
+ color: var(--mcoda-text);
617
+ font-size: 13px;
618
+ font-weight: 800;
619
+ margin: 0;
620
+ padding: 10px 12px;
621
+ }
622
+
623
+ .mcoda-agent-setup__gpu-table-wrap {
624
+ overflow-x: auto;
625
+ }
626
+
627
+ .mcoda-agent-setup__gpu-table {
628
+ border-collapse: collapse;
629
+ min-width: 760px;
630
+ width: 100%;
631
+ }
632
+
633
+ .mcoda-agent-setup__gpu-table th {
634
+ color: var(--mcoda-faint);
635
+ font-size: 10px;
636
+ font-weight: 800;
637
+ letter-spacing: 0;
638
+ padding: 10px 12px;
639
+ text-align: left;
640
+ text-transform: uppercase;
641
+ }
642
+
643
+ .mcoda-agent-setup__gpu-table td {
644
+ border-top: 1px solid #f1f5f9;
645
+ color: var(--mcoda-text);
646
+ font-size: 13px;
647
+ padding: 10px 12px;
648
+ vertical-align: middle;
649
+ }
650
+
651
+ .mcoda-agent-setup__gpu-job-cell {
652
+ min-width: 0;
653
+ }
654
+
655
+ .mcoda-agent-setup__gpu-job-cell strong,
656
+ .mcoda-agent-setup__gpu-job-cell small {
657
+ display: block;
658
+ max-width: 260px;
659
+ overflow: hidden;
660
+ text-overflow: ellipsis;
661
+ white-space: nowrap;
662
+ }
663
+
664
+ .mcoda-agent-setup__gpu-job-cell small {
665
+ color: var(--mcoda-muted);
666
+ font-size: 11px;
667
+ margin-top: 3px;
668
+ }
669
+
670
+ .mcoda-agent-setup__gpu-actions {
671
+ display: flex;
672
+ flex-wrap: wrap;
673
+ gap: 8px;
674
+ }
675
+
676
+ .mcoda-agent-setup__gpu-actions .mcoda-agent-setup__button {
677
+ min-height: 32px;
678
+ padding: 0 10px;
679
+ }
680
+
681
+ .mcoda-agent-setup__audit-list {
682
+ display: grid;
683
+ gap: 0;
684
+ list-style: none;
685
+ margin: 0;
686
+ padding: 0;
687
+ }
688
+
689
+ .mcoda-agent-setup__audit-list li {
690
+ border-top: 1px solid #f1f5f9;
691
+ display: grid;
692
+ gap: 3px;
693
+ padding: 10px 12px;
694
+ }
695
+
696
+ .mcoda-agent-setup__audit-list li:first-child {
697
+ border-top: 0;
698
+ }
699
+
700
+ .mcoda-agent-setup__audit-list strong {
701
+ color: var(--mcoda-text);
702
+ font-size: 12px;
703
+ }
704
+
705
+ .mcoda-agent-setup__audit-list span,
706
+ .mcoda-agent-setup__gpu-empty {
707
+ color: var(--mcoda-muted);
708
+ font-size: 12px;
709
+ }
710
+
711
+ .mcoda-agent-setup__gpu-empty {
712
+ margin: 0;
713
+ padding: 14px 12px;
714
+ }
715
+
552
716
  .mcoda-agent-setup__empty-state {
553
717
  color: var(--mcoda-muted);
554
718
  font-size: 14px;
@@ -565,6 +729,10 @@
565
729
  .mcoda-agent-setup__metric-grid {
566
730
  grid-template-columns: repeat(2, minmax(0, 1fr));
567
731
  }
732
+
733
+ .mcoda-agent-setup__gpu-ops-grid {
734
+ grid-template-columns: 1fr;
735
+ }
568
736
  }
569
737
 
570
738
  @media (max-width: 720px) {