@kage-core/kage-graph-mcp 1.1.25 → 1.1.27

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/viewer/styles.css CHANGED
@@ -186,11 +186,12 @@ h2 { color: var(--terminal); font-size: 13px; letter-spacing: 0.04em; text-trans
186
186
  .layout {
187
187
  display: grid;
188
188
  grid-template-columns: minmax(0, 1fr) 380px;
189
- grid-template-rows: minmax(680px, calc(100vh - 108px)) auto minmax(220px, 30vh) minmax(270px, 34vh);
189
+ grid-template-rows: minmax(680px, calc(100vh - 108px)) auto minmax(220px, 30vh) minmax(260px, 32vh) minmax(270px, 34vh);
190
190
  grid-template-areas:
191
191
  "graph details"
192
192
  "controls details"
193
193
  "review proof"
194
+ "intelligence intelligence"
194
195
  "entities edges";
195
196
  gap: 12px;
196
197
  padding: 12px;
@@ -199,7 +200,7 @@ h2 { color: var(--terminal); font-size: 13px; letter-spacing: 0.04em; text-trans
199
200
 
200
201
  .layout > * { min-width: 0; }
201
202
 
202
- .control-panel, .graph-panel, .details-panel, .table-panel, .review-panel, .proof-panel {
203
+ .control-panel, .graph-panel, .details-panel, .table-panel, .review-panel, .proof-panel, .intelligence-panel {
203
204
  border: 1px solid var(--line);
204
205
  border-radius: 6px;
205
206
  background: rgba(8, 17, 13, 0.94);
@@ -589,14 +590,178 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
589
590
  .edges-panel { grid-area: edges; }
590
591
  .review-panel { grid-area: review; }
591
592
  .proof-panel { grid-area: proof; }
593
+ .intelligence-panel { grid-area: intelligence; }
592
594
  .table-panel { min-height: 0; overflow: hidden; }
593
- .review-panel, .proof-panel { min-height: 0; overflow: hidden; }
595
+ .review-panel, .proof-panel, .intelligence-panel { min-height: 0; overflow: hidden; }
594
596
  .list { height: calc(100% - 48px); overflow: auto; padding: 0 8px 10px; }
595
597
  .review-list, .proof-list {
596
598
  height: calc(100% - 48px);
597
599
  overflow: auto;
598
600
  padding: 0 10px 12px;
599
601
  }
602
+ .intelligence-list {
603
+ height: calc(100% - 48px);
604
+ overflow: auto;
605
+ padding: 0 10px 12px;
606
+ display: grid;
607
+ grid-template-columns: repeat(4, minmax(0, 1fr));
608
+ gap: 8px;
609
+ align-content: start;
610
+ }
611
+ .intel-deep-grid {
612
+ grid-column: 1 / -1;
613
+ display: grid;
614
+ grid-template-columns: repeat(3, minmax(0, 1fr));
615
+ gap: 8px;
616
+ }
617
+ .intel-card {
618
+ min-height: 160px;
619
+ padding: 11px;
620
+ border: 1px solid var(--line);
621
+ border-radius: 4px;
622
+ background: #06100b;
623
+ overflow: hidden;
624
+ }
625
+ .intel-card h3 {
626
+ margin: 0;
627
+ color: var(--terminal);
628
+ font-size: 12px;
629
+ letter-spacing: 0;
630
+ overflow-wrap: anywhere;
631
+ }
632
+ .intel-card .intel-kicker {
633
+ margin-top: 4px;
634
+ color: var(--terminal-dim);
635
+ font-size: 10px;
636
+ font-weight: 760;
637
+ text-transform: uppercase;
638
+ }
639
+ .intel-card .intel-summary {
640
+ margin-top: 8px;
641
+ color: var(--text);
642
+ font-size: 11px;
643
+ overflow-wrap: anywhere;
644
+ }
645
+ .intel-card ul {
646
+ margin: 9px 0 0;
647
+ padding: 0;
648
+ list-style: none;
649
+ }
650
+ .intel-card li {
651
+ padding-top: 6px;
652
+ color: var(--muted);
653
+ font-size: 11px;
654
+ overflow-wrap: anywhere;
655
+ }
656
+ .intel-card strong { color: var(--terminal-strong); }
657
+ .intel-section {
658
+ min-height: 230px;
659
+ padding: 11px;
660
+ border: 1px solid rgba(65, 255, 143, 0.24);
661
+ border-radius: 4px;
662
+ background: linear-gradient(180deg, rgba(13, 25, 19, 0.96), rgba(5, 11, 8, 0.96));
663
+ overflow: hidden;
664
+ }
665
+ .intel-section-header {
666
+ display: flex;
667
+ align-items: flex-start;
668
+ justify-content: space-between;
669
+ gap: 10px;
670
+ }
671
+ .intel-section-header h3 {
672
+ margin: 0;
673
+ color: var(--terminal);
674
+ font-size: 12px;
675
+ letter-spacing: 0;
676
+ }
677
+ .intel-section-header span {
678
+ display: block;
679
+ margin-top: 3px;
680
+ color: var(--terminal-dim);
681
+ font-size: 10px;
682
+ font-weight: 760;
683
+ text-transform: uppercase;
684
+ }
685
+ .intel-section-header strong {
686
+ flex: 0 0 auto;
687
+ color: var(--terminal-strong);
688
+ font-size: 11px;
689
+ }
690
+ .intel-section-summary {
691
+ margin: 8px 0 10px;
692
+ color: var(--muted);
693
+ font-size: 11px;
694
+ overflow-wrap: anywhere;
695
+ }
696
+ .intel-section-list {
697
+ display: grid;
698
+ gap: 7px;
699
+ }
700
+ .intel-row {
701
+ width: 100%;
702
+ display: grid;
703
+ grid-template-columns: minmax(0, 1fr);
704
+ gap: 5px;
705
+ min-height: 0;
706
+ padding: 8px;
707
+ border-color: var(--line);
708
+ background: rgba(3, 6, 4, 0.55);
709
+ color: var(--text);
710
+ text-align: left;
711
+ white-space: normal;
712
+ box-shadow: none;
713
+ cursor: default;
714
+ }
715
+ .intel-row.clickable { cursor: pointer; }
716
+ .intel-row.clickable:hover {
717
+ border-color: var(--terminal-strong);
718
+ background: rgba(65, 255, 143, 0.075);
719
+ }
720
+ .intel-row-main {
721
+ display: flex;
722
+ align-items: baseline;
723
+ justify-content: space-between;
724
+ gap: 8px;
725
+ min-width: 0;
726
+ }
727
+ .intel-row-main strong {
728
+ min-width: 0;
729
+ color: var(--text);
730
+ font-size: 11px;
731
+ overflow: hidden;
732
+ text-overflow: ellipsis;
733
+ white-space: nowrap;
734
+ }
735
+ .intel-row-main em {
736
+ flex: 0 0 auto;
737
+ color: var(--terminal-strong);
738
+ font-size: 10px;
739
+ font-style: normal;
740
+ }
741
+ .intel-row-meta {
742
+ color: var(--terminal-dim);
743
+ font-size: 10px;
744
+ overflow: hidden;
745
+ text-overflow: ellipsis;
746
+ white-space: nowrap;
747
+ }
748
+ .intel-row-bar {
749
+ display: block;
750
+ height: 4px;
751
+ overflow: hidden;
752
+ border-radius: 999px;
753
+ background: rgba(65, 255, 143, 0.10);
754
+ }
755
+ .intel-row-bar i {
756
+ display: block;
757
+ height: 100%;
758
+ border-radius: inherit;
759
+ background: var(--terminal-strong);
760
+ }
761
+ .intel-row-warn .intel-row-main em,
762
+ .intel-row-warn .intel-row-bar i { color: var(--warn); background: var(--warn); }
763
+ .intel-row-danger .intel-row-main em,
764
+ .intel-row-danger .intel-row-bar i { color: var(--danger); background: var(--danger); }
600
765
  .review-item {
601
766
  padding: 10px 0;
602
767
  border-top: 1px solid var(--line);
@@ -753,13 +918,14 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
753
918
  .status-pill { min-height: 24px; padding: 3px 8px; }
754
919
  .layout {
755
920
  grid-template-columns: 1fr;
756
- grid-template-rows: minmax(620px, 78vh) auto auto minmax(220px, 36vh) minmax(220px, 36vh) minmax(220px, 36vh) minmax(220px, 36vh);
921
+ grid-template-rows: minmax(620px, 78vh) auto auto minmax(220px, 36vh) minmax(220px, 36vh) minmax(220px, 36vh) minmax(220px, 36vh) minmax(220px, 36vh);
757
922
  grid-template-areas:
758
923
  "graph"
759
924
  "controls"
760
925
  "details"
761
926
  "review"
762
927
  "proof"
928
+ "intelligence"
763
929
  "entities"
764
930
  "edges";
765
931
  }
@@ -769,6 +935,8 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
769
935
  .control-panel label, .control-panel button { margin-top: 0; }
770
936
  .graph-panel { min-height: 620px; }
771
937
  #graphCanvas, .three-graph, .graph-canvas-wrap, #graphSvg { min-height: 560px; }
938
+ .intelligence-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
939
+ .intel-deep-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
772
940
  .details-panel {
773
941
  height: auto;
774
942
  max-height: 70vh;
@@ -782,6 +950,8 @@ input:focus, select:focus, button:focus, .file-picker:focus-within {
782
950
  .control-panel { grid-template-columns: 1fr; }
783
951
  .metrics-grid { grid-template-columns: 1fr 1fr; }
784
952
  .proof-list { grid-template-columns: 1fr 1fr; }
953
+ .intelligence-list { grid-template-columns: 1fr; }
954
+ .intel-deep-grid { grid-template-columns: 1fr; }
785
955
  .graph-toolbar { align-items: flex-start; flex-direction: column; }
786
956
  .graph-actions { width: 100%; }
787
957
  .interaction-hint { flex: 1; white-space: normal; }