@tangle-network/sandbox-cli 0.21.27 → 0.21.28
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/graph-viewer/{Analytics-DocMpB6T.js → Analytics-DFWW8Phh.js} +260 -275
- package/dist/graph-viewer/Checks-qgqV4xgV.js +155 -0
- package/dist/graph-viewer/{Conversations-CISiWrR9.js → Conversations-CGB45kpj.js} +112 -80
- package/dist/graph-viewer/{Files-Dh8p_Fpw.js → Files-DtZhf0ii.js} +121 -106
- package/dist/graph-viewer/LiveRun-C21wUKAY.js +210 -0
- package/dist/graph-viewer/Overview-BjeLsA2I.js +506 -0
- package/dist/graph-viewer/{RunPage-nJwCsArn.js → RunPage-CkkcBEUe.js} +22 -22
- package/dist/graph-viewer/{Timeline-bPjhV3il.js → Timeline-C2Xolk0t.js} +84 -84
- package/dist/graph-viewer/{Today-pebCsPJ1.js → Today-BVVDtSVN.js} +65 -58
- package/dist/graph-viewer/Topology-DO5XX8e4.js +545 -0
- package/dist/graph-viewer/{Traces-C5x2UvJh.js → Traces-BhMxjNgw.js} +79 -52
- package/dist/graph-viewer/{WallPages-DSmRm2v3.js → WallPages-4d9QUZDq.js} +3 -3
- package/dist/graph-viewer/index.js +103 -102
- package/dist/graph-viewer/{lazy-pages-CpmkG5o2.js → lazy-pages-DM0cZM10.js} +4 -4
- package/dist/graph-viewer/{record-part-Cx9GDQeo.js → record-part-CZal_IMH.js} +382 -352
- package/dist/graph-viewer/report-viewer.js +7 -7
- package/dist/graph-viewer/styles.css +596 -284
- package/dist/graph-viewer/{ui-CEhDqce8.js → ui-D8QZRsC3.js} +143 -111
- package/dist/graph-viewer/viewer/{AgentGraphCanvas-D7jjAE6i-DecKyUGA.js → AgentGraphCanvas-CMdOlSlh-4EervjeC.js} +54 -48
- package/dist/graph-viewer/viewer/{Analytics-CtKucZjs.js → Analytics-DD__nbLm.js} +203 -218
- package/dist/graph-viewer/viewer/{AnswerStrip-DsI9aF-i.js → AnswerStrip-CGUyXuYH.js} +2 -2
- package/dist/graph-viewer/viewer/Checks-Ds5M7eAW.js +156 -0
- package/dist/graph-viewer/viewer/{Conversations-DQBCyko6.js → Conversations-C1n0EBBd.js} +124 -92
- package/dist/graph-viewer/viewer/{Files-B-g25gSO.js → Files-Cjr7NMU_.js} +63 -48
- package/dist/graph-viewer/viewer/{LiveRun-BMQnTpTZ.js → LiveRun-uPTkPSjo.js} +1223 -1164
- package/dist/graph-viewer/viewer/{Outputs-DXnN1wEQ.js → Outputs-CumGyjQo.js} +6 -6
- package/dist/graph-viewer/viewer/Overview-4Umk14_2.js +507 -0
- package/dist/graph-viewer/viewer/{RunPage-ChipoSdO.js → RunPage-DZlBW7Va.js} +28 -28
- package/dist/graph-viewer/viewer/{Scores-CjriXjf_.js → Scores-ZS16yk0n.js} +3 -3
- package/dist/graph-viewer/viewer/{Timeline-DzEzobA0.js → Timeline-BnK6-yBR.js} +24 -24
- package/dist/graph-viewer/viewer/{Today-DLHe_wTA.js → Today-a_-oNigi.js} +69 -62
- package/dist/graph-viewer/viewer/Topology-CQPCLQT6.js +546 -0
- package/dist/graph-viewer/viewer/{Traces-BWBulSPE.js → Traces-C0IGk0L4.js} +75 -48
- package/dist/graph-viewer/viewer/{WallPages-Crj-qPoK.js → WallPages-CzWpyIfp.js} +8 -8
- package/dist/graph-viewer/viewer/{WorkflowGraph-DYsP_Kcg-C0O7M5iH.js → WorkflowGraph-DZ3xejKE-jRXKeSrg.js} +6 -6
- package/dist/graph-viewer/viewer/{agent-timeline-C-UIhXgu.js → agent-timeline-Cs9Qbpvo.js} +437 -425
- package/dist/graph-viewer/viewer/{bot-Bivadvxn.js → bot-D6Nrej7Z.js} +1 -1
- package/dist/graph-viewer/viewer/{chevron-right-WW7tFY6B.js → chevron-right-D_5IKLxu.js} +1 -1
- package/dist/graph-viewer/viewer/{createLucideIcon-Z6KTw8ff.js → createLucideIcon-yH0cxLMy.js} +1 -1
- package/dist/graph-viewer/viewer/{data-azhapQrS.js → data-CkWfWr7i.js} +1 -1
- package/dist/graph-viewer/viewer/{dist-CyOc-K4O.js → dist-C1-7EfoW.js} +3 -3
- package/dist/graph-viewer/viewer/{file-text-B34N7Soo.js → file-text-m7a3piQF.js} +1 -1
- package/dist/graph-viewer/viewer/{final-output-Db2D9cMT.js → final-output-kwY11u9X.js} +1 -1
- package/dist/graph-viewer/viewer/{highlights-Bgg6O5ub.js → highlights-Btsi5OXl.js} +2 -2
- package/dist/graph-viewer/viewer/{jsx-runtime-BSzbUOFc.js → jsx-runtime-DQWyJOhv.js} +1 -1
- package/dist/graph-viewer/viewer/{lazy-pages-fgtpXQ00.js → lazy-pages-BowaGsg-.js} +6 -6
- package/dist/graph-viewer/viewer/{markdown-BpJEJUTW.js → markdown-CX_sVrXB.js} +17 -17
- package/dist/graph-viewer/viewer/{model-brand-bTcMjQtB-C9bHPsPk.js → model-brand-bTcMjQtB-fagiBQam.js} +3 -3
- package/dist/graph-viewer/viewer/{page-header-C6YCPkzJ.js → page-header-Brq611fd.js} +3 -3
- package/dist/graph-viewer/viewer/{popover-DrLB9iar.js → popover-CvOAjlnk.js} +4 -4
- package/dist/graph-viewer/viewer/{react-CisnW4fB.js → react-CY3IbSNO.js} +24 -24
- package/dist/graph-viewer/viewer/{react-dom-C5NDYQCD.js → react-dom-t1L4_-il.js} +1 -1
- package/dist/graph-viewer/viewer/{record-part-d0gKKrMI.js → record-part-D3_Anfpe.js} +455 -425
- package/dist/graph-viewer/viewer/{segmented-control-ChhLMa6h.js → segmented-control-BaJmvTNd.js} +39 -39
- package/dist/graph-viewer/viewer/{shiki-BwlTRTY6.js → shiki-Qnby7Sh6.js} +2 -2
- package/dist/graph-viewer/viewer/{stream-tokenizer-CaVb21TO.js → stream-tokenizer-CWtnjmRd.js} +1 -1
- package/dist/graph-viewer/viewer/{terminal-BxRacTx0.js → terminal-83J_I4Ne.js} +1 -1
- package/dist/graph-viewer/viewer/{themes-BxrCCwH5.js → themes-1i1fzpRk.js} +1 -1
- package/dist/graph-viewer/viewer/{ui-DZiGjPwl.js → ui-C9b1rIUH.js} +222 -190
- package/dist/graph-viewer/viewer/{workspace-DalRxssx.js → workspace-CekmOBs3.js} +76 -76
- package/dist/graph-viewer/viewer/{x-B_F8B4lq.js → x-DOc2URqZ.js} +1 -1
- package/dist/graph-viewer/workspace-viewer.js +103 -102
- package/package.json +5 -5
- package/dist/graph-viewer/Checks-CbnY4tuh.js +0 -113
- package/dist/graph-viewer/LiveRun-C-yKwkKs.js +0 -190
- package/dist/graph-viewer/Overview-BaXPdCFC.js +0 -477
- package/dist/graph-viewer/Topology-CyhuK6XW.js +0 -550
- package/dist/graph-viewer/viewer/Checks-DZTgeYlV.js +0 -114
- package/dist/graph-viewer/viewer/Overview-u7-8-rGx.js +0 -478
- package/dist/graph-viewer/viewer/Topology-Dsmuu27J.js +0 -551
|
@@ -79,7 +79,6 @@
|
|
|
79
79
|
--radius-xl: 12px;
|
|
80
80
|
--radius-2xl: 1rem;
|
|
81
81
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
82
|
-
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
83
82
|
--animate-spin: spin 1s linear infinite;
|
|
84
83
|
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
|
85
84
|
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
@@ -4491,10 +4490,6 @@
|
|
|
4491
4490
|
--tw-duration: var(--transition-fast);
|
|
4492
4491
|
transition-duration: var(--transition-fast);
|
|
4493
4492
|
}
|
|
4494
|
-
.ease-in-out {
|
|
4495
|
-
--tw-ease: var(--ease-in-out);
|
|
4496
|
-
transition-timing-function: var(--ease-in-out);
|
|
4497
|
-
}
|
|
4498
4493
|
.ease-out {
|
|
4499
4494
|
--tw-ease: var(--ease-out);
|
|
4500
4495
|
transition-timing-function: var(--ease-out);
|
|
@@ -5399,15 +5394,25 @@
|
|
|
5399
5394
|
.has-\[\:is\(textarea\,select\,\[contenteditable\]\:not\(\[contenteditable\=false\]\)\,input\:not\(\[type\=button\]\,\[type\=submit\]\,\[type\=reset\]\,\[type\=image\]\,\[type\=checkbox\]\,\[type\=radio\]\,\[type\=range\]\,\[type\=color\]\,\[type\=file\]\)\)\:focus\]\:ring-\[var\(--focus-halo\)\]:has(:is(:is(textarea, select, [contenteditable]:not([contenteditable=false]), input:not([type=button], [type=submit], [type=reset], [type=image], [type=checkbox], [type=radio], [type=range], [type=color], [type=file])):focus)) {
|
|
5400
5395
|
--tw-ring-color: var(--focus-halo);
|
|
5401
5396
|
}
|
|
5397
|
+
.aria-checked\:border-border[aria-checked="true"] {
|
|
5398
|
+
border-color: hsl(var(--border));
|
|
5399
|
+
}
|
|
5402
5400
|
.aria-checked\:bg-\[hsl\(var\(--hsl-ring\)\/0\.07\)\][aria-checked="true"] {
|
|
5403
5401
|
background-color: hsl(var(--hsl-ring)/0.07);
|
|
5404
5402
|
}
|
|
5405
5403
|
.aria-checked\:bg-\[var\(--ix-sel-bg\)\][aria-checked="true"] {
|
|
5406
5404
|
background-color: var(--ix-sel-bg);
|
|
5407
5405
|
}
|
|
5406
|
+
.aria-checked\:bg-card[aria-checked="true"] {
|
|
5407
|
+
background-color: hsl(var(--card));
|
|
5408
|
+
}
|
|
5408
5409
|
.aria-checked\:text-\[var\(--accent-text\)\][aria-checked="true"] {
|
|
5409
5410
|
color: var(--accent-text);
|
|
5410
5411
|
}
|
|
5412
|
+
.aria-checked\:shadow-\[0_1px_2px_rgb\(0_0_0\/0\.08\)\][aria-checked="true"] {
|
|
5413
|
+
--tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(0 0 0/0.08));
|
|
5414
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5415
|
+
}
|
|
5411
5416
|
.aria-checked\:shadow-\[inset_0_-2px_0_var\(--ix-sel-ring\)\][aria-checked="true"] {
|
|
5412
5417
|
--tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, var(--ix-sel-ring));
|
|
5413
5418
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
@@ -5416,6 +5421,11 @@
|
|
|
5416
5421
|
--tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ix-sel-ring));
|
|
5417
5422
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
5418
5423
|
}
|
|
5424
|
+
@media (hover: hover) {
|
|
5425
|
+
.hover\:aria-checked\:bg-card:hover[aria-checked="true"] {
|
|
5426
|
+
background-color: hsl(var(--card));
|
|
5427
|
+
}
|
|
5428
|
+
}
|
|
5419
5429
|
.aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
|
|
5420
5430
|
cursor: not-allowed;
|
|
5421
5431
|
}
|
|
@@ -8702,6 +8712,248 @@
|
|
|
8702
8712
|
.tangle-prose th:not(:first-child), .tangle-prose td:not(:first-child) {
|
|
8703
8713
|
border-left: 1px solid var(--border-subtle);
|
|
8704
8714
|
}
|
|
8715
|
+
.ag-live {
|
|
8716
|
+
--ag-fg: hsl(var(--foreground));
|
|
8717
|
+
--ag-muted: hsl(var(--muted-foreground));
|
|
8718
|
+
--ag-surface: hsl(var(--card));
|
|
8719
|
+
--ag-border: hsl(var(--border));
|
|
8720
|
+
}
|
|
8721
|
+
.ag-live .ag-live-card {
|
|
8722
|
+
position: relative;
|
|
8723
|
+
display: flex;
|
|
8724
|
+
flex-direction: column;
|
|
8725
|
+
gap: 8px;
|
|
8726
|
+
width: 100%;
|
|
8727
|
+
height: 100%;
|
|
8728
|
+
padding: 12px;
|
|
8729
|
+
border: 1px solid var(--ag-border);
|
|
8730
|
+
border-radius: 14px;
|
|
8731
|
+
background: var(--ag-surface);
|
|
8732
|
+
color: var(--ag-fg);
|
|
8733
|
+
cursor: pointer;
|
|
8734
|
+
overflow: hidden;
|
|
8735
|
+
animation: ag-live-grow 420ms cubic-bezier(.2,.8,.2,1) both;
|
|
8736
|
+
transform-origin: 50% 0;
|
|
8737
|
+
transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms cubic-bezier(.2,.8,.2,1);
|
|
8738
|
+
}
|
|
8739
|
+
.ag-live .ag-live-card:hover {
|
|
8740
|
+
transform: translateY(-1px);
|
|
8741
|
+
}
|
|
8742
|
+
.ag-live .ag-live-card[data-status="running"]::before {
|
|
8743
|
+
content: "";
|
|
8744
|
+
position: absolute;
|
|
8745
|
+
inset: 0 0 auto;
|
|
8746
|
+
height: 2px;
|
|
8747
|
+
background: linear-gradient(90deg, transparent, var(--ag-status), transparent);
|
|
8748
|
+
background-size: 40% 100%;
|
|
8749
|
+
background-repeat: no-repeat;
|
|
8750
|
+
animation: ag-live-sheen 2.4s ease-in-out infinite;
|
|
8751
|
+
}
|
|
8752
|
+
.ag-live .ag-live-head {
|
|
8753
|
+
display: flex;
|
|
8754
|
+
align-items: center;
|
|
8755
|
+
gap: 8px;
|
|
8756
|
+
min-width: 0;
|
|
8757
|
+
}
|
|
8758
|
+
.ag-live .ag-live-names {
|
|
8759
|
+
display: flex;
|
|
8760
|
+
flex-direction: column;
|
|
8761
|
+
min-width: 0;
|
|
8762
|
+
flex: 1;
|
|
8763
|
+
}
|
|
8764
|
+
.ag-live .ag-live-name {
|
|
8765
|
+
font-size: 14px;
|
|
8766
|
+
line-height: 18px;
|
|
8767
|
+
font-weight: 600;
|
|
8768
|
+
letter-spacing: -.01em;
|
|
8769
|
+
white-space: nowrap;
|
|
8770
|
+
overflow: hidden;
|
|
8771
|
+
text-overflow: ellipsis;
|
|
8772
|
+
}
|
|
8773
|
+
.ag-live .ag-live-meta, .ag-live .ag-live-stats {
|
|
8774
|
+
font-size: 11px;
|
|
8775
|
+
line-height: 14px;
|
|
8776
|
+
color: var(--ag-muted);
|
|
8777
|
+
white-space: nowrap;
|
|
8778
|
+
overflow: hidden;
|
|
8779
|
+
text-overflow: ellipsis;
|
|
8780
|
+
}
|
|
8781
|
+
.ag-live .ag-live-stats {
|
|
8782
|
+
display: flex;
|
|
8783
|
+
flex-direction: column;
|
|
8784
|
+
align-items: flex-end;
|
|
8785
|
+
gap: 2px;
|
|
8786
|
+
font-variant-numeric: tabular-nums;
|
|
8787
|
+
flex: none;
|
|
8788
|
+
}
|
|
8789
|
+
.ag-live .ag-live-pill {
|
|
8790
|
+
display: inline-flex;
|
|
8791
|
+
align-items: center;
|
|
8792
|
+
gap: 4px;
|
|
8793
|
+
height: 16px;
|
|
8794
|
+
padding: 0 6px;
|
|
8795
|
+
border-radius: 8px;
|
|
8796
|
+
font-weight: 600;
|
|
8797
|
+
color: var(--ag-status);
|
|
8798
|
+
background: var(--ag-status);
|
|
8799
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
8800
|
+
background: color-mix(in oklab, var(--ag-status) 14%, transparent);
|
|
8801
|
+
}
|
|
8802
|
+
}
|
|
8803
|
+
.ag-live .ag-live-dot {
|
|
8804
|
+
width: 6px;
|
|
8805
|
+
height: 6px;
|
|
8806
|
+
border-radius: 50%;
|
|
8807
|
+
background: var(--ag-status);
|
|
8808
|
+
}
|
|
8809
|
+
.ag-live [data-status="running"] .ag-live-dot {
|
|
8810
|
+
animation: ag-live-breathe 1.6s ease-in-out infinite;
|
|
8811
|
+
}
|
|
8812
|
+
.ag-live .ag-live-thinking {
|
|
8813
|
+
flex: none;
|
|
8814
|
+
margin: 0;
|
|
8815
|
+
font-size: 13px;
|
|
8816
|
+
line-height: 17px;
|
|
8817
|
+
display: -webkit-box;
|
|
8818
|
+
-webkit-line-clamp: 2;
|
|
8819
|
+
-webkit-box-orient: vertical;
|
|
8820
|
+
overflow: hidden;
|
|
8821
|
+
animation: ag-live-in 260ms ease-out both;
|
|
8822
|
+
}
|
|
8823
|
+
.ag-live .ag-live-quiet {
|
|
8824
|
+
color: var(--ag-muted);
|
|
8825
|
+
}
|
|
8826
|
+
.ag-live .ag-live-failure {
|
|
8827
|
+
color: var(--ag-status);
|
|
8828
|
+
}
|
|
8829
|
+
.ag-live .ag-live-events {
|
|
8830
|
+
margin: auto 0 0;
|
|
8831
|
+
padding: 0;
|
|
8832
|
+
list-style: none;
|
|
8833
|
+
display: flex;
|
|
8834
|
+
flex-direction: column;
|
|
8835
|
+
}
|
|
8836
|
+
.ag-live .ag-live-events li {
|
|
8837
|
+
display: flex;
|
|
8838
|
+
align-items: center;
|
|
8839
|
+
gap: 6px;
|
|
8840
|
+
height: 16px;
|
|
8841
|
+
font: 11px/16px var(--font-mono, ui-monospace, monospace);
|
|
8842
|
+
color: var(--ag-muted);
|
|
8843
|
+
animation: ag-live-in 260ms cubic-bezier(.2,.8,.2,1) both;
|
|
8844
|
+
}
|
|
8845
|
+
.ag-live .ag-live-events li svg {
|
|
8846
|
+
flex: none;
|
|
8847
|
+
opacity: .8;
|
|
8848
|
+
}
|
|
8849
|
+
.ag-live .ag-live-events li:nth-last-child(3) {
|
|
8850
|
+
opacity: .55;
|
|
8851
|
+
}
|
|
8852
|
+
.ag-live .ag-live-events li:nth-last-child(2) {
|
|
8853
|
+
opacity: .8;
|
|
8854
|
+
}
|
|
8855
|
+
.ag-live .ag-live-events li:last-child {
|
|
8856
|
+
color: var(--ag-fg);
|
|
8857
|
+
animation: ag-live-in 260ms cubic-bezier(.2,.8,.2,1) both, ag-live-flash 1.2s ease-out both;
|
|
8858
|
+
}
|
|
8859
|
+
.ag-live .ag-live-event-label {
|
|
8860
|
+
flex: 1;
|
|
8861
|
+
min-width: 0;
|
|
8862
|
+
white-space: nowrap;
|
|
8863
|
+
overflow: hidden;
|
|
8864
|
+
text-overflow: ellipsis;
|
|
8865
|
+
}
|
|
8866
|
+
.ag-live .ag-live-event-at {
|
|
8867
|
+
flex: none;
|
|
8868
|
+
font-family: inherit;
|
|
8869
|
+
color: var(--ag-muted);
|
|
8870
|
+
font-variant-numeric: tabular-nums;
|
|
8871
|
+
}
|
|
8872
|
+
.ag-live .ag-live-slot {
|
|
8873
|
+
display: flex;
|
|
8874
|
+
align-items: center;
|
|
8875
|
+
justify-content: center;
|
|
8876
|
+
width: 100%;
|
|
8877
|
+
height: 100%;
|
|
8878
|
+
}
|
|
8879
|
+
.ag-live .ag-live-chip {
|
|
8880
|
+
display: inline-flex;
|
|
8881
|
+
align-items: center;
|
|
8882
|
+
gap: 8px;
|
|
8883
|
+
max-width: 100%;
|
|
8884
|
+
height: 32px;
|
|
8885
|
+
padding: 0 12px;
|
|
8886
|
+
border: 1px solid var(--ag-border);
|
|
8887
|
+
border-radius: 16px;
|
|
8888
|
+
background: var(--ag-surface);
|
|
8889
|
+
color: var(--ag-muted);
|
|
8890
|
+
font-size: 12px;
|
|
8891
|
+
cursor: pointer;
|
|
8892
|
+
animation: ag-live-settle 320ms cubic-bezier(.2,.8,.2,1) both;
|
|
8893
|
+
}
|
|
8894
|
+
.ag-live .ag-live-chip-name {
|
|
8895
|
+
color: var(--ag-fg);
|
|
8896
|
+
font-weight: 600;
|
|
8897
|
+
white-space: nowrap;
|
|
8898
|
+
overflow: hidden;
|
|
8899
|
+
text-overflow: ellipsis;
|
|
8900
|
+
}
|
|
8901
|
+
.ag-live .ag-live-chip-result {
|
|
8902
|
+
color: var(--ag-fg);
|
|
8903
|
+
font-weight: 500;
|
|
8904
|
+
line-height: 16px;
|
|
8905
|
+
white-space: nowrap;
|
|
8906
|
+
overflow: hidden;
|
|
8907
|
+
text-overflow: ellipsis;
|
|
8908
|
+
}
|
|
8909
|
+
@keyframes ag-live-sheen {
|
|
8910
|
+
from {
|
|
8911
|
+
background-position: -40% 0;
|
|
8912
|
+
}
|
|
8913
|
+
to {
|
|
8914
|
+
background-position: 140% 0;
|
|
8915
|
+
}
|
|
8916
|
+
}
|
|
8917
|
+
@keyframes ag-live-breathe {
|
|
8918
|
+
50% {
|
|
8919
|
+
opacity: .35;
|
|
8920
|
+
transform: scale(.8);
|
|
8921
|
+
}
|
|
8922
|
+
}
|
|
8923
|
+
@keyframes ag-live-flash {
|
|
8924
|
+
from {
|
|
8925
|
+
background: color-mix(in oklab, var(--ag-status) 16%, transparent);
|
|
8926
|
+
}
|
|
8927
|
+
to {
|
|
8928
|
+
background: transparent;
|
|
8929
|
+
}
|
|
8930
|
+
}
|
|
8931
|
+
@keyframes ag-live-grow {
|
|
8932
|
+
from {
|
|
8933
|
+
opacity: 0;
|
|
8934
|
+
transform: scale(.92) translateY(-8px);
|
|
8935
|
+
}
|
|
8936
|
+
}
|
|
8937
|
+
@keyframes ag-live-in {
|
|
8938
|
+
from {
|
|
8939
|
+
opacity: 0;
|
|
8940
|
+
transform: translateY(6px);
|
|
8941
|
+
}
|
|
8942
|
+
}
|
|
8943
|
+
@keyframes ag-live-settle {
|
|
8944
|
+
from {
|
|
8945
|
+
opacity: 1;
|
|
8946
|
+
transform: scale(1.08);
|
|
8947
|
+
}
|
|
8948
|
+
}
|
|
8949
|
+
@media (prefers-reduced-motion: reduce) {
|
|
8950
|
+
.ag-live *, .ag-live *::before {
|
|
8951
|
+
animation: none !important;
|
|
8952
|
+
}
|
|
8953
|
+
.ag-live .ag-live-card:hover {
|
|
8954
|
+
transform: none;
|
|
8955
|
+
}
|
|
8956
|
+
}
|
|
8705
8957
|
@property --tw-translate-x {
|
|
8706
8958
|
syntax: "*";
|
|
8707
8959
|
inherits: false;
|
|
@@ -9125,31 +9377,31 @@
|
|
|
9125
9377
|
|
|
9126
9378
|
/* Shared live charts. Consumers may set --chart-live-* tokens on an ancestor. Sizes are px on the 12/14 type scale and a
|
|
9127
9379
|
4 px grid, so a host's font size never rescales them. */
|
|
9128
|
-
.ov-empty { margin: 0; color: var(--chart-live-faint, #777); font-size:
|
|
9380
|
+
.ov-empty { margin: 0; color: var(--chart-live-faint, #777); font-size: 14px; }
|
|
9129
9381
|
.ov-plot { position: relative; min-width: 0; }
|
|
9130
9382
|
.ov-plot svg { display: block; overflow: visible; }
|
|
9131
9383
|
line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%, transparent); stroke-width: 1; }
|
|
9132
9384
|
.ov-axis { fill: var(--chart-live-muted, #666); font: 12px/16px var(--chart-live-font-mono, monospace); font-variant-numeric: tabular-nums; }
|
|
9133
9385
|
.ov-crosshair { stroke: var(--chart-live-faint, #777); stroke-dasharray: 3 3; }
|
|
9134
|
-
.ov-tip { position: absolute; z-index: 4; display: grid; gap: 4px; min-width: 160px; max-width: 240px; padding: 8px 12px; background: var(--chart-live-raised, #fff); border: 1px solid var(--chart-live-border, #aaa); border-radius: 8px; box-shadow: 0 10px 24px -12px #000; font-size:
|
|
9386
|
+
.ov-tip { position: absolute; z-index: 4; display: grid; gap: 4px; min-width: 160px; max-width: 240px; padding: 8px 12px; background: var(--chart-live-raised, #fff); border: 1px solid var(--chart-live-border, #aaa); border-radius: 8px; box-shadow: 0 10px 24px -12px #000; font-size: 14px; line-height: 20px; pointer-events: none; }
|
|
9135
9387
|
.ov-tip-line { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; color: var(--chart-live-muted, #666); }
|
|
9136
9388
|
.ov-tip-line b { color: var(--chart-live-fg, #222); font-variant-numeric: tabular-nums; }
|
|
9137
9389
|
.ov-hbars { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, max-content) minmax(33%, 1fr) max-content; gap: 4px 12px; }
|
|
9138
9390
|
.ov-hbars li { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; }
|
|
9139
9391
|
.ov-hbars li > a, .ov-hbars li > div { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; row-gap: 0; align-items: center; padding: 4px; border-radius: 6px; color: inherit; text-decoration: none; }
|
|
9140
|
-
.ov-hbars-more { grid-column: 1 / -1; padding: 0 4px; font-size:
|
|
9392
|
+
.ov-hbars-more { grid-column: 1 / -1; padding: 0 4px; font-size: 14px; color: var(--chart-live-faint, #777); }
|
|
9141
9393
|
.ov-hbars li > a:hover, .ov-hbars li > div:hover { background: var(--chart-live-hover, #eee); text-decoration: none; }
|
|
9142
9394
|
.ov-hbar-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 20px; color: var(--chart-live-fg, #222); }
|
|
9143
9395
|
.ov-hbar-track { height: 8px; border-radius: 3px; background: color-mix(in srgb, var(--chart-live-faint, #777) 14%, transparent); overflow: hidden; }
|
|
9144
9396
|
.ov-hbar-track > span { display: block; height: 100%; border-radius: 3px; }
|
|
9145
9397
|
.ov-hbar-value { font: 12px/16px var(--chart-live-font-mono, monospace); font-variant-numeric: tabular-nums; text-align: right; color: var(--chart-live-fg, #222); }
|
|
9146
|
-
.ov-hbar-note { grid-column: 1 / -1; font-size:
|
|
9398
|
+
.ov-hbar-note { grid-column: 1 / -1; font-size: 14px; color: var(--chart-live-faint, #777); }
|
|
9147
9399
|
.ov-meter { display: grid; gap: 4px; min-width: 0; }
|
|
9148
9400
|
.ov-meter-track { display: block; height: 8px; border-radius: 3px; background: color-mix(in srgb, var(--chart-live-faint, #777) 14%, transparent); overflow: hidden; }
|
|
9149
9401
|
.ov-meter-track > span { display: block; height: 100%; border-radius: 3px; }
|
|
9150
9402
|
.ov-meter-text { font: 12px/16px var(--chart-live-font-mono, monospace); font-variant-numeric: tabular-nums; color: var(--chart-live-muted, #666); }
|
|
9151
9403
|
.ov-spark { display: block; width: 112px; height: 24px; }
|
|
9152
|
-
.ov-spark-empty { font-size:
|
|
9404
|
+
.ov-spark-empty { font-size: 14px; color: var(--chart-live-faint, #777); }
|
|
9153
9405
|
.ov-tip-line i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 4px; vertical-align: 0; }
|
|
9154
9406
|
/* Recorded events and spans. Colours come from Brand tokens; kinds also differ by stroke pattern and glyph. */
|
|
9155
9407
|
.ov-mark { stroke-width: 1.5; fill: none; }
|
|
@@ -9170,7 +9422,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9170
9422
|
.ov-verdict-fail .ov-mark-head { fill: var(--chart-live-danger, var(--chart-breach, var(--status-error))); }
|
|
9171
9423
|
.ov-verdict-unknown .ov-mark { stroke: var(--chart-live-faint, var(--chart-muted)); }
|
|
9172
9424
|
.ov-verdict-unknown .ov-mark-head { fill: var(--chart-live-faint, var(--chart-muted)); }
|
|
9173
|
-
.ov-mark-label { fill: var(--chart-live-fg, var(--chart-ink)); font-size:
|
|
9425
|
+
.ov-mark-label { fill: var(--chart-live-fg, var(--chart-ink)); font-size: 14px; paint-order: stroke; stroke: var(--chart-live-surface, var(--chart-canvas)); stroke-width: 3px; stroke-linejoin: round; }
|
|
9174
9426
|
.ov-band-after-pass { fill: color-mix(in srgb, var(--chart-live-pass, var(--chart-pass, var(--status-running))) 12%, transparent); }
|
|
9175
9427
|
.ov-band-idle { fill: var(--chart-live-hover, var(--chart-shade)); }
|
|
9176
9428
|
.ov-band-blocked { fill: color-mix(in srgb, var(--chart-live-danger, var(--chart-breach, var(--status-error))) 9%, transparent); }
|
|
@@ -9182,7 +9434,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9182
9434
|
.ov-hatched { background: repeating-linear-gradient(135deg, var(--chart-live-faint, var(--chart-muted)) 0 1px, transparent 1px 5px), color-mix(in srgb, var(--chart-live-faint, var(--chart-muted)) 10%, transparent); }
|
|
9183
9435
|
.ov-now { stroke: var(--chart-live-fg, var(--chart-ink)); stroke-width: 1.5; }
|
|
9184
9436
|
.ov-gantt-open { stroke: var(--chart-live-fg, var(--chart-ink)); stroke-width: 1.5; stroke-dasharray: 3 2; }
|
|
9185
|
-
.ov-events, .ov-key, .ov-meter-key { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size:
|
|
9437
|
+
.ov-events, .ov-key, .ov-meter-key { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 14px; line-height: 20px; color: var(--chart-live-muted, var(--chart-ink-muted)); }
|
|
9186
9438
|
.ov-key li, .ov-events li, .ov-meter-key li { display: inline-flex; align-items: center; gap: 8px; }
|
|
9187
9439
|
.ov-meter-key b { font-weight: 600; color: var(--chart-live-fg, var(--chart-ink)); font-family: var(--chart-live-font-mono, monospace); font-variant-numeric: tabular-nums; }
|
|
9188
9440
|
.ov-meter-key i, .ov-event-swatch { display: inline-block; width: 12px; height: 12px; border-radius: 2px; }
|
|
@@ -9198,7 +9450,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9198
9450
|
.ov-event-after-pass { background: color-mix(in srgb, var(--chart-live-pass, var(--chart-pass, var(--status-running))) 25%, transparent); }
|
|
9199
9451
|
.ov-event-idle { background: var(--chart-live-hover, var(--chart-shade)); }
|
|
9200
9452
|
.ov-event-missing { background: repeating-linear-gradient(135deg, var(--chart-live-faint, var(--chart-muted)) 0 1px, transparent 1px 4px); }
|
|
9201
|
-
.ov-refusal { margin: 0; color: var(--chart-live-muted, var(--chart-ink-muted)); font-size:
|
|
9453
|
+
.ov-refusal { margin: 0; color: var(--chart-live-muted, var(--chart-ink-muted)); font-size: 14px; }
|
|
9202
9454
|
|
|
9203
9455
|
/*
|
|
9204
9456
|
* DotMap: thousands of dots on one canvas. A categorical lens names at most three categories in colour, the first
|
|
@@ -9731,14 +9983,15 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9731
9983
|
--fw-kind-tool: var(--tone-cyan-icon);
|
|
9732
9984
|
--fw-neutral-bar: color-mix(in oklab, var(--fw-text) 15%, var(--fw-surface));
|
|
9733
9985
|
--fw-hatch: color-mix(in oklab, var(--fw-text) 22%, transparent);
|
|
9734
|
-
/*
|
|
9735
|
-
|
|
9986
|
+
/* Bar identity, not status: the root neutral, then an identity ring at one lightness and a moderate chroma, so no lane
|
|
9987
|
+
outshouts another (critique P0 #3, round 29: Brand's icon-strength teal, pink and violet "compete", lime and pink read
|
|
9988
|
+
olive and maroon). Blue, violet, pink, cyan, slate: no green, teal, lime, amber or red, so no lane is mistaken for a status. */
|
|
9736
9989
|
--fw-h0: var(--chart-muted);
|
|
9737
|
-
--fw-h1:
|
|
9738
|
-
--fw-h2:
|
|
9739
|
-
--fw-h3:
|
|
9740
|
-
--fw-h4:
|
|
9741
|
-
--fw-h5:
|
|
9990
|
+
--fw-h1: light-dark(oklch(0.55 0.11 255), oklch(0.70 0.11 255));
|
|
9991
|
+
--fw-h2: light-dark(oklch(0.55 0.11 300), oklch(0.70 0.11 300));
|
|
9992
|
+
--fw-h3: light-dark(oklch(0.55 0.11 335), oklch(0.70 0.11 335));
|
|
9993
|
+
--fw-h4: light-dark(oklch(0.55 0.11 215), oklch(0.70 0.11 215));
|
|
9994
|
+
--fw-h5: light-dark(oklch(0.55 0.03 255), oklch(0.70 0.03 255));
|
|
9742
9995
|
--fw-ease: cubic-bezier(.2, .8, .2, 1);
|
|
9743
9996
|
/* Bar height = row height - 16, so a centered bar sits 8 px from the row edge: 20 px in a 36 px step row. */
|
|
9744
9997
|
--fw-bar-h: 20px;
|
|
@@ -9787,7 +10040,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9787
10040
|
.fw-root .fw-title-line { display: flex; align-items: center; gap: 8px; min-width: 0; }
|
|
9788
10041
|
.fw-root .fw-title-glyph { display: inline-flex; color: var(--fw-accent); }
|
|
9789
10042
|
.fw-root .fw-title { font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: -.005em; white-space: nowrap; }
|
|
9790
|
-
.fw-root .fw-state { display: inline-flex; align-items: center; gap: 8px; height: 20px; padding: 0 8px; border-radius: var(--radius-pill); font-size:
|
|
10043
|
+
.fw-root .fw-state { display: inline-flex; align-items: center; gap: 8px; height: 20px; padding: 0 8px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; color: var(--fw-muted); background: var(--fw-well); flex-shrink: 0; }
|
|
9791
10044
|
.fw-root .fw-state::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
|
|
9792
10045
|
.fw-root .fw-state-live { color: var(--fw-accent); background: color-mix(in oklab, var(--fw-accent) 12%, transparent); }
|
|
9793
10046
|
.fw-root .fw-state-live::before { animation: fw-pulse 1.6s var(--fw-ease) infinite; }
|
|
@@ -9808,16 +10061,16 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9808
10061
|
.fw-root .fw-summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-bottom: 1px solid var(--fw-border); }
|
|
9809
10062
|
.fw-root .fw-summary > div { padding: 12px 16px; min-width: 0; }
|
|
9810
10063
|
.fw-root .fw-summary > div + div { border-left: 1px solid var(--fw-border); }
|
|
9811
|
-
.fw-root .fw-summary dt { font-size:
|
|
10064
|
+
.fw-root .fw-summary dt { font-size: 14px; line-height: 18px; color: var(--fw-muted); }
|
|
9812
10065
|
.fw-root .fw-value { margin-top: 4px; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
9813
10066
|
.fw-root .fw-has-errors .fw-value { color: var(--fw-failed); }
|
|
9814
10067
|
|
|
9815
10068
|
/* Axis */
|
|
9816
|
-
.fw-root .fw-axis { display: grid; grid-template-columns: var(--fw-label-col) minmax(0, 1fr); height: 32px; color: var(--fw-muted); font-size:
|
|
10069
|
+
.fw-root .fw-axis { display: grid; grid-template-columns: var(--fw-label-col) minmax(0, 1fr); height: 32px; color: var(--fw-muted); font-size: 14px; }
|
|
9817
10070
|
.fw-root .fw-axis-top { border-bottom: 1px solid var(--fw-border); }
|
|
9818
10071
|
.fw-root .fw-axis-label { position: relative; display: flex; align-items: center; gap: 8px; padding: 0 12px 0 16px; border-right: 1px solid var(--fw-border); min-width: 0; }
|
|
9819
10072
|
.fw-root .fw-branch-controls { margin-left: auto; display: flex; gap: 4px; }
|
|
9820
|
-
.fw-root .fw-text-button { appearance: none; border: 0; background: transparent; height: 24px; padding: 0 8px; border-radius: var(--radius-sm); font-size:
|
|
10073
|
+
.fw-root .fw-text-button { appearance: none; border: 0; background: transparent; height: 24px; padding: 0 8px; border-radius: var(--radius-sm); font-size: 14px; color: var(--fw-muted); cursor: pointer; white-space: nowrap; }
|
|
9821
10074
|
.fw-root .fw-text-button:hover { background: var(--fw-hover); color: var(--fw-text); }
|
|
9822
10075
|
.fw-root .fw-resize { position: absolute; top: 0; right: -4px; width: 8px; height: 100%; cursor: col-resize; z-index: 2; }
|
|
9823
10076
|
.fw-root .fw-resize:hover, .fw-root .fw-resize:focus-visible { background: linear-gradient(90deg, transparent 3px, var(--fw-accent) 3px 5px, transparent 5px); outline: 0; }
|
|
@@ -9846,14 +10099,14 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9846
10099
|
.fw-root .fw-pause { top: 0; bottom: 0; background: color-mix(in oklab, var(--fw-text) 4%, transparent); border-inline: 1px dashed color-mix(in oklab, var(--fw-text) 18%, transparent); }
|
|
9847
10100
|
.fw-root .fw-pause-mark { bottom: 3px; height: 6px; border-radius: 2px; cursor: help;
|
|
9848
10101
|
background: repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 4px); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 18%, transparent); }
|
|
9849
|
-
.fw-root .fw-marker-label { position: absolute; top: 2px; left: 3px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 4px; border-radius: var(--radius-tag); font-size:
|
|
10102
|
+
.fw-root .fw-marker-label { position: absolute; top: 2px; left: 3px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 4px; border-radius: var(--radius-tag); font-size: 14px; line-height: 18px; color: var(--fw-marker); background: var(--fw-surface); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--fw-marker) 40%, transparent); }
|
|
9850
10103
|
.fw-root .fw-marker-label-left { left: auto; right: 3px; }
|
|
9851
10104
|
.fw-root .fw-marker[data-tone="warn"], .fw-root .fw-event[data-tone="warn"] { --fw-marker: var(--fw-amber); }
|
|
9852
10105
|
/* The event track: one dot per marker on the axis; click or N/P moves the cursor there. */
|
|
9853
10106
|
.fw-root .fw-event { --fw-marker: var(--fw-muted); position: absolute; bottom: 2px; width: 8px; height: 8px; margin-left: -4px; padding: 0; border: 0; border-radius: 50%; background: var(--fw-marker); box-shadow: 0 0 0 2px var(--fw-surface); cursor: pointer; z-index: 4; left: calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px); }
|
|
9854
10107
|
.fw-root .fw-event[data-tone="ok"] { --fw-marker: var(--fw-ok); }
|
|
9855
10108
|
.fw-root .fw-event[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--fw-surface), 0 0 0 4px var(--fw-marker); }
|
|
9856
|
-
.fw-root .fw-event-label { position: absolute; bottom: 14px; z-index: 5; transform: translateX(-50%); left: calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px); padding: 0 8px; border-radius: var(--radius-tag); background: var(--fw-surface); box-shadow: inset 0 0 0 1px var(--fw-border); color: var(--fw-text); font-size:
|
|
10109
|
+
.fw-root .fw-event-label { position: absolute; bottom: 14px; z-index: 5; transform: translateX(-50%); left: calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px); padding: 0 8px; border-radius: var(--radius-tag); background: var(--fw-surface); box-shadow: inset 0 0 0 1px var(--fw-border); color: var(--fw-text); font-size: 14px; line-height: 20px; white-space: nowrap; pointer-events: none; }
|
|
9857
10110
|
.fw-root .fw-event[data-tone="failed"] { --fw-marker: var(--fw-failed); }
|
|
9858
10111
|
.fw-root .fw-event:hover, .fw-root .fw-event:focus-visible { transform: scale(1.4); outline: 0; }
|
|
9859
10112
|
.fw-root .fw-cursor { position: absolute; top: 0; bottom: 0; width: 1px; background: color-mix(in oklab, var(--fw-text) 70%, transparent); left: calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px); }
|
|
@@ -9892,7 +10145,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9892
10145
|
.fw-root .fw-detail { color: var(--fw-muted); overflow: hidden; min-width: 0; display: inline-flex; align-items: center; gap: 4px; max-width: 100%; }
|
|
9893
10146
|
.fw-root .fw-detail-icon { display: inline-flex; }
|
|
9894
10147
|
.fw-root .fw-detail-icon :is(svg, img) { width: 12px; height: 12px; }
|
|
9895
|
-
.fw-root .fw-count { flex-shrink: 0; height: 18px; padding: 0 8px; border-radius: var(--radius-pill); background: var(--fw-well); border: 1px solid var(--fw-border); color: var(--fw-muted); font-size:
|
|
10148
|
+
.fw-root .fw-count { flex-shrink: 0; height: 18px; padding: 0 8px; border-radius: var(--radius-pill); background: var(--fw-well); border: 1px solid var(--fw-border); color: var(--fw-muted); font-size: 14px; line-height: 18px; font-variant-numeric: tabular-nums; }
|
|
9896
10149
|
.fw-root .fw-alert { display: inline-flex; color: var(--fw-failed); flex-shrink: 0; }
|
|
9897
10150
|
.fw-root .fw-alert svg { width: 13px; height: 13px; }
|
|
9898
10151
|
.fw-root .fw-spinner { width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid color-mix(in oklab, var(--fw-accent) 30%, transparent); border-top-color: var(--fw-accent); animation: fw-spin .8s linear infinite; flex-shrink: 0; }
|
|
@@ -9902,14 +10155,16 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9902
10155
|
.fw-root .fw-view-agents .fw-names { flex-direction: column; align-items: flex-start; gap: 0; }
|
|
9903
10156
|
.fw-root .fw-view-agents .fw-span-name { font-weight: 600; line-height: 18px; }
|
|
9904
10157
|
/* One 16 px line that wraps its last parts out of sight: when the line is full a count drops whole, never "48 …". */
|
|
9905
|
-
.fw-root .fw-view-agents .fw-subtitle { display: flex; align-items: center; column-gap: 4px; height:
|
|
10158
|
+
.fw-root .fw-view-agents .fw-subtitle { display: flex; align-items: center; column-gap: 4px; height: 18px; overflow: hidden; max-width: 100%; min-width: 0; color: var(--fw-muted); font-size: 14px; line-height: 18px; }
|
|
9906
10159
|
.fw-root .fw-view-agents .fw-subtitle-extra { flex: none; white-space: nowrap; }
|
|
9907
10160
|
/* Only the tail wraps, so the first part is always on its line and shrinks with an ellipsis; later parts wrap out of sight. */
|
|
9908
|
-
.fw-root .fw-view-agents .fw-subtitle-tail { display: flex; flex-wrap: wrap; column-gap: 4px; height:
|
|
10161
|
+
.fw-root .fw-view-agents .fw-subtitle-tail { display: flex; flex-wrap: wrap; column-gap: 4px; height: 18px; overflow: hidden; min-width: 0; flex: 0 1 auto; }
|
|
9909
10162
|
.fw-root .fw-view-agents .fw-subtitle-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
9910
10163
|
.fw-root .fw-view-agents .fw-detail-icon { flex: none; width: 16px; height: 16px; align-items: center; justify-content: center; overflow: hidden; }
|
|
9911
|
-
.fw-root .fw-view-agents .fw-detail { font-size:
|
|
10164
|
+
.fw-root .fw-view-agents .fw-detail { font-size: 14px; line-height: 18px; }
|
|
9912
10165
|
.fw-root .fw-agent-dot { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--line, var(--fw-muted)); }
|
|
10166
|
+
/* The dot is outcome only (critique P0 #3): an agent with no recorded outcome gets a hollow ring, never its lane hue. */
|
|
10167
|
+
.fw-root .fw-row:not([data-outcome]) .fw-agent-dot:not([data-outcome]) { background: transparent; box-shadow: inset 0 0 0 1.5px var(--fw-muted); }
|
|
9913
10168
|
|
|
9914
10169
|
/* Lanes and marks */
|
|
9915
10170
|
.fw-root .fw-lane { position: relative; overflow: hidden; min-width: 0; }
|
|
@@ -9970,20 +10225,20 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9970
10225
|
.fw-root [data-outcome="failed"], .fw-root [data-outcome="failed"] [data-tone] { --tone: var(--fw-failed); }
|
|
9971
10226
|
.fw-root [data-outcome="warn"], .fw-root [data-outcome="warn"] [data-tone] { --tone: var(--fw-amber); }
|
|
9972
10227
|
.fw-root [data-outcome="neutral"], .fw-root [data-outcome="neutral"] [data-tone] { --tone: var(--fw-muted); }
|
|
9973
|
-
.fw-root .fw-legend { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0 0; padding: 0; list-style: none; color: var(--fw-muted); font-size:
|
|
10228
|
+
.fw-root .fw-legend { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0 0; padding: 0; list-style: none; color: var(--fw-muted); font-size: 14px; line-height: 18px; }
|
|
9974
10229
|
.fw-root .fw-legend li { display: inline-flex; align-items: center; gap: 8px; }
|
|
9975
10230
|
.fw-root .fw-legends { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; margin-top: 8px; }
|
|
9976
10231
|
.fw-root .fw-legends .fw-legend { margin: 0; }
|
|
9977
10232
|
.fw-root .fw-kinds { margin: 0; padding: 0; justify-content: flex-start; color: var(--fw-muted); }
|
|
9978
10233
|
.fw-root .fw-kinds .fw-swatch-model { width: 12px; height: 8px; border-radius: 2px; background: var(--fw-kind-model); }
|
|
9979
10234
|
/* With per-agent hues the key shows kind as shade, as the bars do: darker for a model call, lighter for a tool call. */
|
|
9980
|
-
.fw-root.fw-fill-agent .fw-kinds .fw-swatch-model { background:
|
|
9981
|
-
.fw-root.fw-fill-agent .fw-kinds .fw-swatch-tool { background:
|
|
10235
|
+
.fw-root.fw-fill-agent .fw-kinds .fw-swatch-model { background: light-dark(oklch(0.50 0 0), oklch(0.82 0 0)); }
|
|
10236
|
+
.fw-root.fw-fill-agent .fw-kinds .fw-swatch-tool { background: light-dark(oklch(0.80 0 0), oklch(0.64 0 0)); }
|
|
9982
10237
|
.fw-root .fw-kinds .fw-swatch-tool { width: 12px; height: 8px; border-radius: 2px; background: var(--fw-kind-tool); }
|
|
9983
10238
|
.fw-root .fw-kinds .fw-swatch-wait { width: 12px; height: 8px; border-radius: 2px; background: color-mix(in oklab, var(--fw-text) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 18%, transparent); }
|
|
9984
10239
|
.fw-root .fw-kinds .fw-swatch-handoff { width: 10px; height: 8px; border-left: 1.5px solid var(--fw-muted); border-bottom: 1.5px solid var(--fw-muted); border-bottom-left-radius: 3px; }
|
|
9985
10240
|
.fw-root .fw-description { margin: 0; color: var(--fw-muted); font-size: 14px; line-height: 20px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
9986
|
-
.fw-root .fw-legend .fw-swatch { width:
|
|
10241
|
+
.fw-root .fw-legend .fw-swatch { width: 8px; height: 8px; border-radius: 50%; background: var(--line); }
|
|
9987
10242
|
.fw-root .fw-legend b { color: var(--fw-text); font-weight: 600; font-variant-numeric: tabular-nums; }
|
|
9988
10243
|
.fw-root .fw-legend .fw-swatch-step { display: inline-grid; place-items: center; width: 12px; height: 12px; border-radius: 3px; background: var(--fw-well); color: var(--fw-failed); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 50%, transparent); }
|
|
9989
10244
|
.fw-root .fw-legend .fw-swatch-step svg { width: 8px; height: 8px; }
|
|
@@ -9992,22 +10247,24 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
9992
10247
|
.fw-root .fw-view-agents .fw-seg { pointer-events: auto; }
|
|
9993
10248
|
.fw-root .fw-seg-model { background: var(--fill); box-shadow: inset 0 0 0 1px var(--line); }
|
|
9994
10249
|
.fw-root .fw-seg-tool { background: var(--dim); box-shadow: inset 0 0 0 1px var(--dim-line); }
|
|
9995
|
-
/* Without per-agent hues (muted or outcome fill), a step's kind owns its color; with them, kind is
|
|
9996
|
-
|
|
10250
|
+
/* Without per-agent hues (muted or outcome fill), a step's kind owns its color; with them, kind is a fixed lightness on the agent's own
|
|
10251
|
+
hue (the rules below), so each agent stays one color. */
|
|
9997
10252
|
.fw-root:is(.fw-fill-muted, .fw-fill-outcome) .fw-view-agents .fw-seg-model { background: var(--fw-kind-model); box-shadow: none; }
|
|
9998
10253
|
.fw-root:is(.fw-fill-muted, .fw-fill-outcome) .fw-view-agents .fw-seg-tool { background: var(--fw-kind-tool); box-shadow: none; }
|
|
9999
|
-
/* Per-agent hues
|
|
10000
|
-
|
|
10001
|
-
|
|
10002
|
-
.
|
|
10003
|
-
|
|
10004
|
-
|
|
10005
|
-
.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed { background: light-dark(
|
|
10006
|
-
|
|
10007
|
-
|
|
10008
|
-
|
|
10254
|
+
/* Per-agent hues: a step's kind is a fixed lightness on its agent's hue, the same for every hue, so kind reads by lightness
|
|
10255
|
+
against the surface and never contradicts the key (critique P0 #4: dark tool steps were lighter than model steps, and the
|
|
10256
|
+
step varied with hue). On dark both steps are light pastels, model 0.82 and tool 0.64: round 27's pastel dark fills scored
|
|
10257
|
+
39/252, and the critique's darker 0.72/0.46 read muddy to round 29's judges. Model is the stronger step on either surface; chroma is capped at 0.10, never raised, so a neutral (the root's grey) stays
|
|
10258
|
+
neutral instead of taking a red cast from its undefined hue. */
|
|
10259
|
+
.fw-root.fw-fill-agent .fw-view-agents .fw-seg-model { background: light-dark(oklch(from var(--tone) 0.50 min(c, 0.10) h), oklch(from var(--tone) 0.82 min(c, 0.10) h)); box-shadow: none; }
|
|
10260
|
+
.fw-root.fw-fill-agent .fw-view-agents :is(.fw-seg-tool, .fw-seg-failed) { background: light-dark(oklch(from var(--tone) 0.80 min(c, 0.10) h), oklch(from var(--tone) 0.64 min(c, 0.10) h)); box-shadow: none; }
|
|
10261
|
+
/* A failed turn is still the agent's work: it keeps the agent's hue, and the red cross on the ending turn says it failed. */
|
|
10262
|
+
.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed { box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 55%, transparent); }
|
|
10263
|
+
.fw-root .fw-view-agents .fw-seg { container-type: inline-size; justify-content: flex-start; font-size: 14px; line-height: 18px; white-space: nowrap; color: var(--fw-seg-ink); }
|
|
10264
|
+
/* Label ink holds 4.5:1 on its fill: page-light on the dark light-theme model step (L 0.50), page-dark on every other step
|
|
10265
|
+
(light tool 0.80, dark pastels 0.82 and 0.64). */
|
|
10009
10266
|
.fw-root .fw-view-agents .fw-seg-model { --fw-seg-ink: light-dark(var(--fw-surface), hsl(var(--hsl-background))); }
|
|
10010
|
-
.fw-root .fw-view-agents :is(.fw-seg-tool, .fw-seg-failed) { --fw-seg-ink: light-dark(
|
|
10267
|
+
.fw-root .fw-view-agents :is(.fw-seg-tool, .fw-seg-failed) { --fw-seg-ink: light-dark(var(--fw-text), hsl(var(--hsl-background))); }
|
|
10011
10268
|
.fw-root .fw-view-agents .fw-seg > * { pointer-events: none; }
|
|
10012
10269
|
/* One line, 6 px in from each end; a part that does not fit whole wraps to the hidden second line, so trailing parts drop first. */
|
|
10013
10270
|
.fw-root .fw-seg-label { flex: 1; min-width: 0; height: 16px; margin: 0 6px; display: flex; flex-wrap: wrap; align-items: center; column-gap: 4px; overflow: hidden; }
|
|
@@ -10033,9 +10290,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10033
10290
|
.fw-root .fw-end { z-index: 2; display: inline-flex; align-items: center; gap: 8px; top: calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2); height: var(--fw-bar-h);
|
|
10034
10291
|
left: min(calc(var(--x0) + max(var(--w), 3px) + 4px), calc(100% - var(--fw-end-w, 0px) - 4px)); padding: 0 4px; border-radius: var(--radius-tag);
|
|
10035
10292
|
background: linear-gradient(var(--fw-tint, transparent) 0 0), var(--fw-surface); white-space: nowrap; pointer-events: none; }
|
|
10036
|
-
.fw-root .fw-duration { font-size:
|
|
10293
|
+
.fw-root .fw-duration { font-size: 14px; color: var(--fw-muted); font-variant-numeric: tabular-nums; }
|
|
10037
10294
|
.fw-root .fw-k-failed ~ .fw-end .fw-duration { color: var(--fw-failed); }
|
|
10038
|
-
.fw-root .fw-badge { height: 18px; padding: 0 8px; border-radius: var(--radius-pill); font-size:
|
|
10295
|
+
.fw-root .fw-badge { height: 18px; padding: 0 8px; border-radius: var(--radius-pill); font-size: 14px; line-height: 18px; font-weight: 600; color: var(--fw-amber); background: color-mix(in oklab, var(--fw-amber) 13%, transparent); border: 1px solid color-mix(in oklab, var(--fw-amber) 28%, transparent); }
|
|
10039
10296
|
|
|
10040
10297
|
/* Handoff elbows: 1.5 px stroke, 6 px radius, a 5 px dot where the handoff leaves its sender. */
|
|
10041
10298
|
/* Under the rows (which follow it), so end labels and badges always sit above the connectors. */
|
|
@@ -10069,13 +10326,13 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10069
10326
|
/* A hover card never covers the next mark: only a pinned card (a dialog) takes the pointer. */
|
|
10070
10327
|
.fw-root .fw-card[role="tooltip"] { pointer-events: none; }
|
|
10071
10328
|
.fw-root .fw-card-above .fw-card { transform: translateY(-100%); animation-name: fw-arrive-above; }
|
|
10072
|
-
.fw-root .fw-card-agent { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size:
|
|
10329
|
+
.fw-root .fw-card-agent { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 14px; font-weight: 600; }
|
|
10073
10330
|
.fw-root .fw-card-agent .fw-agent-dot { align-self: center; }
|
|
10074
10331
|
.fw-root .fw-card-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
|
|
10075
10332
|
.fw-root .fw-card-head .fw-icon-tile { flex-basis: 28px; width: 28px; height: 28px; border-radius: var(--radius-md); }
|
|
10076
10333
|
.fw-root .fw-card-head .fw-icon-tile :is(svg, img) { width: 16px; height: 16px; }
|
|
10077
10334
|
.fw-root .fw-card-name { flex: 1; min-width: 0; font-size: 14px; line-height: 20px; font-weight: 600; overflow-wrap: anywhere; }
|
|
10078
|
-
.fw-root .fw-pill { flex-shrink: 0; height: 20px; padding: 0 8px; border-radius: var(--radius-pill); font-size:
|
|
10335
|
+
.fw-root .fw-pill { flex-shrink: 0; height: 20px; padding: 0 8px; border-radius: var(--radius-pill); font-size: 14px; line-height: 20px; font-weight: 600; }
|
|
10079
10336
|
.fw-root .fw-pill-done { color: var(--fw-ok); background: color-mix(in oklab, var(--fw-ok) 13%, transparent); }
|
|
10080
10337
|
.fw-root .fw-pill-running { color: var(--fw-accent); background: color-mix(in oklab, var(--fw-accent) 13%, transparent); }
|
|
10081
10338
|
.fw-root .fw-pill-failed { color: var(--fw-failed); background: color-mix(in oklab, var(--fw-failed) 13%, transparent); }
|
|
@@ -10083,9 +10340,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10083
10340
|
.fw-root .fw-icon-button:hover:not(:disabled) { background: var(--fw-hover); color: var(--fw-text); }
|
|
10084
10341
|
.fw-root .fw-card-close { width: 20px; height: 20px; margin-right: -4px; }
|
|
10085
10342
|
/* The card's table: label and value on one line each, every value with its unit; a tool breakdown sits under its total. */
|
|
10086
|
-
.fw-root .fw-card-table { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; padding-top: 8px; border-top: 1px solid var(--fw-border); font-size:
|
|
10343
|
+
.fw-root .fw-card-table { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; padding-top: 8px; border-top: 1px solid var(--fw-border); font-size: 14px; line-height: 18px; }
|
|
10087
10344
|
.fw-root .fw-card-table > div { display: contents; }
|
|
10088
|
-
.fw-root .fw-card-table dt, .fw-root .fw-card-label { font-size:
|
|
10345
|
+
.fw-root .fw-card-table dt, .fw-root .fw-card-label { font-size: 14px; line-height: 18px; color: var(--fw-muted); }
|
|
10089
10346
|
.fw-root .fw-card-table dd { min-width: 0; font-weight: 500; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
|
|
10090
10347
|
/* A value of several parts wraps between parts, never inside one ("4.0M" / "cached"). */
|
|
10091
10348
|
.fw-root .fw-card-parts { display: flex; flex-wrap: wrap; column-gap: 4px; }
|
|
@@ -10099,7 +10356,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10099
10356
|
.fw-root .fw-card-compact .fw-card-agent { font-size: 14px; line-height: 20px; }
|
|
10100
10357
|
.fw-root .fw-card-who { min-width: 0; flex: 1; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
|
|
10101
10358
|
.fw-root .fw-pill-outcome { color: var(--line); background: color-mix(in oklab, var(--tone) 16%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--tone) 35%, transparent); }
|
|
10102
|
-
.fw-root .fw-card-step { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--fw-border); color: var(--fw-muted); font-size:
|
|
10359
|
+
.fw-root .fw-card-step { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--fw-border); color: var(--fw-muted); font-size: 14px; line-height: 18px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
|
|
10103
10360
|
.fw-root .fw-card-result { margin-top: 8px; font-size: 14px; line-height: 20px; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
|
|
10104
10361
|
.fw-root .fw-card-text p { margin-top: 4px; color: var(--fw-text); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
|
|
10105
10362
|
|
|
@@ -10411,7 +10668,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10411
10668
|
color: var(--ar-fg);
|
|
10412
10669
|
box-shadow: 0 8px 32px #0003, 0 2px 8px #0002;
|
|
10413
10670
|
pointer-events: none;
|
|
10414
|
-
font-size:
|
|
10671
|
+
font-size: var(--ar-text-s);
|
|
10415
10672
|
line-height: 1.45;
|
|
10416
10673
|
}
|
|
10417
10674
|
.agent-record .ui-plot-tooltip strong {
|
|
@@ -10427,32 +10684,32 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10427
10684
|
|
|
10428
10685
|
.agent-record .ui-plot-tooltip .tooltip-title {
|
|
10429
10686
|
display: block;
|
|
10430
|
-
font: 600
|
|
10687
|
+
font: 600 var(--ar-text-s)/1.3 var(--ar-font-body);
|
|
10431
10688
|
margin: 0 0 4px;
|
|
10432
10689
|
padding-bottom: 4px;
|
|
10433
10690
|
border-bottom: 1px solid var(--ar-border);
|
|
10434
10691
|
}
|
|
10435
10692
|
.agent-record .ui-plot-tooltip .tooltip-header {
|
|
10436
|
-
font:
|
|
10693
|
+
font: var(--ar-text-s)/1.3 var(--ar-font-body);
|
|
10437
10694
|
color: var(--ar-fg-muted);
|
|
10438
10695
|
margin: 0 0 4px;
|
|
10439
10696
|
}
|
|
10440
10697
|
.agent-record .ui-plot-tooltip .tooltip-body {
|
|
10441
|
-
font:
|
|
10698
|
+
font: var(--ar-text-s)/1.5 var(--ar-font-body);
|
|
10442
10699
|
color: var(--ar-fg);
|
|
10443
10700
|
margin: 2px 0;
|
|
10444
10701
|
overflow-wrap: anywhere;
|
|
10445
10702
|
}
|
|
10446
10703
|
.agent-record .ui-plot-tooltip .tooltip-label {
|
|
10447
10704
|
display: inline-block;
|
|
10448
|
-
font: 600
|
|
10705
|
+
font: 600 var(--ar-text-s)/1.3 var(--ar-font-body);
|
|
10449
10706
|
color: var(--ar-c-action);
|
|
10450
10707
|
margin-right: 8px;
|
|
10451
10708
|
text-transform: uppercase;
|
|
10452
10709
|
letter-spacing: 0.05em;
|
|
10453
10710
|
}
|
|
10454
10711
|
.agent-record .ui-plot-tooltip .tooltip-status {
|
|
10455
|
-
font: 400
|
|
10712
|
+
font: 400 var(--ar-text-s)/1.3 var(--ar-font-body);
|
|
10456
10713
|
margin: 2px 0;
|
|
10457
10714
|
}
|
|
10458
10715
|
/* A tool error in a recorded event is history, not "act now": it keeps its word in neutral ink (status tones, design
|
|
@@ -10468,7 +10725,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10468
10725
|
color: var(--ar-c-run);
|
|
10469
10726
|
}
|
|
10470
10727
|
.agent-record .ui-plot-tooltip .tooltip-usage {
|
|
10471
|
-
font:
|
|
10728
|
+
font: var(--ar-text-s)/1.3 var(--ar-font-body);
|
|
10472
10729
|
color: var(--ar-c-action);
|
|
10473
10730
|
margin: 4px 0 0;
|
|
10474
10731
|
padding-top: 4px;
|
|
@@ -10476,7 +10733,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10476
10733
|
letter-spacing: 0.03em;
|
|
10477
10734
|
}
|
|
10478
10735
|
.agent-record .ui-plot-tooltip .tooltip-note {
|
|
10479
|
-
font: italic
|
|
10736
|
+
font: italic var(--ar-text-s)/1.4 var(--ar-font-body);
|
|
10480
10737
|
color: var(--ar-fg-faint);
|
|
10481
10738
|
margin: 4px 0 0;
|
|
10482
10739
|
}
|
|
@@ -10729,7 +10986,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
10729
10986
|
}
|
|
10730
10987
|
.agent-record .graph-state {
|
|
10731
10988
|
margin-top: 0.1rem;
|
|
10732
|
-
font-size:
|
|
10989
|
+
font-size: var(--ar-text-s);
|
|
10733
10990
|
line-height: 1;
|
|
10734
10991
|
color: var(--ar-c-neutral);
|
|
10735
10992
|
}
|
|
@@ -11178,13 +11435,13 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11178
11435
|
|
|
11179
11436
|
/* Shared research evidence and source primitives. */
|
|
11180
11437
|
.agent-record.research-report { background:var(--ar-bg);padding:0; }
|
|
11181
|
-
.agent-record .rr-meta { color:var(--ar-fg-muted);font:
|
|
11438
|
+
.agent-record .rr-meta { color:var(--ar-fg-muted);font:var(--ar-text-s)/1.6 var(--ar-font-body);overflow-wrap:anywhere; }
|
|
11182
11439
|
.agent-record .rr-limitations { padding-left:1.2rem;color:var(--ar-fg-muted);font-size:14px;line-height:1.65; }
|
|
11183
|
-
.agent-record .rr-sources summary { font-size:
|
|
11440
|
+
.agent-record .rr-sources summary { font-size:var(--ar-text-s); }
|
|
11184
11441
|
.agent-record .rr-sources ol { padding-left:1.25rem;margin:.5rem 0; }
|
|
11185
11442
|
.agent-record .rr-sources li { padding:.6rem 0;border-top:1px solid var(--ar-border); }
|
|
11186
11443
|
.agent-record .rr-sources :is(code,a,small,strong) { display:block;overflow-wrap:anywhere; }
|
|
11187
|
-
.agent-record .rr-sources :is(code,a) { font:
|
|
11444
|
+
.agent-record .rr-sources :is(code,a) { font:var(--ar-text-s)/1.65 var(--ar-font-mono); }
|
|
11188
11445
|
.agent-record .rr-sources a { color:var(--ar-c-info); }
|
|
11189
11446
|
.agent-record .rr-sources small { margin-top:.5rem;color:var(--ar-fg-muted); }
|
|
11190
11447
|
.agent-record .rr-sources blockquote { margin:.75rem 0;padding:.5rem .85rem;border-left:2px solid var(--ar-border-strong);white-space:pre-wrap;overflow-wrap:anywhere; }
|
|
@@ -11196,31 +11453,31 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11196
11453
|
.agent-record .replay-settings { padding:0 16px .75rem;display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:.75rem; }
|
|
11197
11454
|
.agent-record .replay-settings p { grid-column:1/-1;margin:0;padding-bottom:.25rem; }
|
|
11198
11455
|
.agent-record .rr-metrics { display:grid;gap:20px;padding:20px 0;margin:0; }
|
|
11199
|
-
.agent-record .rr-metrics dt { color:var(--ar-fg-muted);font-size:
|
|
11456
|
+
.agent-record .rr-metrics dt { color:var(--ar-fg-muted);font-size:var(--ar-text-s); }
|
|
11200
11457
|
.agent-record .rr-metrics dd { margin:4px 0;font-size:18px; }
|
|
11201
11458
|
.agent-record .rr-metrics small { display:block;color:var(--ar-fg-muted); }
|
|
11202
11459
|
.agent-record .rr-knowledge-controls { display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin-bottom:16px; }
|
|
11203
11460
|
.agent-record .rr-knowledge-controls > .ui-field:first-child { flex:1;min-width:180px; }
|
|
11204
11461
|
.agent-record .rr-search-excerpt { display:block;color:var(--ar-fg-muted);margin-top:8px; }
|
|
11205
11462
|
.agent-record .rr-document-header { display:flex;justify-content:space-between;align-items:start; }
|
|
11206
|
-
.agent-record .rr-document-path { font:
|
|
11463
|
+
.agent-record .rr-document-path { font:var(--ar-text-s)/1.6 var(--ar-font-mono);overflow-wrap:anywhere; }
|
|
11207
11464
|
.agent-record .rr-document-actions { display:flex;gap:8px;flex-wrap:wrap; }
|
|
11208
11465
|
.agent-record .rr-document-content { margin-top:20px;overflow-wrap:anywhere; }
|
|
11209
|
-
.agent-record .rr-document-provenance { margin-top:12px;font-size:
|
|
11210
|
-
.agent-record .rr-document-source { margin:0;white-space:pre-wrap;font:
|
|
11466
|
+
.agent-record .rr-document-provenance { margin-top:12px;font-size:var(--ar-text-s);overflow-wrap:anywhere; }
|
|
11467
|
+
.agent-record .rr-document-source { margin:0;white-space:pre-wrap;font:var(--ar-text-s)/1.7 var(--ar-font-mono); }
|
|
11211
11468
|
.agent-record .rr-document-source code > span { display:block; }
|
|
11212
11469
|
.agent-record .rr-document-source code > span > span { display:inline-block;width:3.5em;padding-right:1em;text-align:right;user-select:none;color:var(--ar-fg-muted); }
|
|
11213
11470
|
.agent-record .rr-document-source [data-highlight] { background:var(--ar-c-info-bg); }
|
|
11214
11471
|
.agent-record .rr-inline-link { display:inline;border:0;padding:0;background:none;color:var(--ar-c-action);text-decoration:underline;cursor:pointer;font:inherit;text-align:left; }
|
|
11215
|
-
.agent-record .rr-markdown pre { overflow:auto;background:var(--ar-bg-sink);padding:12px;font-size:
|
|
11472
|
+
.agent-record .rr-markdown pre { overflow:auto;background:var(--ar-bg-sink);padding:12px;font-size:var(--ar-text-s); }
|
|
11216
11473
|
.agent-record .rr-markdown code { font-family:var(--ar-font-mono); }
|
|
11217
11474
|
.agent-record .rr-markdown h1 { font-size:18px; }
|
|
11218
11475
|
.agent-record .rr-markdown h2 { font-size:14px; }
|
|
11219
11476
|
.agent-record .rr-markdown h3 { font-size:14px; }
|
|
11220
11477
|
.agent-record .rr-table-scroll { overflow:auto;max-width:100%; }
|
|
11221
|
-
.agent-record .rr-markdown table { width:100%;border-collapse:collapse;font-size:
|
|
11478
|
+
.agent-record .rr-markdown table { width:100%;border-collapse:collapse;font-size:var(--ar-text-s); }
|
|
11222
11479
|
.agent-record .rr-markdown th,.agent-record .rr-markdown td { padding:8px;text-align:left;border:1px solid var(--ar-border); }
|
|
11223
|
-
.agent-record .rr-media-reference { font-size:
|
|
11480
|
+
.agent-record .rr-media-reference { font-size:var(--ar-text-s);color:var(--ar-fg-muted); }
|
|
11224
11481
|
.agent-record [data-reduced-motion] *, .agent-record [data-reduced-motion] *::before, .agent-record [data-reduced-motion] *::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; }
|
|
11225
11482
|
@media(prefers-reduced-motion:reduce) { .agent-record *, .agent-record *::before, .agent-record *::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; } }
|
|
11226
11483
|
@media print { .agent-record.research-report { background:white;color:black; } .agent-record .rr-print { display:block; } }
|
|
@@ -11235,9 +11492,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11235
11492
|
.agent-record .research-rail h1 { font:600 14px/1.3 var(--ar-font-body);margin:0 0 24px; }
|
|
11236
11493
|
.agent-record .research-play-list { display:grid;gap:4px;margin:20px 0 24px; }
|
|
11237
11494
|
.agent-record .research-play-list button { display:grid;gap:4px;padding:12px 12px;text-align:left;border:0;background:transparent;font:400 14px/1.4 var(--ar-font-body); }
|
|
11238
|
-
.agent-record .research-play-list small { color:var(--ar-fg-muted);font-weight:400;font-size:
|
|
11495
|
+
.agent-record .research-play-list small { color:var(--ar-fg-muted);font-weight:400;font-size:var(--ar-text-s); }
|
|
11239
11496
|
.agent-record .research-play-list [aria-current='page'] { background:var(--ar-bg);box-shadow:inset 3px 0 var(--ar-c-action); }
|
|
11240
|
-
.agent-record .research-info { font-size:
|
|
11497
|
+
.agent-record .research-info { font-size:var(--ar-text-s); }
|
|
11241
11498
|
.agent-record .research-info ul { padding-left:16px; }
|
|
11242
11499
|
.agent-record .research-exports { display:flex;flex-wrap:wrap;gap:8px; }
|
|
11243
11500
|
.agent-record .research-main { min-width:0;padding:28px clamp(20px,4vw,64px) 60px; }
|
|
@@ -11251,7 +11508,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11251
11508
|
.agent-record .research-result { padding:20px 0;border-top:1px solid var(--ar-border);max-width:95ch; }
|
|
11252
11509
|
.agent-record .research-result h3 { font:600 14px/1.4 var(--ar-font-body);margin:2px 0 12px; }
|
|
11253
11510
|
.agent-record .research-result p { margin:8px 0; }
|
|
11254
|
-
.agent-record .research-result .rr-assessment { font:400
|
|
11511
|
+
.agent-record .research-result .rr-assessment { font:400 var(--ar-text-s)/1.4 var(--ar-font-body);text-transform:uppercase;letter-spacing:.07em;color:var(--ar-fg-muted); }
|
|
11255
11512
|
.agent-record .research-results > details { border-top:1px solid var(--ar-border);padding:8px 0; }
|
|
11256
11513
|
.agent-record .research-observations article { padding:12px 0;max-width:95ch; }
|
|
11257
11514
|
.agent-record .research-observations h3 { font-size:14px; }
|
|
@@ -11261,8 +11518,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11261
11518
|
.agent-record .rr-section > h3 { font:600 14px/1.4 var(--ar-font-body);margin:0 0 12px; }
|
|
11262
11519
|
.agent-record .rr-section > p { margin:8px 0;overflow-wrap:anywhere; }
|
|
11263
11520
|
.agent-record .rr-lead-verdict .research-summary { font-size:14px;margin:8px 0 12px; }
|
|
11264
|
-
.agent-record .rr-source-line { list-style:none;margin:4px 0;padding:0;font-size:
|
|
11265
|
-
.agent-record .rr-source-line code { font:
|
|
11521
|
+
.agent-record .rr-source-line { list-style:none;margin:4px 0;padding:0;font-size:var(--ar-text-s);color:var(--ar-fg-muted);overflow-wrap:anywhere; }
|
|
11522
|
+
.agent-record .rr-source-line code { font:var(--ar-text-s)/1.6 var(--ar-font-mono); }
|
|
11266
11523
|
.agent-record .rr-fact-grid { grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:8px 0 12px; }
|
|
11267
11524
|
.agent-record .rr-fact-grid > div { min-width:0;overflow-wrap:anywhere; }
|
|
11268
11525
|
.agent-record .rr-fact-grid dd { font-size:14px; }
|
|
@@ -11270,10 +11527,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11270
11527
|
.agent-record .rr-comparable[data-comparable='false'] { color:var(--ar-c-neutral);font-weight:600; }
|
|
11271
11528
|
.agent-record .rr-data-table { margin:12px 0 20px; }
|
|
11272
11529
|
.agent-record .rr-data-table figcaption { font-weight:600;margin-bottom:8px; }
|
|
11273
|
-
.agent-record .rr-data-table table { border-collapse:collapse;font-size:
|
|
11530
|
+
.agent-record .rr-data-table table { border-collapse:collapse;font-size:var(--ar-text-s);min-width:100%; }
|
|
11274
11531
|
.agent-record .rr-data-table :is(th,td) { padding:8px 12px;text-align:left;border-bottom:1px solid var(--ar-border);vertical-align:top; }
|
|
11275
11532
|
.agent-record .rr-data-table th { white-space:nowrap;color:var(--ar-fg-muted);font-weight:600; }
|
|
11276
|
-
.agent-record .rr-data-table td small { display:block;color:var(--ar-fg-muted);font-size:
|
|
11533
|
+
.agent-record .rr-data-table td small { display:block;color:var(--ar-fg-muted);font-size:var(--ar-text-s);max-width:28ch; }
|
|
11277
11534
|
.agent-record .rr-runs, .agent-record .rr-rules, .agent-record .rr-unknowns { list-style:none;margin:8px 0;padding:0; }
|
|
11278
11535
|
.agent-record .rr-run { padding:12px 0;border-bottom:1px solid var(--ar-border); }
|
|
11279
11536
|
.agent-record .rr-run-head { display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;font-size:14px; }
|
|
@@ -11293,8 +11550,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11293
11550
|
.agent-record .source-results { display:grid; }
|
|
11294
11551
|
.agent-record .source-results button { display:grid;grid-template-columns:80px 1fr;gap:4px 12px;text-align:left;padding:16px 0;border:0;border-bottom:1px solid var(--ar-border);border-radius:0;background:transparent; }
|
|
11295
11552
|
.agent-record .source-results strong { font:400 14px/1.5 var(--ar-font-body); }
|
|
11296
|
-
.agent-record .source-results small,.agent-record .source-results .rr-search-excerpt { grid-column:2;font-size:
|
|
11297
|
-
.agent-record .source-kind { color:var(--ar-fg-muted);font:
|
|
11553
|
+
.agent-record .source-results small,.agent-record .source-results .rr-search-excerpt { grid-column:2;font-size:var(--ar-text-s);overflow-wrap:anywhere; }
|
|
11554
|
+
.agent-record .source-kind { color:var(--ar-fg-muted);font:var(--ar-text-s)/1.5 var(--ar-font-body); }
|
|
11298
11555
|
.agent-record .source-back { margin-bottom:20px; }
|
|
11299
11556
|
.agent-record .rr-knowledge-controls { align-items:end;grid-template-columns:minmax(0,1fr) auto auto; }
|
|
11300
11557
|
.agent-record .rr-document { padding:0;border:0; }
|
|
@@ -11321,21 +11578,21 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11321
11578
|
.agent-record .activity-prose { font:14px/1.7 var(--ar-font-body);max-width:100ch;overflow-wrap:anywhere; }
|
|
11322
11579
|
.agent-record .activity-prose > :first-child { margin-top:0; }
|
|
11323
11580
|
.agent-record .activity-prose > :last-child { margin-bottom:0; }
|
|
11324
|
-
.agent-record .activity-prose pre { max-width:100%;overflow:auto;padding:12px;background:var(--ar-bg-sink);font:
|
|
11325
|
-
.agent-record .activity-prose code { font-family:var(--ar-font-mono);font-size:
|
|
11581
|
+
.agent-record .activity-prose pre { max-width:100%;overflow:auto;padding:12px;background:var(--ar-bg-sink);font:var(--ar-text-s)/1.6 var(--ar-font-mono); }
|
|
11582
|
+
.agent-record .activity-prose code { font-family:var(--ar-font-mono);font-size: var(--ar-text-s); }
|
|
11326
11583
|
.agent-record .structured-fields { margin:0; }
|
|
11327
11584
|
.agent-record .structured-fields > div { display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--ar-border); }
|
|
11328
|
-
.agent-record .structured-fields dt { font:
|
|
11585
|
+
.agent-record .structured-fields dt { font:var(--ar-text-s)/1.6 var(--ar-font-body);color:var(--ar-fg-muted);overflow-wrap:anywhere; }
|
|
11329
11586
|
.agent-record .structured-fields dd { margin:0;min-width:0; }
|
|
11330
11587
|
.agent-record .structured-items > div { padding:8px 0; }
|
|
11331
11588
|
.agent-record .raw-data { margin-top:12px; }
|
|
11332
|
-
.agent-record .raw-data pre { max-height:480px;overflow:auto;font:
|
|
11589
|
+
.agent-record .raw-data pre { max-height:480px;overflow:auto;font:var(--ar-text-s)/1.5 var(--ar-font-mono);white-space:pre-wrap;overflow-wrap:anywhere; }
|
|
11333
11590
|
.agent-record .activity-search-results { margin-bottom:24px; }
|
|
11334
11591
|
.agent-record .activity-search-results > button { display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--ar-border);border-radius:0;background:none; }
|
|
11335
11592
|
.agent-record .activity-search-results strong,.agent-record .activity-search-results small { grid-column:1/-1;overflow-wrap:anywhere; }
|
|
11336
11593
|
.agent-record .activity-search-results strong { font:400 14px/1.5 var(--ar-font-body); }
|
|
11337
|
-
.agent-record .activity-search-results small { font:
|
|
11338
|
-
.agent-record .activity-search-results time { font:
|
|
11594
|
+
.agent-record .activity-search-results small { font:var(--ar-text-s)/1.5 var(--ar-font-body);color:var(--ar-fg-muted); }
|
|
11595
|
+
.agent-record .activity-search-results time { font:var(--ar-text-s)/1.5 var(--ar-font-body); }
|
|
11339
11596
|
.agent-record [hidden] { display:none !important; }
|
|
11340
11597
|
@media(max-width:760px) {
|
|
11341
11598
|
.agent-record.research-workspace { display:block; }
|
|
@@ -11362,7 +11619,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11362
11619
|
.agent-record .graph-list { display:block; }
|
|
11363
11620
|
.agent-record .rr-document-header { display:block; }
|
|
11364
11621
|
.agent-record .rr-document-actions { margin-top:12px; }
|
|
11365
|
-
.agent-record .rr-document-source { font-size:
|
|
11622
|
+
.agent-record .rr-document-source { font-size:var(--ar-text-s); }
|
|
11366
11623
|
}
|
|
11367
11624
|
@media print {
|
|
11368
11625
|
.agent-record.research-workspace { display:block; }
|
|
@@ -11373,7 +11630,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11373
11630
|
.agent-record .structured-fields .structured-fields > div { grid-template-columns:1fr;gap:4px; }
|
|
11374
11631
|
.agent-record .structured-fields .structured-fields dt { font-weight:600; }
|
|
11375
11632
|
|
|
11376
|
-
.agent-record .activity-code { white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;padding:12px;background:var(--ar-bg-sink);font:
|
|
11633
|
+
.agent-record .activity-code { white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;padding:12px;background:var(--ar-bg-sink);font:var(--ar-text-s)/1.6 var(--ar-font-mono); }
|
|
11377
11634
|
|
|
11378
11635
|
/* Run workspace (/play and /run): its surfaces are Brand's planes. */
|
|
11379
11636
|
.agent-record.ar-ws {
|
|
@@ -11417,12 +11674,12 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11417
11674
|
display: inline-flex; align-items: center; gap: 8px; padding: 0 8px; border-radius: 999px;
|
|
11418
11675
|
/* Monospace is for identifiers, hashes and paths only (disco UI brief): a status word is UI text. */
|
|
11419
11676
|
font: 600 var(--ar-text-s)/24px var(--font-sans, system-ui, sans-serif); white-space: nowrap;
|
|
11420
|
-
color: var(--ar-c-neutral); border: 1px solid color-mix(in srgb, var(--ar-c-neutral)
|
|
11677
|
+
color: var(--ar-c-neutral); border: 1px solid transparent; background: color-mix(in srgb, var(--ar-c-neutral) 11%, transparent);
|
|
11421
11678
|
}
|
|
11422
11679
|
/* Status colour has one path: the `data-status="<axis>:<word>:<tone>"` that statusOf (src/workspace/data.ts) writes.
|
|
11423
11680
|
No class or component picks a status hue, so --ar-c-fail is reachable only from a fail status, which statusOf
|
|
11424
|
-
returns only for a crit attention item or a live run's red blocker.
|
|
11425
|
-
|
|
11681
|
+
returns only for a crit attention item or a live run's red blocker. Every pill is a tint of its own ink, neutral too,
|
|
11682
|
+
so no state outweighs another by its frame; `.tone-neutral` is the same ink for labels that are not statuses. */
|
|
11426
11683
|
.ar-ws [data-status$=':pass'] { color: var(--ar-c-ok); }
|
|
11427
11684
|
.ar-ws [data-status$=':attention'] { color: var(--ar-c-run); }
|
|
11428
11685
|
.ar-ws [data-status$=':fail'] { color: var(--ar-c-fail); }
|
|
@@ -11532,7 +11789,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11532
11789
|
.ar-ws .agent-identity > div { min-width: 0; }
|
|
11533
11790
|
.ar-ws .agent-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--ar-border-strong); font: 600 var(--ar-text-s) var(--ar-font-body); flex-shrink: 0; }
|
|
11534
11791
|
.ar-ws .agent-avatar[data-status] { position: relative; border-color: currentColor; }
|
|
11535
|
-
.ar-ws .agent-avatar .status-shape { position: absolute; right: -6px; bottom: -6px; padding: 1px; border-radius: 50%; background: var(--ws-panel); font-size:
|
|
11792
|
+
.ar-ws .agent-avatar .status-shape { position: absolute; right: -6px; bottom: -6px; padding: 1px; border-radius: 50%; background: var(--ws-panel); font-size: var(--ar-text-s); }
|
|
11536
11793
|
|
|
11537
11794
|
.ar-ws .capture-chip { padding: 1px 8px; border-radius: 999px; font: 600 var(--ar-text-s)/1.7 var(--ar-font-body); background: var(--ws-raised); color: var(--ar-fg-muted); }
|
|
11538
11795
|
.ar-ws .capture-complete { color: var(--ar-c-neutral); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ar-c-neutral) 55%, transparent); }
|
|
@@ -11674,16 +11931,16 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11674
11931
|
.ar-ws .spend-value .unknown { color: var(--ar-fg-muted); }
|
|
11675
11932
|
.ar-ws .plays-filters { padding: 0; }
|
|
11676
11933
|
.ar-ws .plays-filters input[type="search"] { min-width: 260px; }
|
|
11677
|
-
/* The transcript (viewer/ConversationRowView) is the kit's chat in one
|
|
11678
|
-
prose, and the kit's one-line reasoning and tool rows. Rows add no chrome of their own; a
|
|
11679
|
-
.
|
|
11680
|
-
.agent-record .
|
|
11681
|
-
.agent-record .chat-row
|
|
11682
|
-
.agent-record .chat-row.
|
|
11683
|
-
.agent-record .chat-row.
|
|
11684
|
-
.agent-record .
|
|
11934
|
+
/* The transcript (viewer/ConversationRowView) is the kit's chat in one AgentTimelineColumn: prompts as the reader's
|
|
11935
|
+
bubbles, prose, and the kit's one-line reasoning and tool rows, spaced by the kit. Rows add no chrome of their own; a
|
|
11936
|
+
selected row keeps a rule. A windowed row contains its children's margins, so its measured height is its real one. */
|
|
11937
|
+
.agent-record .virtual-row { display: flow-root; }
|
|
11938
|
+
.agent-record .chat-row.selected { box-shadow: -10px 0 0 -8px var(--accent-text); }
|
|
11939
|
+
.agent-record .chat-row.flagged { box-shadow: -10px 0 0 -8px var(--ar-c-neutral); }
|
|
11940
|
+
.agent-record .chat-row > :is(.publication-note, .clip-note, .event-flags) { margin: 4px 0 8px; }
|
|
11941
|
+
.agent-record .ar-prompt-more { display: flex; justify-content: flex-end; margin: 4px 0 0; }
|
|
11685
11942
|
.agent-record .tool-note { font: var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); white-space: nowrap; }
|
|
11686
|
-
.agent-record .lifecycle-note
|
|
11943
|
+
.agent-record .lifecycle-note { display: flex; gap: 8px; align-items: baseline; margin: 8px 0; padding: 0 12px; font: var(--ar-text-s)/1.5 var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
11687
11944
|
.agent-record .lifecycle-note > span { min-width: 0; overflow-wrap: anywhere; }
|
|
11688
11945
|
.agent-record .poll-calls { margin: 0; padding: 4px 12px 8px; list-style: none; max-height: 18rem; overflow: auto; }
|
|
11689
11946
|
.agent-record .poll-calls li { display: flex; gap: 12px; padding: 2px 0; font: var(--ar-text-s)/1.5 var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
@@ -11805,7 +12062,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11805
12062
|
}
|
|
11806
12063
|
|
|
11807
12064
|
/* The usage chart draws in a fixed 580-unit viewBox that scales with its panel: its labels are sized in those units. */
|
|
11808
|
-
.agent-record svg[data-tokens] .axis-label { font-size:
|
|
12065
|
+
.agent-record svg[data-tokens] .axis-label { font-size: var(--ar-text-s); }
|
|
11809
12066
|
/* Graph rows select as a whole: a transparent hit area behind each node's dot and label. */
|
|
11810
12067
|
/* The selected profile's detail beside its graph, kept in view while the graph scrolls. */
|
|
11811
12068
|
/* The default filter: what it hides, counted where it is seen first; failures lead in the failure colour. */
|
|
@@ -11891,7 +12148,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11891
12148
|
.ar-ws .output-note { margin: 0; color: var(--ar-fg-muted); font-size: var(--ar-text-s); border-left: 3px solid var(--ar-border-strong); padding-left: 12px; max-width: 78ch; }
|
|
11892
12149
|
.ar-ws .output-files { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 2px; }
|
|
11893
12150
|
.ar-ws .output-file { display: grid; grid-template-columns: minmax(0, 1fr) auto 72px; gap: 12px; align-items: baseline; width: 100%; padding: 8px 12px; border: 0; border-radius: 6px; background: transparent; color: var(--ar-fg); font: inherit; text-align: left; cursor: pointer; }
|
|
11894
|
-
.ar-ws .output-file:hover, .ar-ws .output-file:focus-visible { background: var(--ws-raised);
|
|
12151
|
+
.ar-ws .output-file:hover, .ar-ws .output-file:focus-visible { background: var(--ws-raised); }
|
|
12152
|
+
.ar-ws .output-file:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: -2px; }
|
|
11895
12153
|
.ar-ws .output-file .num { text-align: right; font-variant-numeric: tabular-nums; }
|
|
11896
12154
|
.ar-ws .output-more { justify-self: start; }
|
|
11897
12155
|
.ar-ws .output-reader { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px 16px 20px; min-width: 0; }
|
|
@@ -11944,7 +12202,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
11944
12202
|
.ar-ws .reliability-causes .ov-hbars { gap: 4px 12px; }
|
|
11945
12203
|
.ar-ws .reliability-causes .ov-hbars li > div { padding: 4px 0; }
|
|
11946
12204
|
.ar-ws .reliability-causes .ov-hbar-label, .ar-ws .reliability-causes .ov-hbar-value { font-size: var(--ar-text-s); }
|
|
11947
|
-
.ar-ws .reliability-causes .ov-hbar-note, .ar-ws .reliability .ov-axis { font-size:
|
|
12205
|
+
.ar-ws .reliability-causes .ov-hbar-note, .ar-ws .reliability .ov-axis { font-size: var(--ar-text-s); }
|
|
11948
12206
|
.ar-ws .runs-answer { display: grid; gap: 16px; min-width: 0; }
|
|
11949
12207
|
.ar-ws .runs-table caption { caption-side: top; text-align: left; padding: 0 0 8px; }
|
|
11950
12208
|
@media (max-width: 1100px) { .ar-ws .reliability { grid-template-columns: minmax(0, 1fr); } }
|
|
@@ -12010,7 +12268,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12010
12268
|
.ar-ws .search-table { display: grid; min-width: 0; border: 1px solid var(--ar-border); border-radius: 8px; overflow-x: auto; }
|
|
12011
12269
|
.ar-ws .search-row { display: grid; grid-template-columns: minmax(260px, 2.4fr) 110px 84px minmax(150px, 1fr) 84px; align-items: center; column-gap: 12px; min-height: 42px; padding: 4px 16px; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--ar-border) 70%, transparent); background: transparent; color: var(--ar-fg); font: inherit; text-align: left; cursor: pointer; width: 100%; }
|
|
12012
12270
|
.ar-ws .search-row > * { min-width: 0; }
|
|
12013
|
-
.ar-ws .search-row:hover, .ar-ws .search-row:focus-visible { background: var(--ws-raised);
|
|
12271
|
+
.ar-ws .search-row:hover, .ar-ws .search-row:focus-visible { background: var(--ws-raised); }
|
|
12272
|
+
.ar-ws .search-row:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: -2px; }
|
|
12014
12273
|
.ar-ws .search-row.on { background: color-mix(in srgb, var(--ws-accent) 14%, transparent); box-shadow: inset 3px 0 0 var(--ws-frame); }
|
|
12015
12274
|
.ar-ws .search-row.later { opacity: 0.28; }
|
|
12016
12275
|
.ar-ws .search-row-head { cursor: default; color: var(--ar-fg-muted); font-size: var(--ar-text-s); background: var(--ws-panel); }
|
|
@@ -12099,7 +12358,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12099
12358
|
.ar-ws .run-findings { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 30%); gap: 16px; align-items: start; min-width: 0; }
|
|
12100
12359
|
.ar-ws .findings-main { display: grid; gap: 12px; min-width: 0; padding: 20px 20px; background: var(--ws-panel); border: 1px solid var(--ar-border); border-radius: 10px; }
|
|
12101
12360
|
.ar-ws .findings-side { display: grid; gap: 16px; min-width: 0; }
|
|
12102
|
-
.ar-ws .kicker { display: flex; align-items: center; gap: 8px; margin: 0; font: 600
|
|
12361
|
+
.ar-ws .kicker { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 var(--ar-text-s)/1.3 var(--ar-font-body); letter-spacing: .08em; text-transform: uppercase; }
|
|
12103
12362
|
.ar-ws .kicker::before { content: ''; width: 7px; height: 7px; border-radius: 2px; background: currentColor; }
|
|
12104
12363
|
.ar-ws .tone-finding { color: var(--ws-accent); }
|
|
12105
12364
|
.ar-ws .tone-info { color: var(--ar-c-info); }
|
|
@@ -12111,7 +12370,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12111
12370
|
.ar-ws .finding-head { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 16px; align-items: start; width: 100%; padding: 12px 16px; border: 0; border-radius: 0; background: transparent; color: var(--ar-fg); font: inherit; text-align: left; }
|
|
12112
12371
|
.agent-record.ar-ws .finding-row.open > .finding-head { background: var(--ar-bg-alt); }
|
|
12113
12372
|
.ar-ws .finding-tags { display: flex; flex-wrap: wrap; gap: 8px; }
|
|
12114
|
-
.ar-ws .ftag { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; font: 600
|
|
12373
|
+
.ar-ws .ftag { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; font: 600 var(--ar-text-s)/1 var(--ar-font-body); white-space: nowrap; background: color-mix(in srgb, currentColor 14%, transparent); }
|
|
12115
12374
|
.ar-ws .ftag.kind-result, .ar-ws .ftag.kind-claim { color: var(--ws-accent); }
|
|
12116
12375
|
.ar-ws .ftag.kind-check { color: var(--ar-fg); }
|
|
12117
12376
|
.ar-ws .ftag.kind-sources { color: var(--ar-c-info); }
|
|
@@ -12185,7 +12444,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12185
12444
|
.ar-ws .graph-lane { position: absolute; left: 0; right: 0; border-bottom: 1px dashed color-mix(in srgb, var(--ar-border) 80%, transparent); }
|
|
12186
12445
|
.ar-ws .graph-lane.sources { background: color-mix(in srgb, var(--ar-c-info) 5%, transparent); }
|
|
12187
12446
|
.ar-ws .graph-lane-label { position: absolute; left: 14px; width: 128px; font: 600 14px/1.3 var(--ar-font-body); color: var(--ar-fg-muted); overflow-wrap: anywhere; }
|
|
12188
|
-
.ar-ws .graph-column-label { position: absolute; top: 12px; width: 204px; color: var(--ar-fg-muted); font: 600
|
|
12447
|
+
.ar-ws .graph-column-label { position: absolute; top: 12px; width: 204px; color: var(--ar-fg-muted); font: 600 var(--ar-text-s)/1.3 var(--ar-font-body); }
|
|
12189
12448
|
.ar-ws .graph-edges { position: absolute; inset: 0; pointer-events: none; overflow: visible; }
|
|
12190
12449
|
.ar-ws .graph-edges .edge { fill: none; stroke: var(--ar-fg-faint); stroke-width: 1.6; transition: opacity .12s ease; }
|
|
12191
12450
|
.ar-ws .graph-edges .edge.dim { opacity: .12; }
|
|
@@ -12213,7 +12472,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12213
12472
|
.ar-ws .graph-node.kind-verdict { border-left: 3px solid var(--ar-c-neutral); }
|
|
12214
12473
|
.ar-ws .graph-node.kind-publication, .ar-ws .graph-node.kind-profile { border-left: 3px solid var(--ar-fg-muted); }
|
|
12215
12474
|
.ar-ws .graph-node-title { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 600 14px/1.3 var(--ar-font-body); }
|
|
12216
|
-
.ar-ws .graph-node-sub { display: block; width: 100%; font:
|
|
12475
|
+
.ar-ws .graph-node-sub { display: block; width: 100%; font: var(--ar-text-s)/1.3 var(--ar-font-body); color: var(--ar-fg-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
12217
12476
|
.ar-ws .graph-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; color: var(--ar-fg-muted); }
|
|
12218
12477
|
.ar-ws .edge-swatch { display: inline-block; width: 22px; height: 0; margin-right: 8px; vertical-align: middle; border-top: 2px solid; }
|
|
12219
12478
|
.ar-ws .edge-swatch.edge-claim { border-color: var(--ws-accent); }
|
|
@@ -12250,7 +12509,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12250
12509
|
}
|
|
12251
12510
|
.ar-ws .vg-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
|
|
12252
12511
|
.ar-ws .vg-lane-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 1.8rem; padding: 2px 8px; border: 1px solid var(--ar-border); border-radius: 999px; background: var(--ws-panel); color: var(--ar-fg-muted); font: var(--ar-text-s)/1.4 var(--ar-font-body); cursor: pointer; }
|
|
12253
|
-
.ar-ws .vg-lane-chip:hover, .ar-ws .vg-lane-chip:focus-visible { border-color: var(--ws-accent);
|
|
12512
|
+
.ar-ws .vg-lane-chip:hover, .ar-ws .vg-lane-chip:focus-visible { border-color: var(--ws-accent); }
|
|
12254
12513
|
.ar-ws .vg-lane-chip.on { color: var(--ws-title); border-color: var(--ws-frame); background: color-mix(in srgb, var(--ws-accent) 10%, var(--ws-panel)); }
|
|
12255
12514
|
.ar-ws .vg-swatch { width: 10px; height: 10px; border-radius: 50%; background: currentColor; flex: none; }
|
|
12256
12515
|
.ar-ws .vg-toggle { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
@@ -12267,7 +12526,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12267
12526
|
.ar-ws .vg-rows { list-style: none; margin: 0; padding-right: 8px; }
|
|
12268
12527
|
.ar-ws .vg-rows > li { display: flex; }
|
|
12269
12528
|
.ar-ws .vg-row { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; width: 100%; min-width: 0; padding: 0 8px; border: 0; border-radius: 6px; background: none; color: var(--ar-fg); font: inherit; text-align: left; cursor: pointer; }
|
|
12270
|
-
.ar-ws .vg-row:hover, .ar-ws .vg-row:focus-visible { background: var(--ws-raised);
|
|
12529
|
+
.ar-ws .vg-row:hover, .ar-ws .vg-row:focus-visible { background: var(--ws-raised); }
|
|
12530
|
+
.ar-ws .vg-row:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: -2px; }
|
|
12271
12531
|
.ar-ws .vg-row.on { background: color-mix(in srgb, var(--ws-accent) 13%, var(--ws-panel)); box-shadow: inset 2px 0 var(--ws-frame); }
|
|
12272
12532
|
.ar-ws .vg-row:disabled { cursor: default; opacity: .8; }
|
|
12273
12533
|
.ar-ws .vg-line { display: flex; align-items: center; gap: 8px; min-width: 0; height: 30px; flex: none; }
|
|
@@ -12395,8 +12655,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12395
12655
|
.ar-ws .pc-edge.cross { stroke: var(--ar-fg); stroke-width: 2.8; }
|
|
12396
12656
|
.ar-ws .pc-edge.hot { stroke: var(--ws-accent); opacity: 1; stroke-width: 2.8; }
|
|
12397
12657
|
.ar-ws .pc-edge.dim { opacity: 0.18; }
|
|
12398
|
-
.ar-ws .pc-edge-label { position: absolute; transform: translate(-50%, -50%); display: grid; justify-items: center; max-width: 140px; padding: 1px 8px; border: 1px solid var(--ar-border); border-radius: 8px; background: var(--ws-panel); color: var(--ar-fg-muted); font: 600
|
|
12399
|
-
.ar-ws .pc-edge-label small { max-width: 124px; overflow: hidden; text-overflow: ellipsis; font: 400
|
|
12658
|
+
.ar-ws .pc-edge-label { position: absolute; transform: translate(-50%, -50%); display: grid; justify-items: center; max-width: 140px; padding: 1px 8px; border: 1px solid var(--ar-border); border-radius: 8px; background: var(--ws-panel); color: var(--ar-fg-muted); font: 600 var(--ar-text-s)/1.45 var(--ar-font-body); white-space: nowrap; pointer-events: none; transition: opacity 120ms ease; }
|
|
12659
|
+
.ar-ws .pc-edge-label small { max-width: 124px; overflow: hidden; text-overflow: ellipsis; font: 400 var(--ar-text-s)/1.4 var(--ar-font-body); color: var(--ar-fg-faint); }
|
|
12400
12660
|
.ar-ws .pc-edge-label.cross { color: var(--ar-fg); border-color: var(--ar-border-strong); }
|
|
12401
12661
|
.ar-ws .pc-edge-label.dim { opacity: 0.25; }
|
|
12402
12662
|
.ar-ws .pc-node { position: absolute; display: grid; grid-template-rows: auto auto auto; align-content: center; gap: 4px; padding: 8px 12px; border: 1px solid var(--ar-border-strong); border-radius: 10px; background: var(--ws-panel); color: var(--ar-fg); font: inherit; font-size: var(--ar-text-s); text-align: left; cursor: pointer; box-shadow: 0 1px 2px color-mix(in srgb, var(--ar-fg) 8%, transparent); transition: opacity 120ms ease, border-color 120ms ease, box-shadow 120ms ease; }
|
|
@@ -12411,10 +12671,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12411
12671
|
.ar-ws .pc-node.on.foreign { border-left-width: 5px; }
|
|
12412
12672
|
.ar-ws .pc-node .pc-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
|
|
12413
12673
|
.ar-ws .pc-node .pc-title b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font-size: var(--ar-text-m); color: var(--ws-title); }
|
|
12414
|
-
.ar-ws .pc-node .pc-kind { margin-left: auto; flex: none; font: 600
|
|
12674
|
+
.ar-ws .pc-node .pc-kind { margin-left: auto; flex: none; font: 600 var(--ar-text-s)/1.4 var(--ar-font-body); color: var(--ar-fg-muted); text-transform: uppercase; letter-spacing: 0.04em; }
|
|
12415
12675
|
.ar-ws .pc-node .pc-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; font-size: 14px; }
|
|
12416
|
-
.ar-ws .pc-node .dot { flex: none; font-size:
|
|
12417
|
-
.ar-ws .pc-play { position: absolute; top: -12px; left: 10px; max-width: calc(100% - 20px); padding: 0 8px; border: 1px solid var(--ar-border-strong); border-radius: 999px; background: var(--ar-fg); color: var(--ws-panel); font-size:
|
|
12676
|
+
.ar-ws .pc-node .dot { flex: none; font-size: var(--ar-text-s); line-height: 1; }
|
|
12677
|
+
.ar-ws .pc-play { position: absolute; top: -12px; left: 10px; max-width: calc(100% - 20px); padding: 0 8px; border: 1px solid var(--ar-border-strong); border-radius: 999px; background: var(--ar-fg); color: var(--ws-panel); font-size: var(--ar-text-s); line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
12418
12678
|
.ar-ws .pc-cluster { border-style: dashed; background: var(--ws-raised); }
|
|
12419
12679
|
.ar-ws .pc-cluster .pc-title b { white-space: normal; }
|
|
12420
12680
|
.ar-ws .pc-inspector { overflow: auto; min-width: 0; padding: 20px 24px 28px; overflow-wrap: anywhere; }
|
|
@@ -12458,7 +12718,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12458
12718
|
.ar-ws .graph-modes { display: flex; gap: 8px; margin: 0 0 12px; }
|
|
12459
12719
|
.ar-ws .pv-band { position: absolute; border: 1px dashed var(--ar-border-strong); border-radius: 14px; background: color-mix(in srgb, var(--ar-fg) 3%, transparent); pointer-events: none; }
|
|
12460
12720
|
.ar-ws .pv-band-review { border-style: solid; border-color: var(--ar-fg-muted); background: color-mix(in srgb, var(--ar-fg) 6%, transparent); }
|
|
12461
|
-
.ar-ws .pv-band-label { position: absolute; top: 10px; left: 16px; font: 600
|
|
12721
|
+
.ar-ws .pv-band-label { position: absolute; top: 10px; left: 16px; font: 600 var(--ar-text-s)/1.4 var(--ar-font-body); color: var(--ar-fg-muted); text-transform: uppercase; letter-spacing: 0.05em; }
|
|
12462
12722
|
.ar-ws .pv-node { grid-template-rows: auto auto auto; }
|
|
12463
12723
|
.ar-ws .pv-node .pc-title b { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--ar-text-s); line-height: 1.3; }
|
|
12464
12724
|
.ar-ws .pv-claim { border-width: 2px; }
|
|
@@ -12472,9 +12732,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12472
12732
|
.ar-ws .pv-mark-reviewer { transform: rotate(45deg); background: var(--ar-fg-muted); }
|
|
12473
12733
|
.ar-ws .pv-mark-publication { background: transparent; box-shadow: inset 0 0 0 2px var(--ar-fg); }
|
|
12474
12734
|
.ar-ws .pv-chips { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; overflow: hidden; max-height: 22px; }
|
|
12475
|
-
.ar-ws .pv-chip { display: inline-block; padding: 0 8px; border-radius: 999px; border: 1px solid var(--ar-border-strong); font: 600
|
|
12735
|
+
.ar-ws .pv-chip { display: inline-block; padding: 0 8px; border-radius: 999px; border: 1px solid var(--ar-border-strong); font: 600 var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
12476
12736
|
.ar-ws .pv-label-counts { display: flex; flex-wrap: wrap; gap: 8px; }
|
|
12477
|
-
.ar-ws .pv-verdict { position: absolute; transform: translate(-50%, -50%); padding: 0 8px; border-radius: 999px; border: 1px solid var(--ar-border-strong); background: var(--ws-panel); font: 600
|
|
12737
|
+
.ar-ws .pv-verdict { position: absolute; transform: translate(-50%, -50%); padding: 0 8px; border-radius: 999px; border: 1px solid var(--ar-border-strong); background: var(--ws-panel); font: 600 var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); pointer-events: none; transition: opacity 120ms ease; }
|
|
12478
12738
|
.ar-ws .pv-verdict.dim { opacity: 0.2; }
|
|
12479
12739
|
.ar-ws .pc-edge.pv-edge-verdict { stroke-width: 2.2; }
|
|
12480
12740
|
.ar-ws .pc-edge.pv-edge-cites { stroke-dasharray: 2 5; stroke-linecap: round; stroke-width: 2; }
|
|
@@ -12503,7 +12763,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12503
12763
|
.ar-ws .th-page { gap: 20px; }
|
|
12504
12764
|
.ar-ws .th-banner { display: grid; gap: 8px; padding: 16px 20px 16px; background: var(--ws-panel); border-radius: 8px; border-left: 4px solid var(--ar-c-ok); }
|
|
12505
12765
|
.ar-ws .th-goal { margin: 0; max-width: 118ch; color: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
12506
|
-
.ar-ws .th-goal b { display: block; margin-bottom: 2px; color: var(--ar-fg-faint); font-size:
|
|
12766
|
+
.ar-ws .th-goal b { display: block; margin-bottom: 2px; color: var(--ar-fg-faint); font-size: var(--ar-text-s); letter-spacing: .06em; text-transform: uppercase; }
|
|
12507
12767
|
.ar-ws .th-best { margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 20px; }
|
|
12508
12768
|
.ar-ws .th-best span { color: var(--ar-fg-muted); font-size: var(--ar-text-s); text-transform: uppercase; letter-spacing: .06em; }
|
|
12509
12769
|
.ar-ws .th-best b { font: 600 clamp(26px, 4.4vw, 40px)/1.1 var(--ar-font-body); color: var(--ar-c-ok); letter-spacing: -.02em; }
|
|
@@ -12521,10 +12781,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12521
12781
|
.ar-ws .th-band { fill: transparent; }
|
|
12522
12782
|
.ar-ws .th-band.odd { fill: color-mix(in srgb, var(--ar-fg) 4%, transparent); }
|
|
12523
12783
|
.ar-ws .th-grid { stroke: var(--ar-border); stroke-width: 1; }
|
|
12524
|
-
.ar-ws .th-tick { fill: var(--ar-fg-muted); font-size:
|
|
12525
|
-
.ar-ws .th-axis { fill: var(--ar-fg-faint); font-size:
|
|
12784
|
+
.ar-ws .th-tick { fill: var(--ar-fg-muted); font-size: var(--ar-text-s); font-variant-numeric: tabular-nums; }
|
|
12785
|
+
.ar-ws .th-axis { fill: var(--ar-fg-faint); font-size: var(--ar-text-s); }
|
|
12526
12786
|
.ar-ws .th-act-label { fill: var(--ar-fg); font-size: 14px; font-weight: 600; }
|
|
12527
|
-
.ar-ws .th-act-date { fill: var(--ar-fg-muted); font-size:
|
|
12787
|
+
.ar-ws .th-act-date { fill: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
12528
12788
|
.ar-ws .th-line { fill: none; stroke: var(--ar-c-action); stroke-width: 2.6; stroke-linejoin: round; opacity: .9; }
|
|
12529
12789
|
.ar-ws .th-edge { fill: none; stroke: var(--ar-fg-faint); stroke-width: 1.2; stroke-dasharray: 4 3; opacity: .85; }
|
|
12530
12790
|
.ar-ws .th-dot circle { stroke-width: 1.6; }
|
|
@@ -12548,7 +12808,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12548
12808
|
.ar-ws .th-act h3 span { font-weight: 400; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
12549
12809
|
.ar-ws .th-change { margin: 0 0 8px; color: var(--ar-fg); font-size: var(--ar-text-s); line-height: 1.4; }
|
|
12550
12810
|
.ar-ws .th-result { margin: 0 0 8px; color: var(--ar-fg-muted); font-size: var(--ar-text-s); line-height: 1.4; }
|
|
12551
|
-
.ar-ws .th-chip { display: inline-block; margin-right: 4px; padding: 0 8px; border-radius: 999px; font-size:
|
|
12811
|
+
.ar-ws .th-chip { display: inline-block; margin-right: 4px; padding: 0 8px; border-radius: 999px; font-size: var(--ar-text-s); font-weight: 600; background: color-mix(in srgb, var(--ar-fg-muted) 22%, transparent); color: var(--ar-fg); }
|
|
12552
12812
|
|
|
12553
12813
|
.ar-ws .status-invalid .th-chip { background: color-mix(in srgb, var(--ar-c-neutral) 30%, transparent); }
|
|
12554
12814
|
.ar-ws .status-live .th-chip { background: color-mix(in srgb, var(--ar-c-info) 30%, transparent); }
|
|
@@ -12557,7 +12817,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12557
12817
|
.ar-ws .th-cost dt { color: var(--ar-fg-muted); }
|
|
12558
12818
|
.ar-ws .th-cost dd { margin: 0; color: var(--ar-fg); font-weight: 600; font-variant-numeric: tabular-nums; }
|
|
12559
12819
|
.ar-ws .th-loose { color: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
12560
|
-
.ar-ws .th-key { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 12px 0 0; color: var(--ar-fg-muted); font-size:
|
|
12820
|
+
.ar-ws .th-key { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 12px 0 0; color: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
12561
12821
|
.ar-ws .th-key i { display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 50%; vertical-align: -1px; font-style: normal; line-height: 10px; text-align: center; }
|
|
12562
12822
|
.ar-ws .th-key .k-selected { background: var(--ar-c-action); }
|
|
12563
12823
|
.ar-ws .th-key .k-rejected { border: 1.6px solid var(--ar-fg-muted); }
|
|
@@ -12569,7 +12829,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12569
12829
|
.ar-ws .th-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
|
|
12570
12830
|
.ar-ws .th-list li { display: grid; gap: 2px; padding: 12px 16px; background: var(--ws-panel); border-radius: 8px; }
|
|
12571
12831
|
.ar-ws .th-list span { color: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
12572
|
-
@media (max-width: 559px) { .ar-ws .th-best-label { font-size:
|
|
12832
|
+
@media (max-width: 559px) { .ar-ws .th-best-label { font-size: var(--ar-text-s); stroke-width: 3px; } }
|
|
12573
12833
|
@media (max-width: 899px) {
|
|
12574
12834
|
.ar-ws .th-cards { grid-template-columns: minmax(0, 1fr); padding: 8px 0 0; }
|
|
12575
12835
|
.ar-ws .th-act + .th-act { border-left: 0; }
|
|
@@ -12627,7 +12887,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12627
12887
|
.ar-ws .rr-now-wait { margin:0 0 12px; overflow-wrap:anywhere; }
|
|
12628
12888
|
.ar-ws .rr-now-wait strong { color:var(--ar-fg); }
|
|
12629
12889
|
/* A check's calibration: small neutral labels, never a status tone (design-system section 1). */
|
|
12630
|
-
.ar-ws .rr-now-calibration { display:flex; flex-wrap:wrap; gap:4px 8px; align-items:baseline; margin:0 0 12px; font-size:
|
|
12890
|
+
.ar-ws .rr-now-calibration { display:flex; flex-wrap:wrap; gap:4px 8px; align-items:baseline; margin:0 0 12px; font-size:var(--ar-text-s); }
|
|
12631
12891
|
.ar-ws .rr-calibration { padding:0 8px; border-radius:3px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ar-c-neutral) 55%, transparent); }
|
|
12632
12892
|
.ar-ws .rr-contract { margin:0; padding-left:20px; display:grid; gap:12px; }
|
|
12633
12893
|
.ar-ws .rr-contract li { display:grid; gap:2px; font-size:var(--ar-text-s); }
|
|
@@ -12760,13 +13020,13 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12760
13020
|
.ar-ws .blocker-class { text-transform: uppercase; letter-spacing: .03em; font-family: var(--ar-font-body); font-weight: 600; }
|
|
12761
13021
|
.ar-ws .blocker-age { font-family: var(--ar-font-body); font-weight: 600; }
|
|
12762
13022
|
.ar-ws .blocker-also { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
|
|
12763
|
-
.ar-ws .blocker-also b { font-family: var(--ar-font-body); text-transform: uppercase; font-size:
|
|
13023
|
+
.ar-ws .blocker-also b { font-family: var(--ar-font-body); text-transform: uppercase; font-size: var(--ar-text-s); }
|
|
12764
13024
|
.ar-ws .ending-glyph { font-family: var(--ar-font-body); }
|
|
12765
13025
|
.ar-ws .play-setup { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; }
|
|
12766
13026
|
.ar-ws .section-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-bottom: 8px; }
|
|
12767
13027
|
.ar-ws .section-head h3 { margin: 0; }
|
|
12768
|
-
.ar-ws .section-head p { margin: 0; font-size:
|
|
12769
|
-
:is(.ar-ws, .research-report) .outcome-legend { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 0; padding: 0; list-style: none; font-size:
|
|
13028
|
+
.ar-ws .section-head p { margin: 0; font-size: var(--ar-text-s); line-height: 1.4; max-width: 110ch; }
|
|
13029
|
+
:is(.ar-ws, .research-report) .outcome-legend { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 0; padding: 0; list-style: none; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
12770
13030
|
:is(.ar-ws, .research-report) .outcome-legend li { display: inline-flex; align-items: center; gap: 4px; }
|
|
12771
13031
|
:is(.ar-ws, .research-report) .outcome-legend i { width: 10px; height: 10px; border-radius: 2px; }
|
|
12772
13032
|
.ar-ws .outcome-open { background: var(--ws-hatch) !important; box-shadow: inset 0 0 0 1px var(--ar-border-strong); }
|
|
@@ -12777,23 +13037,23 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12777
13037
|
:is(.ar-ws, .research-report) .outcome-track i, .ar-ws .wall-track i { display: block; height: 100%; min-width: 1px; }
|
|
12778
13038
|
.ar-ws .wall-track i { background: color-mix(in srgb, var(--ar-fg-muted) 55%, transparent); }
|
|
12779
13039
|
.ar-ws .wall-track .wall-idle { background: var(--ws-hatch); }
|
|
12780
|
-
:is(.ar-ws, .research-report) .outcome-total, .ar-ws .wall-bar .num { flex: none; font:
|
|
13040
|
+
:is(.ar-ws, .research-report) .outcome-total, .ar-ws .wall-bar .num { flex: none; font: var(--ar-text-s) var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
12781
13041
|
.ar-ws .ledger-fork { font-family: var(--ar-font-body); }
|
|
12782
13042
|
.ar-ws .ledger-table .ledger-seat { white-space: nowrap; }
|
|
12783
13043
|
.ar-ws .ledger-best { font-size: var(--ar-text-s); }
|
|
12784
13044
|
.ar-ws .ledger-best.verdict-solved { color: var(--ar-c-ok); }
|
|
12785
13045
|
.ar-ws .ledger-best.is-superseded, .ar-ws .ledger-best.is-unscored { color: var(--ar-fg-muted); }
|
|
12786
13046
|
/* The hatch sits in a left stub so the word stays on a plain ground and reads. */
|
|
12787
|
-
.ar-ws .unpriced { display: inline-flex; align-items: center; gap: 8px; color: var(--ar-fg-muted); font-size:
|
|
13047
|
+
.ar-ws .unpriced { display: inline-flex; align-items: center; gap: 8px; color: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
12788
13048
|
.ar-ws .unpriced::before { content: ''; display: inline-block; width: 14px; height: 12px; border-radius: 2px; background: var(--ws-hatch); }
|
|
12789
13049
|
.ar-ws .sort-button { color: inherit; text-decoration: none; font-weight: inherit; }
|
|
12790
|
-
.ar-ws .ledger-older { margin: 8px 0 0; font-size:
|
|
13050
|
+
.ar-ws .ledger-older { margin: 8px 0 0; font-size: var(--ar-text-s); }
|
|
12791
13051
|
/* One team per row: each timeline is drawn at the section's width, its lanes and ticks at their set size. */
|
|
12792
13052
|
.ar-ws .run-end-blocker { margin: 8px 0 2px; }
|
|
12793
13053
|
/* A 27-agent team would run a page tall: the panel scrolls inside 640 px. */
|
|
12794
13054
|
.ar-ws .finding-group { margin: 0 0 8px; }
|
|
12795
13055
|
.ar-ws .finding-group > summary { cursor: pointer; padding: 4px 0; font-size: var(--ar-text-s); }
|
|
12796
|
-
.ar-ws .finding-group > summary .faint { font-size:
|
|
13056
|
+
.ar-ws .finding-group > summary .faint { font-size: var(--ar-text-s); }
|
|
12797
13057
|
.ar-ws .finding-group ul { margin: 0; padding: 0; list-style: none; display: grid; }
|
|
12798
13058
|
.ar-ws .finding-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; padding: 4px 8px 4px 12px; border-left: 2px solid var(--ar-border); }
|
|
12799
13059
|
.ar-ws .group-verified .finding-row { border-left-color: var(--ar-c-ok); }
|
|
@@ -12801,19 +13061,19 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12801
13061
|
.ar-ws .group-undecided .finding-row { border-left-color: var(--ar-c-neutral); }
|
|
12802
13062
|
.ar-ws .finding-title { color: var(--ar-fg); font-size: var(--ar-text-s); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
12803
13063
|
.ar-ws .finding-title:hover { color: var(--ws-accent); }
|
|
12804
|
-
.ar-ws .finding-meta { font-size:
|
|
13064
|
+
.ar-ws .finding-meta { font-size: var(--ar-text-s); white-space: nowrap; }
|
|
12805
13065
|
.ar-ws .finding-meta .chip { margin-left: 0; margin-right: 8px; }
|
|
12806
13066
|
.ar-ws .finding-commits { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px; }
|
|
12807
|
-
.ar-ws .commit-chip { padding: 0 8px; border-radius: 4px; font:
|
|
13067
|
+
.ar-ws .commit-chip { padding: 0 8px; border-radius: 4px; font: var(--ar-text-s)/1.7 var(--ar-font-body); background: var(--ws-raised); color: var(--ar-fg-muted); }
|
|
12808
13068
|
/* The chip's release tag is the id; its verdict, score and checker read in the body face. */
|
|
12809
13069
|
.ar-ws .commit-chip b { font-family: var(--ar-font-mono); font-weight: 600; }
|
|
12810
13070
|
.ar-ws .release-grid { overflow-x: auto; font-size: var(--ar-text-s); }
|
|
12811
13071
|
.ar-ws .release-row { display: grid; grid-template-columns: var(--release-columns); gap: 8px; align-items: center; min-width: 980px; padding: 4px 4px; border-bottom: 1px solid color-mix(in srgb, var(--ar-border) 60%, transparent); }
|
|
12812
|
-
.ar-ws .release-header { color: var(--ar-fg-muted); font-size:
|
|
13072
|
+
.ar-ws .release-header { color: var(--ar-fg-muted); font-size: var(--ar-text-s); border-bottom: 1px solid var(--ar-border); }
|
|
12813
13073
|
|
|
12814
13074
|
.ar-ws .release-scroll { max-height: 70vh; overflow: auto; min-width: 980px; }
|
|
12815
13075
|
.ar-ws .release-group-head { padding: 12px 4px 4px; font-size: var(--ar-text-s); min-width: 980px; }
|
|
12816
|
-
.ar-ws .verdict-cell { font-family: var(--ar-font-body); font-size:
|
|
13076
|
+
.ar-ws .verdict-cell { font-family: var(--ar-font-body); font-size: var(--ar-text-s); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
12817
13077
|
.ar-ws .release-row > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
12818
13078
|
.ar-ws .play-judged-link { margin: 0; }
|
|
12819
13079
|
@media (max-width: 700px) {
|
|
@@ -12841,29 +13101,29 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12841
13101
|
.ar-ws .explore-body { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 12px; min-width: 0; }
|
|
12842
13102
|
.ar-ws .explore-map { padding: 8px; min-width: 0; --dot-map-surface: var(--ws-panel); }
|
|
12843
13103
|
.ar-ws .explore-map .tgc-dot-map { color: var(--ar-fg-muted); }
|
|
12844
|
-
.ar-ws .explore-hint { margin: 8px 4px 0; font-size:
|
|
13104
|
+
.ar-ws .explore-hint { margin: 8px 4px 0; font-size: var(--ar-text-s); }
|
|
12845
13105
|
.ar-ws .explore-side { display: grid; align-content: start; gap: 8px; min-width: 0; }
|
|
12846
13106
|
.ar-ws .explore-side h3 { margin: 0; font-size: var(--ar-text-s); }
|
|
12847
|
-
.ar-ws .explore-legend-note { margin: 0; font-size:
|
|
13107
|
+
.ar-ws .explore-legend-note { margin: 0; font-size: var(--ar-text-s); }
|
|
12848
13108
|
.ar-ws .explore-legend { margin: 0 0 8px; padding: 0; list-style: none; display: grid; gap: 1px; }
|
|
12849
|
-
.ar-ws .explore-legend button { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; padding: 4px 4px; border: 0; border-radius: 4px; background: transparent; color: var(--ar-fg); font: inherit; font-size:
|
|
13109
|
+
.ar-ws .explore-legend button { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 8px; align-items: center; width: 100%; padding: 4px 4px; border: 0; border-radius: 4px; background: transparent; color: var(--ar-fg); font: inherit; font-size: var(--ar-text-s); text-align: left; cursor: pointer; }
|
|
12850
13110
|
.ar-ws .explore-legend button:hover { background: var(--ws-raised); }
|
|
12851
13111
|
.ar-ws .explore-legend i { width: 10px; height: 10px; border-radius: 50%; }
|
|
12852
13112
|
.ar-ws .explore-legend i[data-named='no'] { opacity: .55; }
|
|
12853
13113
|
.ar-ws .explore-legend-label { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
12854
13114
|
.ar-ws .explore-selected { border-top: 1px solid var(--ar-border); padding-top: 8px; display: grid; gap: 8px; }
|
|
12855
|
-
.ar-ws .explore-selected-id { margin: 0; overflow-wrap: anywhere; font-size:
|
|
12856
|
-
.ar-ws .explore-facts { margin: 0; display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 2px 8px; font-size:
|
|
13115
|
+
.ar-ws .explore-selected-id { margin: 0; overflow-wrap: anywhere; font-size: var(--ar-text-s); }
|
|
13116
|
+
.ar-ws .explore-facts { margin: 0; display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 2px 8px; font-size: var(--ar-text-s); }
|
|
12857
13117
|
.ar-ws .explore-facts dt { color: var(--ar-fg-muted); }
|
|
12858
13118
|
.ar-ws .explore-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
|
|
12859
|
-
.ar-ws .explore-labels td, .ar-ws .explore-labels th { padding: 2px 8px; font-size:
|
|
13119
|
+
.ar-ws .explore-labels td, .ar-ws .explore-labels th { padding: 2px 8px; font-size: var(--ar-text-s); }
|
|
12860
13120
|
.ar-ws .explore-labels tr[data-agree='no'] td { color: var(--ar-c-neutral); }
|
|
12861
|
-
.ar-ws .explore-selected-empty { margin: 0; font-size:
|
|
13121
|
+
.ar-ws .explore-selected-empty { margin: 0; font-size: var(--ar-text-s); border-top: 1px solid var(--ar-border); padding-top: 8px; }
|
|
12862
13122
|
.ar-ws .kappa-bar { display: inline-block; width: 60px; height: 8px; margin-right: 8px; border-radius: 2px; background: var(--ws-raised); vertical-align: middle; overflow: hidden; }
|
|
12863
13123
|
.ar-ws .kappa-bar i { display: block; height: 100%; background: color-mix(in srgb, var(--ar-c-info) 80%, transparent); }
|
|
12864
13124
|
.ar-ws .kappa-word.kappa-noise { color: var(--ar-c-neutral); }
|
|
12865
13125
|
.ar-ws .kappa-word.kappa-substantial, .ar-ws .kappa-word.kappa-moderate { color: var(--ar-fg); }
|
|
12866
|
-
.ar-ws .explore-disagreements { margin: 8px 0 0; padding: 0 0 0 20px; display: grid; gap: 2px; font-size:
|
|
13126
|
+
.ar-ws .explore-disagreements { margin: 8px 0 0; padding: 0 0 0 20px; display: grid; gap: 2px; font-size: var(--ar-text-s); }
|
|
12867
13127
|
@media (max-width: 900px) {
|
|
12868
13128
|
.ar-ws .explore-body { grid-template-columns: minmax(0, 1fr); }
|
|
12869
13129
|
.ar-ws .explore-search { min-width: 0; flex: 1 1 12em; }
|
|
@@ -12877,7 +13137,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12877
13137
|
.ar-ws .explore-compare-grid { grid-template-columns: minmax(0, 1fr); }
|
|
12878
13138
|
}
|
|
12879
13139
|
.ar-ws .explore-compare .tgc-view-plot svg { max-width: 100%; height: auto; }
|
|
12880
|
-
.ar-ws .explore-selected-actions { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size:
|
|
13140
|
+
.ar-ws .explore-selected-actions { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: var(--ar-text-s); }
|
|
12881
13141
|
|
|
12882
13142
|
/* ---------- The climb over time: axis toggle, run chips and the brush strip ---------- */
|
|
12883
13143
|
|
|
@@ -12892,28 +13152,28 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12892
13152
|
.agent-record .topology-tree[open] > summary { margin-bottom: 0.5rem; }
|
|
12893
13153
|
|
|
12894
13154
|
/* ---------- Decision pages open with their answers (change 4; design-system sections 3 and 6) ---------- */
|
|
12895
|
-
.ar-ws .as-of { margin-left: auto; font-size:
|
|
13155
|
+
.ar-ws .as-of { margin-left: auto; font-size: var(--ar-text-s); color: var(--ar-fg-muted); white-space: nowrap; cursor: help; }
|
|
12896
13156
|
.ar-ws .answer-strip { display: grid; gap: 12px; min-width: 0; }
|
|
12897
13157
|
.ar-ws .answer-tiles { display: grid; gap: 12px; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); }
|
|
12898
13158
|
.ar-ws .answer-tile { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 16px 16px 12px; border: 1px solid var(--ar-border); border-radius: 10px; background: var(--ws-panel); }
|
|
12899
13159
|
.ar-ws .answer-tile[data-open='true'] { border-color: var(--ws-accent); box-shadow: inset 0 0 0 1px var(--ws-accent); }
|
|
12900
|
-
.ar-ws .answer-tile-label { padding-right: 24px; font-size:
|
|
13160
|
+
.ar-ws .answer-tile-label { padding-right: 24px; font-size: var(--ar-text-s); font-weight: 600; color: var(--ar-fg-muted); }
|
|
12901
13161
|
.ar-ws .answer-tile-head { font-size: 14px; font-weight: 600; line-height: 1.3; }
|
|
12902
13162
|
.ar-ws .answer-tile-figure { display: flex; align-items: baseline; min-height: 36px; cursor: help; }
|
|
12903
13163
|
.ar-ws .answer-tile-figure [data-num] b { font-size: 18px; line-height: 1.15; font-weight: 600; font-variant-numeric: tabular-nums; }
|
|
12904
|
-
.ar-ws .answer-tile-figure small { font-size:
|
|
13164
|
+
.ar-ws .answer-tile-figure small { font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
12905
13165
|
.ar-ws .answer-tile-figure [data-spark] { display: inline-flex; align-items: center; gap: 8px; }
|
|
12906
13166
|
.ar-ws .answer-tile-figure [data-spark] svg { width: 96px; height: 30px; }
|
|
12907
|
-
.ar-ws .answer-tile-sub { font-size:
|
|
13167
|
+
.ar-ws .answer-tile-sub { font-size: var(--ar-text-s); line-height: 1.4; color: var(--ar-fg-muted); }
|
|
12908
13168
|
.ar-ws .answer-tile-more { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--ar-fg-faint); cursor: pointer; }
|
|
12909
|
-
.ar-ws .answer-tile-more span { font-size:
|
|
13169
|
+
.ar-ws .answer-tile-more span { font-size: var(--ar-text-s); }
|
|
12910
13170
|
.ar-ws .answer-tile-more[aria-expanded='true'] span { display: inline-block; transform: rotate(180deg); }
|
|
12911
|
-
.ar-ws .answer-drawer { padding: 16px 20px; border: 1px solid var(--ar-border); border-radius: 10px; background: var(--ws-panel); font-size:
|
|
13171
|
+
.ar-ws .answer-drawer { padding: 16px 20px; border: 1px solid var(--ar-border); border-radius: 10px; background: var(--ws-panel); font-size: var(--ar-text-s); }
|
|
12912
13172
|
.ar-ws .answer-drawer dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 20px; margin: 0; }
|
|
12913
13173
|
.ar-ws .answer-drawer dl > div { display: contents; }
|
|
12914
13174
|
.ar-ws .answer-drawer dt { color: var(--ar-fg-muted); }
|
|
12915
13175
|
.ar-ws .answer-drawer dd { margin: 0; overflow-wrap: anywhere; }
|
|
12916
|
-
.ar-ws .check-works { border: 1px solid var(--ar-border); border-radius: 10px; background: var(--ws-panel); font-size:
|
|
13176
|
+
.ar-ws .check-works { border: 1px solid var(--ar-border); border-radius: 10px; background: var(--ws-panel); font-size: var(--ar-text-s); }
|
|
12917
13177
|
.ar-ws .check-works > summary { padding: 12px 16px; cursor: pointer; font-weight: 600; }
|
|
12918
13178
|
.ar-ws .check-works > :not(summary) { margin: 0 16px 8px; }
|
|
12919
13179
|
/* Off the Standing tab the play's header is one 56 px sticky line, so a tab's first section starts near the top. */
|
|
@@ -12954,7 +13214,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12954
13214
|
.ar-ws .answer-tile-figure [data-num] b { font-size: 18px; }
|
|
12955
13215
|
/* The unit stays with its value: a bare "5" beside "Not solved" read as five of nothing (AUDIT 5). */
|
|
12956
13216
|
.ar-ws .answer-tile-figure [data-num] { white-space: nowrap; }
|
|
12957
|
-
.ar-ws .answer-tile-figure small { font-size:
|
|
13217
|
+
.ar-ws .answer-tile-figure small { font-size: var(--ar-text-s); }
|
|
12958
13218
|
.ar-ws .answer-tile-sub { grid-area: sub; }
|
|
12959
13219
|
|
|
12960
13220
|
.ar-ws .run-state { font-size: 14px; }
|
|
@@ -12979,14 +13239,19 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
12979
13239
|
|
|
12980
13240
|
.ar-ws .plays-bar .plays-filters { flex: 1; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
|
|
12981
13241
|
.ar-ws .plays-bar input[type="search"] { flex: 1; min-width: 160px; }
|
|
12982
|
-
|
|
13242
|
+
/* Plays sits on the same page grid as Today and Fleet: no gutter of its own, the title where theirs is. */
|
|
13243
|
+
.ar-ws .ws-page.ws-plays { padding: 8px 0 48px; }
|
|
13244
|
+
.ar-ws .ws-plays .hidden-summary { margin: 0 0 12px; padding: 0; background: none; color: var(--ar-fg-muted); font-size: var(--ar-text-s); }
|
|
13245
|
+
.ar-ws .ws-plays .hidden-summary b { color: var(--ar-fg); }
|
|
13246
|
+
.ar-ws .plays-table .plays-name a { color: var(--ar-fg); font-weight: 500; }
|
|
13247
|
+
.ar-ws .plays-table tr:hover .plays-name a { color: var(--accent-text); }
|
|
12983
13248
|
.ar-ws .plays-table td { padding-top: 8px; padding-bottom: 8px; }
|
|
12984
13249
|
.ar-ws .plays-more { display: block; margin: 12px auto 0; padding: 8px 16px; border: 1px solid var(--ar-border); border-radius: 8px; background: none; color: var(--ar-fg); font: inherit; font-size: 14px; cursor: pointer; transition: background-color 150ms; }
|
|
12985
13250
|
.ar-ws .plays-more:hover { background: var(--ws-panel); }
|
|
12986
13251
|
.ar-ws .plays-table td { white-space: nowrap; }
|
|
12987
13252
|
.ar-ws .plays-table .plays-last .ending-word { padding: 0; border: 0; background: none; }
|
|
12988
13253
|
.ar-ws .plays-status { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-width: 0; }
|
|
12989
|
-
.ar-ws .plays-status [data-holding] { flex-basis: 100%; font-size:
|
|
13254
|
+
.ar-ws .plays-status [data-holding] { flex-basis: 100%; font-size: var(--ar-text-s); }
|
|
12990
13255
|
.ar-ws .plays-status .clamp-1 { min-width: 0; color: var(--ar-fg-muted); }
|
|
12991
13256
|
.ar-ws .plays-best > span { display: inline-flex; align-items: center; gap: 8px; }
|
|
12992
13257
|
/* Phone: each play in two lines, name and status, then best release and last run (REVIEW-6 #13: four lines, 130 px a play). */
|
|
@@ -13003,7 +13268,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13003
13268
|
}
|
|
13004
13269
|
.ar-ws .plays-status [data-holding="needs"] { color: hsl(var(--warning)); }
|
|
13005
13270
|
.ar-ws .plays-table .plays-standing { min-width: 0; max-width: 18rem; }
|
|
13006
|
-
.ar-ws .plays-table .plays-name small, .ar-ws .plays-table .plays-best .faint { font-size:
|
|
13271
|
+
.ar-ws .plays-table .plays-name small, .ar-ws .plays-table .plays-best .faint { font-size: var(--ar-text-s); }
|
|
13007
13272
|
/* Mono is for ids only (brief): counts, money and controls are Inter with tabular figures. */
|
|
13008
13273
|
.ar-ws .plays-table td.num, .ar-ws .plays-table td.num *, .ar-ws .plays-table th.num, .ar-ws .plays-bar select, .ar-ws .plays-bar input { font-family: var(--ar-font, Inter, sans-serif); font-variant-numeric: tabular-nums; }
|
|
13009
13274
|
|
|
@@ -13022,7 +13287,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13022
13287
|
/* 32 px numerals on the type scale, 8/16/24 px gaps (REVIEW-5 #4: 26 px was a 7th size and the row broke the grid). */
|
|
13023
13288
|
.ar-ws .rj-stats { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0; }
|
|
13024
13289
|
.ar-ws .rj-stats > div { display: flex; flex-direction: column-reverse; gap: 8px; }
|
|
13025
|
-
.ar-ws .rj-stats dt { font: 400
|
|
13290
|
+
.ar-ws .rj-stats dt { font: 400 var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
13026
13291
|
.ar-ws .rj-stats dd { margin: 0; font: 600 24px/28px var(--ar-font-body); }
|
|
13027
13292
|
|
|
13028
13293
|
/* The diff renderer fills its parent's height, as it did in the old file pane. */
|
|
@@ -13036,10 +13301,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13036
13301
|
/* Today (Today.tsx): one focal line, color only for state. */
|
|
13037
13302
|
|
|
13038
13303
|
.ar-ws .tj-chart { min-width: 0; }
|
|
13039
|
-
.ar-ws .tj-chart .ov-axis { font-size:
|
|
13304
|
+
.ar-ws .tj-chart .ov-axis { font-size: var(--ar-text-s); }
|
|
13040
13305
|
|
|
13041
13306
|
.ar-ws .ar-tip-anchor { position: relative; display: inline-flex; align-items: center; gap: 8px; outline-offset: 2px; }
|
|
13042
|
-
.ar-ws .ar-tip { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 30; width: max-content; max-width: 320px; padding: 8px 12px; border: 1px solid var(--ar-border); border-radius: 8px; background: var(--ws-raised); color: var(--ar-fg); font: 400
|
|
13307
|
+
.ar-ws .ar-tip { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 30; width: max-content; max-width: 320px; padding: 8px 12px; border: 1px solid var(--ar-border); border-radius: 8px; background: var(--ws-raised); color: var(--ar-fg); font: 400 var(--ar-text-s)/20px var(--ar-font-body); white-space: normal; box-shadow: 0 8px 24px #0004; pointer-events: none; }
|
|
13043
13308
|
.ar-ws .as-of.is-stale { color: var(--ar-c-warn, #f5a524); }
|
|
13044
13309
|
|
|
13045
13310
|
/* One bold weight across the pages (REVIEW-6 #12: <b> rendered at 700). */
|
|
@@ -13065,12 +13330,12 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13065
13330
|
/* Composition only. Shared UI and Brand own file rendering, controls, type and color roles. */
|
|
13066
13331
|
.ar-ws .run-artifacts-wrap { min-width: 0; }
|
|
13067
13332
|
.ar-ws .run-file-selection { display: flex; flex-wrap: wrap; align-items: end; gap: 12px 20px; padding: 0 0 16px; }
|
|
13068
|
-
.ar-ws .run-file-selection label { display: flex; flex-direction: column; gap: 8px; font-size:
|
|
13333
|
+
.ar-ws .run-file-selection label { display: flex; flex-direction: column; gap: 8px; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13069
13334
|
.ar-ws .run-file-selection select { max-width: 100%; min-height: 36px; padding: 8px 12px; color: var(--ar-fg); background: var(--ar-bg); border: 1px solid var(--ar-border); border-radius: var(--ar-radius, 6px); font: inherit; }
|
|
13070
|
-
.ar-ws .run-file-notice { margin: 0 0 12px; padding: 12px 16px; border-left: 2px solid var(--ar-c-run); background: var(--ar-bg-alt); font-size:
|
|
13335
|
+
.ar-ws .run-file-notice { margin: 0 0 12px; padding: 12px 16px; border-left: 2px solid var(--ar-c-run); background: var(--ar-bg-alt); font-size: var(--ar-text-s); line-height: 1.6; }
|
|
13071
13336
|
.ar-ws .run-file { min-width: 0; }
|
|
13072
13337
|
.ar-ws .run-file { display: flex; flex-direction: column; min-height: 320px; }
|
|
13073
|
-
.ar-ws .run-file-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: nowrap; padding: 8px 12px; border-bottom: 1px solid var(--border-default, var(--ar-border)); font-size:
|
|
13338
|
+
.ar-ws .run-file-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: nowrap; padding: 8px 12px; border-bottom: 1px solid var(--border-default, var(--ar-border)); font-size: var(--ar-text-s); }
|
|
13074
13339
|
.ar-ws .run-file-modes { display: flex; gap: 4px; }
|
|
13075
13340
|
.ar-ws .run-file-modes button { padding: 4px 8px; border: 0; background: transparent; color: var(--text-muted, var(--ar-fg-muted)); font: inherit; cursor: pointer; }
|
|
13076
13341
|
.ar-ws .run-file-modes button[aria-pressed=true] { background: var(--accent-surface-soft, var(--ar-bg-alt)); color: var(--accent-text, var(--ar-c-action)); }
|
|
@@ -13079,8 +13344,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13079
13344
|
.ar-ws .run-file-content :where(pre, table, img, video) { max-width: 100%; }
|
|
13080
13345
|
.ar-ws .run-file-content pre { overflow: auto; }
|
|
13081
13346
|
.ar-ws .run-file-links { display: inline-flex; align-items: baseline; gap: 8px; white-space: nowrap; }
|
|
13082
|
-
.ar-ws .run-file-proof > span, .ar-ws .run-file-proof > code { display: block; margin-top: 4px; font-size:
|
|
13083
|
-
.ar-ws .run-file-versions { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 20px; font-size:
|
|
13347
|
+
.ar-ws .run-file-proof > span, .ar-ws .run-file-proof > code { display: block; margin-top: 4px; font-size: var(--ar-text-s); overflow-wrap: anywhere; }
|
|
13348
|
+
.ar-ws .run-file-versions { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 20px; font-size: var(--ar-text-s); }
|
|
13084
13349
|
.ar-ws .run-file-empty { padding: 24px; color: var(--text-secondary, var(--ar-fg-muted)); line-height: 1.65; }
|
|
13085
13350
|
@media (max-width: 600px) {
|
|
13086
13351
|
.ar-ws .run-file { min-height: 340px; }
|
|
@@ -13109,10 +13374,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13109
13374
|
.ar-ws .run-artifacts-wrap[data-embedded] .run-file-selection { gap: 12px; }
|
|
13110
13375
|
.ar-ws .run-artifacts-wrap[data-embedded] .run-file-selection label { flex: 1; min-width: 0; }
|
|
13111
13376
|
|
|
13112
|
-
.ar-ws details.run-file-selection > summary { cursor: pointer; font-size:
|
|
13377
|
+
.ar-ws details.run-file-selection > summary { cursor: pointer; font-size: var(--ar-text-s); color: var(--ar-fg-muted); flex-basis: 100%; }
|
|
13113
13378
|
.ar-ws details.run-file-selection:not([open]) { padding-bottom: 8px; }
|
|
13114
13379
|
/* Play gap hero (lead 2026-10-25 05:45Z): one type scale, chart text at the page's 13 px. */
|
|
13115
|
-
.ar-ws .pj-strip { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; font-size:
|
|
13380
|
+
.ar-ws .pj-strip { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13116
13381
|
.ar-ws .pj-strip li { display: inline-flex; align-items: center; gap: 8px; }
|
|
13117
13382
|
.ar-ws .pj-strip i { width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid var(--ar-fg-muted); }
|
|
13118
13383
|
.ar-ws .pj-strip [data-step=pass] i { background: var(--ar-c-ok, #22c55e); border-color: var(--ar-c-ok, #22c55e); }
|
|
@@ -13124,7 +13389,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13124
13389
|
.ar-ws .ws-page { width: 100%; box-sizing: border-box; }
|
|
13125
13390
|
.ar-ws .td { max-width: none; margin: 0; }
|
|
13126
13391
|
.ar-ws .play-ledger .ledger-spend { margin: 0 0 0 12px; font-size: 14px; font-variant-numeric: tabular-nums; }
|
|
13127
|
-
.ar-ws .play-ledger .ledger-idle { margin-top: 8px; font-size:
|
|
13392
|
+
.ar-ws .play-ledger .ledger-idle { margin-top: 8px; font-size: var(--ar-text-s); }
|
|
13128
13393
|
|
|
13129
13394
|
/* Phone: the runs table is run, ending and cost; the rest is the run page's (review 1 #15: the table clipped sideways). */
|
|
13130
13395
|
@media (max-width: 640px) {
|
|
@@ -13154,9 +13419,11 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13154
13419
|
.ar-ws .wp-muted { color: var(--ar-fg-muted); }
|
|
13155
13420
|
.ar-ws .wp-warn { color: var(--ar-c-run); }
|
|
13156
13421
|
.ar-ws .wp-num { font-variant-numeric: tabular-nums; color: var(--ar-fg-muted); text-align: right; }
|
|
13157
|
-
.ar-ws .wp-k { font-size:
|
|
13422
|
+
.ar-ws .wp-k { font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13158
13423
|
.ar-ws .wp-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; border: 2px solid; box-sizing: border-box; }
|
|
13159
|
-
.ar-ws .wp-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap:
|
|
13424
|
+
.ar-ws .wp-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; align-items: start; }
|
|
13425
|
+
.ar-ws .wp-split > section { padding: 16px 20px 20px; border-radius: 8px; background: var(--ws-panel); box-shadow: inset 0 0 0 1px var(--ar-border); min-width: 0; }
|
|
13426
|
+
.ar-ws .wp-split > section > h2 { margin-top: 0; }
|
|
13160
13427
|
.ar-ws .wp-back { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; font-size: 14px; } .ar-ws .wp-back li { display: contents; }
|
|
13161
13428
|
.ar-ws .wp-split .ov-hbar-label { white-space: normal; }
|
|
13162
13429
|
.ar-ws .wp-hosts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
|
|
@@ -13170,7 +13437,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13170
13437
|
.ar-ws .wp-track { position: relative; display: block; height: 8px; border-radius: 4px; background: color-mix(in srgb, var(--ar-fg-faint) 20%, transparent); }
|
|
13171
13438
|
.ar-ws .wp-track > span { display: block; height: 100%; border-radius: 4px; }
|
|
13172
13439
|
.ar-ws .wp-track > i { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; background: var(--ar-fg); }
|
|
13173
|
-
.ar-ws .wp-val { font-size:
|
|
13440
|
+
.ar-ws .wp-val { font-size: var(--ar-text-s); color: var(--ar-fg-muted); font-variant-numeric: tabular-nums; }
|
|
13174
13441
|
.ar-ws .wp-val b { margin-right: 4px; font-size: 18px; font-weight: 600; color: var(--ar-fg); }
|
|
13175
13442
|
.ar-ws .wp-rows { list-style: none; margin: 12px 0 0; padding: 0; display: grid; }
|
|
13176
13443
|
.ar-ws .wp-rows li { display: grid; grid-template-columns: 8px minmax(0, 176px) minmax(0, 1fr) 48px; align-items: center; gap: 12px; padding: 8px 0; border-top: 1px solid var(--ar-border); font-size: 14px; }
|
|
@@ -13178,18 +13445,18 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13178
13445
|
.ar-ws .wp-rows li > span, .ar-ws .wp-step > summary { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13179
13446
|
.ar-ws .wp-step { min-width: 0; color: var(--ar-fg-muted); } .ar-ws .wp-step > summary { cursor: pointer; list-style: none; } .ar-ws .wp-step[open] > summary { white-space: normal; }
|
|
13180
13447
|
.ar-ws .wp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
|
|
13181
|
-
.ar-ws .wp-stat { display: grid; gap: 4px; align-content: start; padding: 16px; border-radius: 8px; background: var(--ws-panel); box-shadow: inset 0 0 0 1px var(--ar-border); font-size:
|
|
13448
|
+
.ar-ws .wp-stat { display: grid; gap: 4px; align-content: start; padding: 16px; border-radius: 8px; background: var(--ws-panel); box-shadow: inset 0 0 0 1px var(--ar-border); font-size: var(--ar-text-s); }
|
|
13182
13449
|
.ar-ws .wp-stat b { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
|
|
13183
13450
|
.ar-ws .wp-table { width: 100%; border-collapse: collapse; font-size: 14px; }
|
|
13184
|
-
.ar-ws .wp-table th { text-align: left; font-size:
|
|
13451
|
+
.ar-ws .wp-table th { text-align: left; font-size: var(--ar-text-s); font-weight: 400; color: var(--ar-fg-muted); padding: 0 12px 8px 0; }
|
|
13185
13452
|
.ar-ws .wp-table td { padding: 8px 12px 8px 0; border-top: 1px solid var(--ar-border); vertical-align: middle; }
|
|
13186
13453
|
.ar-ws .wp-table td .ov-meter { min-width: 120px; }
|
|
13187
13454
|
.ar-ws .wp-r { text-align: right; }
|
|
13188
|
-
.ar-ws .wp-line { margin: 8px 0 0; font-size:
|
|
13189
|
-
.ar-ws .wp button { font:
|
|
13455
|
+
.ar-ws .wp-line { margin: 8px 0 0; font-size: var(--ar-text-s); }
|
|
13456
|
+
.ar-ws .wp button { font: var(--ar-text-s) var(--font-sans); padding: 4px 12px; border-radius: 4px; border: 1px solid var(--ar-border); background: transparent; color: var(--ar-fg); cursor: pointer; }
|
|
13190
13457
|
.ar-ws .wp button:hover, .ar-ws .wp button:focus-visible { background: var(--ix-hover-bg); }
|
|
13191
13458
|
.ar-ws .wp button:disabled { opacity: .5; cursor: default; }
|
|
13192
|
-
.ar-ws .wp-retire { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; padding: 12px; border-radius: 8px; background: var(--ws-panel); font-size:
|
|
13459
|
+
.ar-ws .wp-retire { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 12px; padding: 12px; border-radius: 8px; background: var(--ws-panel); font-size: var(--ar-text-s); }
|
|
13193
13460
|
.ar-ws .wp-retire input { flex: 1 1 240px; font: 14px var(--font-sans); padding: 4px 8px; border-radius: 4px; border: 1px solid var(--ar-border); background: transparent; color: inherit; }
|
|
13194
13461
|
.ar-ws .wp-ideas li { display: block; padding: 0; }
|
|
13195
13462
|
.ar-ws .wp-ideas button { width: 100%; display: grid; grid-template-columns: 8px minmax(0, 1fr) 80px 32px; align-items: center; gap: 12px; padding: 8px 4px; border: 0; border-radius: 4px; background: none; font-size: 14px; text-align: left; }
|
|
@@ -13207,12 +13474,15 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13207
13474
|
.ar-ws .wp-table th:nth-child(4), .ar-ws .wp-table td:nth-child(4) { display: none; }
|
|
13208
13475
|
|
|
13209
13476
|
}
|
|
13210
|
-
|
|
13477
|
+
/* A host's open issues are chips: a quiet tint each, an alarm in the danger tint. */
|
|
13478
|
+
.ar-ws .wp-over { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13479
|
+
.ar-ws .wp-over > li { padding: 2px 8px; border-radius: 999px; background: color-mix(in srgb, var(--ar-c-neutral) 11%, transparent); }
|
|
13480
|
+
.ar-ws .wp-over > li[data-alarm] { color: var(--ar-c-fail); background: color-mix(in srgb, var(--ar-c-fail) 12%, transparent); }
|
|
13211
13481
|
.ar-ws .wp-hosts .ar-tip-anchor { min-width: 0; }
|
|
13212
13482
|
@media (max-width: 760px) {
|
|
13213
13483
|
.ar-ws .wp-hosts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
|
13214
13484
|
.ar-ws .wp-host { gap: 12px; padding: 12px; }
|
|
13215
|
-
.ar-ws .wp-host-head { flex-wrap: wrap; gap: 4px 8px; font-size:
|
|
13485
|
+
.ar-ws .wp-host-head { flex-wrap: wrap; gap: 4px 8px; font-size: var(--ar-text-s); }
|
|
13216
13486
|
.ar-ws .wp-host-head b { font-size: 14px; }
|
|
13217
13487
|
.ar-ws .wp-host-head > span:last-child { margin-left: 0; width: 100%; }
|
|
13218
13488
|
.ar-ws .wp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
|
@@ -13236,7 +13506,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13236
13506
|
.ar-ws .play-head.is-compact h1 { white-space: nowrap; }
|
|
13237
13507
|
}
|
|
13238
13508
|
/* ---- /play Setup: the bar, then what the agent was asked (opening lines), then folds. */
|
|
13239
|
-
.ar-ws .play-bar-table caption { caption-side: top; text-align: left; padding: 0 0 8px; font-size:
|
|
13509
|
+
.ar-ws .play-bar-table caption { caption-side: top; text-align: left; padding: 0 0 8px; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13240
13510
|
.ar-ws .play-bar-table table { max-width: 640px; }
|
|
13241
13511
|
.ar-ws .play-input { position: relative; }
|
|
13242
13512
|
.ar-ws .play-input .input-run-picker { position: absolute; top: 12px; right: 0; margin: 0; }
|
|
@@ -13258,9 +13528,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13258
13528
|
.ar-ws .how .how-stats { margin: 0; }
|
|
13259
13529
|
.ar-ws .run-activity { display: grid; gap: 8px; }
|
|
13260
13530
|
.ar-ws .run-activity figure { margin: 0; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; align-items: start; }
|
|
13261
|
-
.ar-ws .run-activity figcaption { font: 400
|
|
13531
|
+
.ar-ws .run-activity figcaption { font: 400 var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); padding-top: 4px; }
|
|
13262
13532
|
.ar-ws .how-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 24px 32px; }
|
|
13263
|
-
.ar-ws .how-grid h3 { margin: 0 0 12px; font: 600
|
|
13533
|
+
.ar-ws .how-grid h3 { margin: 0 0 12px; font: 600 var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
13264
13534
|
.ar-ws .how-grid .ov-hbars + .ov-hbars { margin-top: 8px; }
|
|
13265
13535
|
@media (max-width: 640px) { .ar-ws .how { padding: 12px; } .ar-ws .run-activity figure { grid-template-columns: minmax(0, 1fr); gap: 4px; } }
|
|
13266
13536
|
/* Conversations rail (REVIEW-9): the agent's name (a lane label) and outcome shape; its state word is in the row tooltip and
|
|
@@ -13272,19 +13542,19 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13272
13542
|
row's body sat beside its head and covered the head's meta. Run rows stack: head, then body. */
|
|
13273
13543
|
.ar-ws .run-findings .finding-row { display: block; padding: 0; border-left: 0; }
|
|
13274
13544
|
.ar-ws .run-findings .findings-main { gap: 16px; }
|
|
13275
|
-
.ar-ws .run-findings .findings-caution { margin: 0; font-size:
|
|
13545
|
+
.ar-ws .run-findings .findings-caution { margin: 0; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13276
13546
|
/* Conversations: the kit's transcript per row, its time and controls in one quiet line under it. */
|
|
13277
13547
|
|
|
13278
13548
|
/* Built (REVIEW-8 65): the code releases' steps first, then the page-version graph full width; the inspector opens beside
|
|
13279
13549
|
it only for a chosen version. */
|
|
13280
13550
|
.ar-ws .run-built { display: grid; gap: 16px; }
|
|
13281
13551
|
.ar-ws .built-releases { padding: 16px; background: var(--ws-panel); border: 1px solid var(--ar-border); border-radius: 10px; }
|
|
13282
|
-
.ar-ws .built-releases h3 { margin: 0 0 12px; font: 600
|
|
13552
|
+
.ar-ws .built-releases h3 { margin: 0 0 12px; font: 600 var(--ar-text-s)/20px var(--ar-font-body); color: var(--ar-fg-muted); }
|
|
13283
13553
|
.ar-ws .run-built.no-inspector .lineage-layout { grid-template-columns: minmax(0, 1fr); }
|
|
13284
|
-
.ar-ws .run-built .lineage-key { margin: 12px 16px 0; font-size:
|
|
13554
|
+
.ar-ws .run-built .lineage-key { margin: 12px 16px 0; font-size: var(--ar-text-s); }
|
|
13285
13555
|
.ar-ws .run-built details.vg-releases { margin: 8px 16px 16px; }
|
|
13286
|
-
.ar-ws .run-built details.vg-releases > summary { cursor: pointer; font-size:
|
|
13287
|
-
.ar-ws .inspector-close { float: right; font-size:
|
|
13556
|
+
.ar-ws .run-built details.vg-releases > summary { cursor: pointer; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13557
|
+
.ar-ws .inspector-close { float: right; font-size: var(--ar-text-s); }
|
|
13288
13558
|
.ar-ws .findings-primary { display: grid; gap: 16px; min-width: 0; }
|
|
13289
13559
|
/* Now's Details (Drew, 2026-10-25): under the code frame, one region; the selected tab's panel sits directly beneath its tab
|
|
13290
13560
|
and fills the space, in both themes on the same surface and border tokens as the run's other panels. */
|
|
@@ -13311,14 +13581,14 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13311
13581
|
.ar-ws .wp-group > summary { line-height: 20px; }
|
|
13312
13582
|
.ar-ws .wp-idea ol .wp-group > summary { font-weight: 600; }
|
|
13313
13583
|
.ar-ws .wp-idea ol .wp-group p { margin: 4px 0 0; color: var(--ar-fg-muted); }
|
|
13314
|
-
.ar-ws .wp h2 .as-of { font-size:
|
|
13584
|
+
.ar-ws .wp h2 .as-of { font-size: var(--ar-text-s); font-weight: 400; }
|
|
13315
13585
|
.ar-ws .built-delivered { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 12px 16px; font-size: 14px; }
|
|
13316
|
-
.ar-ws .built-roles { margin: 8px 16px 16px; } .ar-ws .built-roles > summary { cursor: pointer; font-size:
|
|
13586
|
+
.ar-ws .built-roles { margin: 8px 16px 16px; } .ar-ws .built-roles > summary { cursor: pointer; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13317
13587
|
/* The kit transcript on the page's scale (REVIEW-10 Conversations: 16/13/10 px and weight 500): prose 14 px on a 24 px line,
|
|
13318
13588
|
meta 12 px, labels 14 px, weights 400/600, inside the message pane only. */
|
|
13319
13589
|
|
|
13320
13590
|
/* ---- BarStrip compact: one line of chips (run header, Today), wrapping on a phone; colour only for the ratio's state. */
|
|
13321
|
-
.ar-ws .bar-chips { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; margin: 0; padding: 0; list-style: none; font-size:
|
|
13591
|
+
.ar-ws .bar-chips { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; margin: 0; padding: 0; list-style: none; font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13322
13592
|
.ar-ws .bar-chips b { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ar-fg); }
|
|
13323
13593
|
.ar-ws .bar-chips em, .ar-ws .bar-chips small { font-style: normal; font-size: inherit; }
|
|
13324
13594
|
.ar-ws .bar-chips a { color: inherit; text-decoration: none; }
|
|
@@ -13328,9 +13598,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13328
13598
|
/* ---- Against the bar (BarStrip): one row per paper metric on a shared grid; colour only for the ratio's state. */
|
|
13329
13599
|
.ar-ws .bar-strip { display: grid; grid-template-columns: max-content minmax(160px, 1fr) max-content max-content max-content; align-items: center; gap: 8px 16px; margin: 0 0 16px; padding: 0; list-style: none; }
|
|
13330
13600
|
.ar-ws .bar-row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; }
|
|
13331
|
-
.ar-ws .bar-label, .ar-ws .bar-change { font-size:
|
|
13601
|
+
.ar-ws .bar-label, .ar-ws .bar-change { font-size: var(--ar-text-s); color: var(--ar-fg-muted); }
|
|
13332
13602
|
.ar-ws .bar-value { font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; color: var(--ar-fg); }
|
|
13333
|
-
.ar-ws .bar-ratio { font-size:
|
|
13603
|
+
.ar-ws .bar-ratio { font-size: var(--ar-text-s); font-weight: 600; }
|
|
13334
13604
|
.ar-ws .bar-row[data-side="short"] .bar-ratio { color: var(--ar-c-warn); }
|
|
13335
13605
|
.ar-ws .bar-row[data-side="met"] .bar-ratio, .ar-ws .bar-row[data-side="past"] .bar-ratio { color: var(--ar-c-ok); }
|
|
13336
13606
|
.ar-ws .bar-change[data-improved="true"] { color: var(--ar-c-ok); }
|
|
@@ -13357,7 +13627,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13357
13627
|
@media (max-width: 600px) { .ws-live { padding: 16px; } .ws-live > header h1 { flex-basis: 100%; } }
|
|
13358
13628
|
|
|
13359
13629
|
/* ───────── The run page (src/workspace/run): one header, one tab bar, one workspace per tab ─────────
|
|
13360
|
-
Every colour, radius and shadow is a Brand token. Type steps:
|
|
13630
|
+
Every colour, radius and shadow is a Brand token. Type steps: 14 for anything read (meta, axes, UI), 16 reading, 18, 20 figures,
|
|
13361
13631
|
24 verdict, 30 title. The two data hues are model (primary) and tool (teal); failure is the danger ink with a ✕. */
|
|
13362
13632
|
/* .rp is the system's scope on every page that uses it (run, Today, the wall pages); controls work anywhere in .agent-record. */
|
|
13363
13633
|
.agent-record {
|
|
@@ -13367,6 +13637,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13367
13637
|
--rp-line: hsl(var(--hsl-border));
|
|
13368
13638
|
--rp-card: hsl(var(--hsl-card));
|
|
13369
13639
|
--rp-raised: hsl(var(--hsl-secondary));
|
|
13640
|
+
/* One depth ladder in both themes: page, then a well between the page and the card, then the card (the paper). */
|
|
13641
|
+
--rp-well: color-mix(in oklab, var(--rp-card) 55%, hsl(var(--hsl-background)));
|
|
13370
13642
|
font: 400 14px/20px var(--font-sans); color: hsl(var(--hsl-foreground));
|
|
13371
13643
|
}
|
|
13372
13644
|
.rp-run { display: flex; flex-direction: column; height: calc(100dvh - 56px - 2rem); min-height: 0; }
|
|
@@ -13379,7 +13651,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13379
13651
|
.rp .dim, .rp-hc .dim { color: var(--text-dim); }
|
|
13380
13652
|
.rp .f, .rp-hc .f { color: var(--surface-danger-text); }
|
|
13381
13653
|
.rp .ok, .rp-hc .ok { color: var(--surface-success-text); }
|
|
13382
|
-
.rp .mono { font:
|
|
13654
|
+
.rp .mono { font: 14px/20px var(--font-mono); }
|
|
13383
13655
|
.rp .ct { color: var(--text-dim); font-weight: 400; font-variant-numeric: tabular-nums; }
|
|
13384
13656
|
.agent-record .ws-status { padding: 24px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13385
13657
|
|
|
@@ -13415,8 +13687,17 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13415
13687
|
.agent-record .rp-hd h2, .agent-record .rp-hd h3 { margin: 0; font: 600 14px/20px var(--font-sans); color: hsl(var(--hsl-foreground)); white-space: nowrap; display: flex; align-items: center; gap: 8px; }
|
|
13416
13688
|
.agent-record .rp-hd .end { margin-left: auto; display: flex; align-items: center; gap: 8px; }
|
|
13417
13689
|
.agent-record .rp-scroll { flex: 1; min-height: 0; overflow: auto; }
|
|
13690
|
+
/* A list cut by its card's edge says so: a soft shade at the edge that has more, gone at the end (scroll shadows). */
|
|
13691
|
+
.agent-record .rp-card :is(.rp-scroll, .rp-hm-wrap, .rp-at-wrap, .rp-alist, .rp-twrap) {
|
|
13692
|
+
background:
|
|
13693
|
+
linear-gradient(var(--rp-card) 30%, transparent) center top / 100% 32px no-repeat local,
|
|
13694
|
+
linear-gradient(transparent, var(--rp-card) 70%) center bottom / 100% 32px no-repeat local,
|
|
13695
|
+
radial-gradient(farthest-side at 50% 0, hsl(var(--hsl-foreground) / 0.16), transparent) center top / 100% 12px no-repeat scroll,
|
|
13696
|
+
radial-gradient(farthest-side at 50% 100%, hsl(var(--hsl-foreground) / 0.16), transparent) center bottom / 100% 12px no-repeat scroll;
|
|
13697
|
+
}
|
|
13418
13698
|
.agent-record .rp-btn, .rp-lb .rp-btn { height: 36px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-radius: var(--radius-md); background: transparent; color: hsl(var(--hsl-muted-foreground)); font: 500 14px/20px var(--font-sans); white-space: nowrap; cursor: pointer; }
|
|
13419
13699
|
.agent-record .rp-btn.sm, .rp-lb .rp-btn.sm { height: 32px; }
|
|
13700
|
+
.agent-record .rp-btn.ic { width: 32px; height: 32px; padding: 0; justify-content: center; }
|
|
13420
13701
|
.agent-record .rp-btn:hover, .rp-lb .rp-btn:hover { background: var(--ix-hover-bg); color: hsl(var(--hsl-foreground)); }
|
|
13421
13702
|
/* Not `.outline`: Tailwind owns that class and draws a second, foreground-coloured ring. */
|
|
13422
13703
|
.agent-record .rp-btn.framed, .rp-lb .rp-btn.framed { box-shadow: inset 0 0 0 1px var(--rp-line, hsl(var(--hsl-border))); color: hsl(var(--hsl-foreground)); }
|
|
@@ -13434,19 +13715,21 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13434
13715
|
.agent-record .rp-cbx .cv { display: flex; color: var(--text-dim); transition: transform 0.12s; }
|
|
13435
13716
|
.agent-record .rp-cbx[aria-expanded='true'] { box-shadow: inset 0 0 0 1px var(--accent-text), 0 0 0 3px var(--ix-sel-bg); }
|
|
13436
13717
|
.agent-record .rp-cbx[aria-expanded='true'] .cv { transform: rotate(180deg); }
|
|
13437
|
-
.agent-record .rp-pill { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--radius-pill); font: 500
|
|
13438
|
-
.agent-record .rp-pill.ok { box-shadow: none; background: var(--surface-success-bg); color: var(--surface-success-text); }
|
|
13718
|
+
.agent-record .rp-pill { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--radius-pill); font: 500 14px/20px var(--font-sans); white-space: nowrap; box-shadow: inset 0 0 0 1px var(--rp-line); color: hsl(var(--hsl-muted-foreground)); }
|
|
13719
|
+
.agent-record .rp-pill.ok, .agent-record .rp-pill.done { box-shadow: none; background: var(--surface-success-bg); color: var(--surface-success-text); }
|
|
13439
13720
|
.agent-record .rp-pill.live { box-shadow: none; background: var(--ix-sel-bg); color: var(--accent-text); }
|
|
13440
13721
|
.agent-record .rp-pill.danger, .agent-record .rp-pill.fail { box-shadow: none; background: var(--surface-danger-bg); color: var(--surface-danger-text); }
|
|
13441
13722
|
.rp-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: none; background: var(--text-dim); }
|
|
13442
13723
|
.rp-dot.ok { background: var(--surface-success-text); }
|
|
13724
|
+
.rp-dot.done { background: transparent; box-shadow: inset 0 0 0 2px var(--surface-success-text); }
|
|
13443
13725
|
.rp-dot.live { background: var(--accent-text); box-shadow: 0 0 0 3px var(--ix-sel-bg); }
|
|
13444
13726
|
.rp-dot.fail { background: var(--surface-danger-text); }
|
|
13727
|
+
.rp-dot.held { background: var(--surface-warning-text); }
|
|
13445
13728
|
.rp-dot.none { background: transparent; box-shadow: inset 0 0 0 1.5px var(--text-dim); }
|
|
13446
13729
|
.agent-record .rp-legend { display: flex; align-items: center; gap: 16px; min-width: 0; overflow: hidden; }
|
|
13447
13730
|
.agent-record .rp-legend.sm { margin-bottom: 4px; justify-content: flex-end; }
|
|
13448
13731
|
.agent-record .rp-keys { gap: 16px; }
|
|
13449
|
-
.agent-record .rp-key { display: inline-flex; align-items: center; gap: 6px; color: hsl(var(--hsl-muted-foreground)); font-size:
|
|
13732
|
+
.agent-record .rp-key { display: inline-flex; align-items: center; gap: 6px; color: hsl(var(--hsl-muted-foreground)); font-size: 14px; white-space: nowrap; }
|
|
13450
13733
|
.agent-record .rp-key b { color: hsl(var(--hsl-foreground)); font-weight: 600; }
|
|
13451
13734
|
.agent-record .rp-key i { display: inline-block; width: 10px; height: 10px; border-radius: var(--radius-tag); }
|
|
13452
13735
|
.agent-record .rp-key i.work { background: hsl(var(--hsl-foreground) / 0.7); }
|
|
@@ -13471,18 +13754,18 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13471
13754
|
.rp-hc .rp-card-h .t .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13472
13755
|
.rp-hc .rp-card-h .t .v { margin-left: auto; white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
13473
13756
|
.rp-hc[data-pinned] .rp-card-h .t .v { margin-right: 28px; }
|
|
13474
|
-
.rp-hc .rp-card-h .s { margin-top: 2px; font-size:
|
|
13757
|
+
.rp-hc .rp-card-h .s { margin-top: 2px; font-size: 14px; line-height: 18px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13475
13758
|
.rp-hc .rp-card-cols { display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid hsl(var(--hsl-border)); }
|
|
13476
13759
|
.rp-hc.wide .rp-card-cols.two { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
|
|
13477
13760
|
.rp-hc.wide .rp-card-cols.two > section + section { box-shadow: -1px 0 0 hsl(var(--hsl-border)); }
|
|
13478
13761
|
.rp-hc .rp-card-cols > section { padding: 10px 16px 12px; min-width: 0; }
|
|
13479
|
-
.rp-hc .rp-card-cols h6 { margin: 0 0 6px; font: 600
|
|
13762
|
+
.rp-hc .rp-card-cols h6 { margin: 0 0 6px; font: 600 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); }
|
|
13480
13763
|
.rp-hc .rp-card-cols dl { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; margin: 0; }
|
|
13481
13764
|
.rp-hc .rp-card-cols dt { color: hsl(var(--hsl-muted-foreground)); white-space: nowrap; }
|
|
13482
13765
|
.rp-hc .rp-card-cols dd { margin: 0; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
13483
|
-
.rp-hc .rp-card-cols dd small { font-size:
|
|
13766
|
+
.rp-hc .rp-card-cols dd small { font-size: 14px; color: var(--text-dim); }
|
|
13484
13767
|
.rp-tt { display: grid; grid-template-columns: minmax(0, 1fr) 64px 40px 52px; gap: 3px 8px; align-items: center; }
|
|
13485
|
-
.rp-tt .h { font-size:
|
|
13768
|
+
.rp-tt .h { font-size: 14px; color: var(--text-dim); }
|
|
13486
13769
|
.rp-tt .l { color: hsl(var(--hsl-muted-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13487
13770
|
.rp-tt .r, .rp-tt .f { text-align: right; font-variant-numeric: tabular-nums; }
|
|
13488
13771
|
.rp-tt .f { color: var(--surface-danger-text); }
|
|
@@ -13490,15 +13773,16 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13490
13773
|
.rp-lb .rp-i { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
|
|
13491
13774
|
.rp-lb .rp-lb-s { flex: none; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border-bottom: 1px solid hsl(var(--hsl-border)); color: var(--text-dim); }
|
|
13492
13775
|
.rp-lb .rp-lb-s input { flex: 1; min-width: 0; height: 100%; border: 0; padding: 0; background: transparent; outline: 0; color: hsl(var(--hsl-foreground)); font: inherit; }
|
|
13493
|
-
.rp-lb .rp-lb-s kbd { font: 500
|
|
13776
|
+
.rp-lb .rp-lb-s kbd { font: 500 14px/20px var(--font-sans); color: var(--text-dim); padding: 0 6px; border-radius: var(--radius-tag); box-shadow: inset 0 0 0 1px hsl(var(--hsl-border)); }
|
|
13494
13777
|
.rp-lb .rp-lb-l { position: relative; overflow: auto; outline: 0; }
|
|
13495
13778
|
.rp-lb .rp-lb-r { position: absolute; left: 4px; right: 4px; height: 36px; display: flex; align-items: center; gap: 10px; padding: 0 10px; border-radius: var(--radius-md); white-space: nowrap; cursor: pointer; }
|
|
13496
13779
|
.rp-lb .rp-lb-r.grp { color: hsl(var(--hsl-muted-foreground)); font-weight: 600; }
|
|
13497
|
-
|
|
13780
|
+
/* The keyboard-active option carries a bar as well as the tint, which alone is about 1.2:1 on the popover. */
|
|
13781
|
+
.rp-lb .rp-lb-r.active { background: var(--ix-hover-bg); box-shadow: inset 2px 0 0 var(--accent-text); }
|
|
13498
13782
|
.rp-lb .rp-lb-r .nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
|
|
13499
13783
|
.rp-lb .rp-lb-r .mt { color: var(--text-dim); font-variant-numeric: tabular-nums; }
|
|
13500
13784
|
.rp-lb .rp-lb-r .ck { width: 16px; display: flex; justify-content: center; color: var(--accent-text); flex: none; }
|
|
13501
|
-
.rp-lb .rp-lb-r .box { width: 16px; height: 16px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-tag); box-shadow: inset 0 0 0 1.5px var(--field-border); color: hsl(var(--hsl-primary-foreground)); font-size:
|
|
13785
|
+
.rp-lb .rp-lb-r .box { width: 16px; height: 16px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-tag); box-shadow: inset 0 0 0 1.5px var(--field-border); color: hsl(var(--hsl-primary-foreground)); font-size: 14px; }
|
|
13502
13786
|
.rp-lb .rp-lb-r[aria-selected='true'] .box, .rp-lb .rp-lb-r .box.part { background: hsl(var(--hsl-primary)); box-shadow: none; }
|
|
13503
13787
|
.rp-lb .rp-lb-r[aria-selected='true']:not(.grp) .nm { font-weight: 500; }
|
|
13504
13788
|
.rp-lb .rp-lb-e { padding: 24px 16px; color: hsl(var(--hsl-muted-foreground)); text-align: center; }
|
|
@@ -13509,12 +13793,12 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13509
13793
|
.rp-pop.wide { width: min(560px, calc(100vw - 24px)); }
|
|
13510
13794
|
.rp-pop .ph { padding: 14px 16px 12px; border-bottom: 1px solid hsl(var(--hsl-border)); }
|
|
13511
13795
|
.rp-pop .ph b { display: block; font-weight: 600; }
|
|
13512
|
-
.rp-pop .ph span { display: block; margin-top: 2px; font-size:
|
|
13796
|
+
.rp-pop .ph span { display: block; margin-top: 2px; font-size: 14px; color: hsl(var(--hsl-muted-foreground)); overflow-wrap: anywhere; }
|
|
13513
13797
|
.rp-pop .pb { padding: 12px 16px 14px; }
|
|
13514
13798
|
.rp-pop dl { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 8px 12px; margin: 0; }
|
|
13515
13799
|
.rp-pop dt { color: hsl(var(--hsl-muted-foreground)); }
|
|
13516
13800
|
.rp-pop dd { margin: 0; overflow-wrap: anywhere; }
|
|
13517
|
-
.rp-pop .mono { font:
|
|
13801
|
+
.rp-pop .mono { font: 14px/20px var(--font-mono); }
|
|
13518
13802
|
.rp-pop .ok { color: var(--surface-success-text); } .rp-pop .f { color: var(--surface-danger-text); }
|
|
13519
13803
|
.rp-pop-goal { padding: 16px; font-size: 16px; line-height: 26px; max-height: 60vh; overflow: auto; white-space: pre-wrap; }
|
|
13520
13804
|
|
|
@@ -13526,19 +13810,18 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13526
13810
|
.rp .rp-verdict { margin: 0; font: 600 24px/32px var(--font-sans); letter-spacing: -0.01em; color: hsl(var(--hsl-foreground)); }
|
|
13527
13811
|
.rp .rp-lede { margin: 4px 0 0; font-size: 16px; line-height: 24px; color: hsl(var(--hsl-muted-foreground)); max-width: 84ch; }
|
|
13528
13812
|
.rp .rp-vd-act { display: flex; gap: 8px; align-items: center; padding-top: 2px; }
|
|
13529
|
-
.rp .rp-story { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; margin:
|
|
13813
|
+
.rp .rp-story { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; margin: 20px -24px 0; padding: 4px 0; background: var(--rp-well); }
|
|
13530
13814
|
.rp .rp-story li { position: relative; padding: 12px 24px 13px 44px; min-width: 0; }
|
|
13531
|
-
.rp .rp-story li + li { box-shadow: -1px 0 0 var(--rp-line); }
|
|
13532
13815
|
.rp .rp-story .sd { position: absolute; left: 24px; top: 17px; width: 10px; height: 10px; border-radius: 50%; background: var(--text-dim); }
|
|
13533
13816
|
.rp .rp-story .sd.warn { background: var(--surface-warning-text); }
|
|
13534
13817
|
.rp .rp-story .sd.fail { background: var(--surface-danger-text); }
|
|
13535
13818
|
.rp .rp-story .sd.next { background: transparent; box-shadow: inset 0 0 0 2px var(--accent-text); }
|
|
13536
|
-
.rp .rp-story time { display: block; font-size:
|
|
13819
|
+
.rp .rp-story time { display: block; font-size: 14px; line-height: 18px; color: var(--text-dim); font-variant-numeric: tabular-nums; }
|
|
13537
13820
|
.rp .rp-story b { display: block; font-weight: 600; margin-top: 2px; }
|
|
13538
13821
|
.rp .rp-story span { display: block; color: hsl(var(--hsl-muted-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13539
13822
|
.rp .rp-sum { display: grid; grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, 1fr)) minmax(0, 1.25fr); }
|
|
13540
|
-
.rp .rp-sum
|
|
13541
|
-
.rp .rp-sum > div
|
|
13823
|
+
.rp .rp-sum { column-gap: 8px; }
|
|
13824
|
+
.rp .rp-sum > div { padding: 18px 20px 20px; min-width: 0; }
|
|
13542
13825
|
.rp .rp-sum h3 { margin: 0 0 6px; font: 500 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); }
|
|
13543
13826
|
.rp .rp-sum .v { display: flex; align-items: center; gap: 8px; font: 600 18px/26px var(--font-sans); }
|
|
13544
13827
|
.rp .rp-sum .goal { font-size: 16px; line-height: 24px; }
|
|
@@ -13555,9 +13838,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13555
13838
|
.rp .rp-tg .nm { color: hsl(var(--hsl-foreground)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
13556
13839
|
.rp .rp-tg .nm.h { color: hsl(var(--hsl-muted-foreground)); font-weight: 500; }
|
|
13557
13840
|
.rp .rp-tg .ct { text-align: right; color: hsl(var(--hsl-muted-foreground)); white-space: nowrap; }
|
|
13558
|
-
.rp .rp-strip { position: relative; height:
|
|
13559
|
-
.rp .rp-strip i { position: absolute;
|
|
13560
|
-
.rp .rp-strip
|
|
13841
|
+
.rp .rp-strip { position: relative; height: 40px; box-shadow: inset 0 -1px 0 var(--rp-line); }
|
|
13842
|
+
.rp .rp-strip i { position: absolute; bottom: 0; border-radius: 2px 2px 0 0; background: hsl(var(--hsl-foreground) / 0.72); box-shadow: inset -1px 0 0 hsl(var(--hsl-card)); }
|
|
13843
|
+
.rp .rp-strip i.idle { top: 0; border-radius: 0; background: repeating-linear-gradient(45deg, var(--rp-hatch) 0 1.5px, transparent 1.5px 5px); }
|
|
13844
|
+
.rp .rp-strip-ax { position: relative; height: 20px; margin-top: 4px; color: var(--text-dim); font-size: 14px; }
|
|
13561
13845
|
.rp .rp-strip-ax span { position: absolute; transform: translateX(-50%); white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
13562
13846
|
.rp .rp-strip-ax .first { transform: none; } .rp .rp-strip-ax .last { transform: translateX(-100%); }
|
|
13563
13847
|
.rp .rp-tries-h { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 8px; margin: 12px 0 2px; padding-top: 12px; border-top: 1px solid var(--rp-line); }
|
|
@@ -13565,16 +13849,16 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13565
13849
|
.rp .rp-tr-row { position: relative; height: 25px; }
|
|
13566
13850
|
.rp .rp-tr-row::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid var(--rp-raised); }
|
|
13567
13851
|
.rp .rp-tr-row .life { position: absolute; top: 50%; border-top: 1.5px solid var(--border-strong); }
|
|
13568
|
-
.rp .rp-tr-row .mk { position: absolute; top: 50%; transform: translate(-50%, -50%); font: 700
|
|
13852
|
+
.rp .rp-tr-row .mk { position: absolute; top: 50%; transform: translate(-50%, -50%); font: 700 14px/20px var(--font-sans); color: var(--surface-danger-text); }
|
|
13569
13853
|
.rp .rp-tr-row .mk.ok { width: 10px; height: 10px; border-radius: 50%; background: var(--surface-success-text); box-shadow: 0 0 0 2px var(--rp-card); }
|
|
13570
13854
|
.rp .rp-agt-h, .rp .rp-agt { display: grid; grid-template-columns: 8px minmax(0, 1fr) 120px 48px 56px; align-items: center; gap: 12px; padding: 0 16px; }
|
|
13571
|
-
.rp .rp-agt-h { flex: none; height: 32px; font-size:
|
|
13855
|
+
.rp .rp-agt-h { flex: none; height: 32px; font-size: 14px; color: var(--text-dim); border-bottom: 1px solid var(--rp-line); }
|
|
13572
13856
|
.rp .rp-agt-h span:nth-child(n + 4) { text-align: right; }
|
|
13573
13857
|
.rp .rp-agt { height: 32px; }
|
|
13574
13858
|
.rp .rp-agt:hover { background: var(--ix-hover-bg); }
|
|
13575
13859
|
.rp .rp-agt .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
|
|
13576
13860
|
.rp .rp-agt .v { text-align: right; color: hsl(var(--hsl-muted-foreground)); font-variant-numeric: tabular-nums; }
|
|
13577
|
-
.rp .rp-agt svg { display: block; width: 120px; height:
|
|
13861
|
+
.rp .rp-agt svg { display: block; width: 120px; height: 16px; }
|
|
13578
13862
|
.rp .rp-agt svg rect { fill: hsl(var(--hsl-foreground) / 0.62); }
|
|
13579
13863
|
.rp .rp-agt svg .base { stroke: var(--rp-raised); }
|
|
13580
13864
|
|
|
@@ -13606,9 +13890,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13606
13890
|
.rp .rp-factions { display: flex; align-items: center; gap: 8px; }
|
|
13607
13891
|
.rp .rp-factions .rp-btn { height: 32px; }
|
|
13608
13892
|
/* The tree is a recessed well and the open document the card's paper, so the editor stands apart from its frame. */
|
|
13609
|
-
.rp .rp-files [aria-label='Workspace files'] { background: var(--well
|
|
13893
|
+
.rp .rp-files [aria-label='Workspace files'] { background: var(--rp-well); }
|
|
13610
13894
|
.rp .rp-doc { font-size: 16px; line-height: 26px; }
|
|
13611
|
-
.rp .rp-doc.code { font-size:
|
|
13895
|
+
.rp .rp-doc.code { font-size: 14px; line-height: 21px; }
|
|
13612
13896
|
/* The shared preview frames an embedded document in a card of its own (ui file-preview.tsx, change B3); inside the
|
|
13613
13897
|
files pane the pane is the frame, so the inner frame steps back. The preview scrolls inside the pane, so the page's
|
|
13614
13898
|
margins sit inside its scroller: the text runs to the pane's edge, never stopping short of it. */
|
|
@@ -13619,7 +13903,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13619
13903
|
/* Topology */
|
|
13620
13904
|
.rp .rp-topo { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 16px; }
|
|
13621
13905
|
.rp .rp-topo-wrap { position: relative; flex: 1; min-height: 0; }
|
|
13622
|
-
.rp .rp-topo-canvas { position: absolute; inset: 0; overflow: auto; background: var(--well
|
|
13906
|
+
.rp .rp-topo-canvas { position: absolute; inset: 0; overflow: auto; background: var(--rp-well); }
|
|
13623
13907
|
.rp .rp-topo-canvas svg.edges { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }
|
|
13624
13908
|
.rp .rp-topo-canvas svg.edges path { fill: none; stroke: var(--border-strong); stroke-width: 1.25; }
|
|
13625
13909
|
.rp .rp-topo-canvas svg.edges path.hot { stroke: var(--accent-text); stroke-width: 1.75; }
|
|
@@ -13627,20 +13911,20 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13627
13911
|
.rp .rp-node { position: absolute; height: 58px; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 0 12px; border-radius: var(--radius-md); background: hsl(var(--hsl-card)); border: 1px solid hsl(var(--hsl-border)); box-shadow: var(--shadow-card), var(--edge-highlight); text-align: left; cursor: pointer; color: hsl(var(--hsl-foreground)); font: 400 14px/20px var(--font-sans); transition: opacity 0.12s; }
|
|
13628
13912
|
.rp .rp-node .r1 { display: flex; align-items: center; gap: 8px; font-weight: 500; white-space: nowrap; }
|
|
13629
13913
|
.rp .rp-node .r1 .nm { overflow: hidden; text-overflow: ellipsis; }
|
|
13630
|
-
.rp .rp-node .r1 .dim { margin-left: auto; font: 400
|
|
13631
|
-
.rp .rp-node .r2 { font-size:
|
|
13914
|
+
.rp .rp-node .r1 .dim { margin-left: auto; font: 400 14px/20px var(--font-sans); font-variant-numeric: tabular-nums; }
|
|
13915
|
+
.rp .rp-node .r2 { font-size: 14px; line-height: 18px; color: hsl(var(--hsl-muted-foreground)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
|
|
13632
13916
|
.rp .rp-node.sm { height: 44px; gap: 0; }
|
|
13633
13917
|
.rp .rp-node.sel { border-color: var(--accent-text); box-shadow: 0 0 0 1px var(--accent-text), var(--shadow-card); }
|
|
13634
13918
|
.rp .rp-node.fade { opacity: 0.42; }
|
|
13635
13919
|
.rp .rp-node:not(.sel):hover { border-color: var(--border-strong); }
|
|
13636
13920
|
.rp .rp-node.ghost { background: transparent; border-style: dashed; border-color: var(--border-strong); box-shadow: none; color: hsl(var(--hsl-muted-foreground)); }
|
|
13637
|
-
.rp .rp-team { position: absolute; border-radius: var(--radius-xl); background: color-mix(in oklab, hsl(var(--hsl-card)) 55%, var(--well
|
|
13921
|
+
.rp .rp-team { position: absolute; border-radius: var(--radius-xl); background: color-mix(in oklab, hsl(var(--hsl-card)) 55%, var(--rp-well)); box-shadow: inset 0 0 0 1px var(--rp-line); transition: opacity 0.12s; }
|
|
13638
13922
|
.rp .rp-team.fade { opacity: 0.5; }
|
|
13639
13923
|
.rp .rp-team-h { position: absolute; left: 0; right: 0; top: 0; height: 48px; display: flex; align-items: center; gap: 8px; padding: 0 8px 0 10px; border: 0; border-radius: var(--radius-xl); background: transparent; text-align: left; cursor: pointer; color: hsl(var(--hsl-foreground)); font: 400 14px/20px var(--font-sans); }
|
|
13640
13924
|
.rp .rp-team-h:hover { background: var(--ix-hover-bg); }
|
|
13641
13925
|
.rp .rp-team-h .cv { display: flex; color: hsl(var(--hsl-muted-foreground)); transition: transform 0.12s; }
|
|
13642
13926
|
.rp .rp-team-h[aria-expanded='false'] .cv { transform: rotate(-90deg); }
|
|
13643
|
-
.rp .rp-team-h .st { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size:
|
|
13927
|
+
.rp .rp-team-h .st { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 14px; color: hsl(var(--hsl-muted-foreground)); white-space: nowrap; }
|
|
13644
13928
|
.rp .rp-team-h .mb { display: flex; width: 72px; height: 6px; gap: 1px; border-radius: var(--radius-tag); overflow: hidden; background: var(--rp-raised); }
|
|
13645
13929
|
.rp .rp-team-h .mb i { display: block; height: 100%; }
|
|
13646
13930
|
.rp .rp-team-h .mb i.ok { background: var(--surface-success-text); } .rp .rp-team-h .mb i.live { background: var(--accent-text); }
|
|
@@ -13648,7 +13932,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13648
13932
|
.rp .rp-mm svg { display: block; width: 100%; }
|
|
13649
13933
|
.rp .rp-mm rect { fill: var(--border-strong); } .rp .rp-mm rect.fr { fill: var(--rp-raised); } .rp .rp-mm rect.sel { fill: var(--accent-text); } .rp .rp-mm rect.live { fill: color-mix(in srgb, var(--accent-text) 55%, transparent); }
|
|
13650
13934
|
.rp .rp-mm rect.vp { fill: var(--ix-hover-bg); stroke: var(--accent-text); stroke-width: 1.25; }
|
|
13651
|
-
.rp .rp-mm .mm-h { display: flex; justify-content: space-between; padding: 6px 10px; font-size:
|
|
13935
|
+
.rp .rp-mm .mm-h { display: flex; justify-content: space-between; padding: 6px 10px; font-size: 14px; color: hsl(var(--hsl-muted-foreground)); border-bottom: 1px solid var(--rp-line); }
|
|
13652
13936
|
.rp .rp-tinsp { padding: 16px; }
|
|
13653
13937
|
.rp .rp-kv { grid-template-columns: 84px minmax(0, 1fr); gap: 6px 12px; margin: 0 0 16px; }
|
|
13654
13938
|
.rp .rp-kv dd { margin: 0; overflow-wrap: anywhere; }
|
|
@@ -13657,11 +13941,12 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13657
13941
|
.rp .rp-stat3 > div:not(:nth-child(3n + 1)) { box-shadow: -1px 0 0 var(--rp-line); }
|
|
13658
13942
|
.rp .rp-stat3 > div:nth-child(n + 4) { border-top: 1px solid var(--rp-line); }
|
|
13659
13943
|
.rp .rp-stat3 b { display: block; font: 600 16px/24px var(--font-sans); font-variant-numeric: tabular-nums; }
|
|
13660
|
-
.rp .rp-stat3 span { font-size:
|
|
13661
|
-
.rp .rp-subh { margin: 0 0 8px; font: 600
|
|
13662
|
-
.rp .rp-lt { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
|
|
13663
|
-
.rp .rp-lt th
|
|
13664
|
-
.rp .rp-lt th
|
|
13944
|
+
.rp .rp-stat3 span { font-size: 14px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13945
|
+
.rp .rp-subh { margin: 0 0 8px; font: 600 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); }
|
|
13946
|
+
.rp .rp-lt { width: 100%; border-collapse: collapse; margin-bottom: 18px; table-layout: fixed; }
|
|
13947
|
+
.rp .rp-lt th:not(:first-child), .rp .rp-lt td:not(:first-child) { width: 64px; padding-left: 8px; }
|
|
13948
|
+
.rp .rp-lt th { padding: 0 0 6px; font: 500 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); text-align: right; }
|
|
13949
|
+
.rp .rp-lt th:first-child, .rp .rp-lt td:first-child { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13665
13950
|
.rp .rp-lt td { padding: 4px 0; text-align: right; font-variant-numeric: tabular-nums; border-top: 1px solid var(--rp-line); }
|
|
13666
13951
|
.rp .rp-lt td:first-child { font-variant-numeric: normal; }
|
|
13667
13952
|
.rp .rp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
|
|
@@ -13673,14 +13958,14 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13673
13958
|
.rp .rp-fbar { flex: none; padding: 8px; border-bottom: 1px solid var(--rp-line); }
|
|
13674
13959
|
.rp .rp-fbar .rp-field { height: 32px; }
|
|
13675
13960
|
.rp .rp-alist { flex: 1; min-height: 0; overflow: auto; }
|
|
13676
|
-
.rp .rp-alist .ag { display: flex; align-items: center; gap: 8px; padding: 0 16px; font: 600
|
|
13961
|
+
.rp .rp-alist .ag { display: flex; align-items: center; gap: 8px; padding: 0 16px; font: 600 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); }
|
|
13677
13962
|
.rp .rp-alist button { width: 100%; display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; align-content: center; column-gap: 12px; row-gap: 1px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; text-align: left; cursor: pointer; color: hsl(var(--hsl-foreground)); font: 400 14px/20px var(--font-sans); }
|
|
13678
13963
|
.rp .rp-alist button:hover { background: var(--ix-hover-bg); }
|
|
13679
13964
|
.rp .rp-alist button[aria-current='true'] { background: var(--ix-sel-bg); }
|
|
13680
13965
|
.rp .rp-alist button[aria-current='true'] .nm { color: var(--accent-text); }
|
|
13681
13966
|
.rp .rp-alist .nm { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13682
|
-
.rp .rp-alist .sb { grid-column: 2; font-size:
|
|
13683
|
-
.rp .rp-alist .n { grid-row: 1 / span 2; grid-column: 3; font-size:
|
|
13967
|
+
.rp .rp-alist .sb { grid-column: 2; font-size: 14px; line-height: 18px; color: hsl(var(--hsl-muted-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
13968
|
+
.rp .rp-alist .n { grid-row: 1 / span 2; grid-column: 3; font-size: 14px; color: var(--text-dim); font-variant-numeric: tabular-nums; }
|
|
13684
13969
|
.rp .rp-empty { padding: 24px 16px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13685
13970
|
.rp .rp-tx { padding: 8px 8px 48px; }
|
|
13686
13971
|
/* The transcript sits on the card: the shared transcript's own panel frame steps back. */
|
|
@@ -13688,26 +13973,26 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13688
13973
|
.rp .rp-back { display: none; }
|
|
13689
13974
|
.rp .rp-note { margin: 4px 0 12px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13690
13975
|
.rp .rp-msg { display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 16px; padding: 6px 0; }
|
|
13691
|
-
.rp .rp-msg time { font:
|
|
13692
|
-
.rp .rp-tchip { display: inline-flex; align-items: center; gap: 6px; height: 26px; max-width: 100%; padding: 0 8px; border-radius: var(--radius-tag); background: var(--rp-raised); font-size:
|
|
13976
|
+
.rp .rp-msg time { font: 14px/20px var(--font-mono); color: var(--text-dim); padding-top: 3px; }
|
|
13977
|
+
.rp .rp-tchip { display: inline-flex; align-items: center; gap: 6px; height: 26px; max-width: 100%; padding: 0 8px; border-radius: var(--radius-tag); background: var(--rp-raised); font-size: 14px; color: hsl(var(--hsl-foreground)); }
|
|
13693
13978
|
.rp .rp-tchip i { width: 6px; height: 6px; border-radius: 50%; flex: none; background: var(--rp-tool); }
|
|
13694
13979
|
.rp .rp-tchip i.model { background: var(--rp-model); }
|
|
13695
13980
|
.rp .rp-tchip .t { font-weight: 500; }
|
|
13696
13981
|
.rp .rp-tchip .a { font-family: var(--font-mono); color: hsl(var(--hsl-muted-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
|
|
13697
13982
|
.rp .rp-tchip.fail { background: var(--surface-danger-bg); }
|
|
13698
13983
|
.rp .rp-tchip.fail i { background: var(--surface-danger-text); }
|
|
13699
|
-
.rp .rp-errline { display: block; margin-top: 4px; font-size:
|
|
13984
|
+
.rp .rp-errline { display: block; margin-top: 4px; font-size: 14px; line-height: 18px; color: var(--surface-danger-text); }
|
|
13700
13985
|
|
|
13701
13986
|
/* Traces */
|
|
13702
13987
|
.rp .rp-traces { height: 100%; }
|
|
13703
13988
|
.rp .rp-trw { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 380px; }
|
|
13704
13989
|
.rp .rp-tbl { overflow: auto; min-height: 0; }
|
|
13705
|
-
.rp .rp-tr { display: grid; grid-template-columns: 96px
|
|
13990
|
+
.rp .rp-tr { display: grid; grid-template-columns: 96px minmax(120px, 1fr) 88px minmax(160px, 2fr) 112px 80px; align-items: center; height: 34px; padding: 0 0 0 16px; border-bottom: 1px solid var(--rp-line); white-space: nowrap; cursor: pointer; }
|
|
13706
13991
|
.rp .rp-tr > span { padding-right: 12px; overflow: hidden; text-overflow: ellipsis; }
|
|
13707
|
-
.rp .rp-tr.th { position: sticky; top: 0; z-index: 1; height: 36px; background: hsl(var(--hsl-card)); font: 500
|
|
13992
|
+
.rp .rp-tr.th { position: sticky; top: 0; z-index: 1; height: 36px; background: hsl(var(--hsl-card)); font: 500 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); cursor: default; }
|
|
13708
13993
|
.rp .rp-tr[aria-selected='true'] { background: var(--ix-sel-bg); }
|
|
13709
13994
|
.rp .rp-tr:not(.th):not([aria-selected='true']):hover { background: var(--ix-hover-bg); }
|
|
13710
|
-
.rp .rp-tr .m { font:
|
|
13995
|
+
.rp .rp-tr .m { font: 14px/20px var(--font-mono); }
|
|
13711
13996
|
.rp .rp-tr .r { text-align: right; }
|
|
13712
13997
|
.rp .rp-tr .kind { display: inline-flex; align-items: center; gap: 6px; }
|
|
13713
13998
|
.rp .rp-tr .kind i { width: 8px; height: 8px; border-radius: var(--radius-tag); background: var(--border-strong); }
|
|
@@ -13715,63 +14000,63 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13715
14000
|
.rp .rp-tr .dur { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
|
|
13716
14001
|
.rp .rp-tr .dur b { display: block; height: 6px; border-radius: var(--radius-tag); background: var(--border-strong); }
|
|
13717
14002
|
.rp .rp-trd { display: flex; flex-direction: column; min-height: 0; box-shadow: -1px 0 0 var(--rp-line); }
|
|
13718
|
-
.rp .rp-trd-h { flex: none; height: 36px; display: flex; align-items: center; padding: 0 16px; box-shadow: inset 0 -1px 0 var(--rp-line); font: 500
|
|
14003
|
+
.rp .rp-trd-h { flex: none; height: 36px; display: flex; align-items: center; padding: 0 16px; box-shadow: inset 0 -1px 0 var(--rp-line); font: 500 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); }
|
|
13719
14004
|
.rp .rp-trd .rp-scroll { padding: 16px; }
|
|
13720
|
-
.rp .rp-json { margin: 0 0 16px; padding: 12px; border-radius: var(--radius-md); background: var(--rp-raised); font:
|
|
14005
|
+
.rp .rp-json { margin: 0 0 16px; padding: 12px; border-radius: var(--radius-md); background: var(--rp-raised); font: 14px/20px var(--font-mono); white-space: pre; overflow-x: auto; }
|
|
14006
|
+
.rp .rp-raw { margin: 0 0 16px; }
|
|
14007
|
+
.rp .rp-raw summary { cursor: pointer; color: hsl(var(--hsl-muted-foreground)); font-weight: 500; margin-bottom: 8px; }
|
|
13721
14008
|
|
|
13722
14009
|
/* Analytics */
|
|
13723
14010
|
.rp .rp-an { display: flex; flex-direction: column; gap: 12px; }
|
|
13724
14011
|
.rp .rp-an-f { flex: none; display: flex; align-items: center; gap: 12px; min-width: 0; }
|
|
13725
|
-
.rp .rp-an-f .scope { color: hsl(var(--hsl-muted-foreground)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
13726
|
-
.rp .rp-an-f .scope b { color: hsl(var(--hsl-foreground)); font-weight: 500; }
|
|
13727
14012
|
.rp .rp-kpis { flex: none; display: grid; grid-template-columns: minmax(0, 2.2fr) repeat(7, minmax(0, 1fr)); }
|
|
13728
14013
|
.rp .rp-kpis > div { padding: 10px 16px; min-width: 0; }
|
|
13729
14014
|
.rp .rp-kpis > div + div { box-shadow: -1px 0 0 var(--rp-line); }
|
|
13730
14015
|
.rp .rp-kpis b { display: block; font: 600 20px/28px var(--font-sans); white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
13731
|
-
.rp .rp-kpis span { display: block; font-size:
|
|
14016
|
+
.rp .rp-kpis span { display: block; font-size: 14px; line-height: 18px; color: hsl(var(--hsl-muted-foreground)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
13732
14017
|
.rp .rp-an-g { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
|
|
13733
14018
|
.rp .rp-an-g > .w7 { grid-column: span 7; } .rp .rp-an-g > .w5 { grid-column: span 5; } .rp .rp-an-g > .w4 { grid-column: span 4; } .rp .rp-an-g > .w3 { grid-column: span 3; }
|
|
13734
14019
|
.rp .rp-chart { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: auto; padding: 10px 16px 12px; }
|
|
13735
14020
|
.rp .rp-hm-wrap { flex: 1; min-height: 0; overflow: auto; margin: 0 -16px; padding: 0 16px; }
|
|
13736
14021
|
.rp .rp-hm { display: grid; align-items: center; }
|
|
13737
|
-
.rp .rp-hm .ch { position: sticky; top: 0; z-index: 2; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 2px 6px; background: hsl(var(--hsl-card)); color: hsl(var(--hsl-muted-foreground)); text-align: center; font-size:
|
|
14022
|
+
.rp .rp-hm .ch { position: sticky; top: 0; z-index: 2; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 2px 6px; background: hsl(var(--hsl-card)); color: hsl(var(--hsl-muted-foreground)); text-align: center; font-size: 14px; line-height: 16px; overflow: hidden; }
|
|
13738
14023
|
.rp .rp-hm .ch span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: normal; word-break: normal; }
|
|
13739
14024
|
.rp .rp-hm .ch.c0 { left: 0; z-index: 3; }
|
|
13740
14025
|
.rp .rp-hm .ch.tot { text-align: left; padding-left: 8px; }
|
|
13741
14026
|
.rp .rp-hm .gap { grid-column: 1 / -1; }
|
|
13742
14027
|
.rp .rp-hm .rh { position: sticky; left: 0; z-index: 1; height: 28px; display: flex; align-items: center; gap: 6px; padding-right: 8px; background: hsl(var(--hsl-card)); color: hsl(var(--hsl-foreground)); white-space: nowrap; overflow: hidden; }
|
|
13743
14028
|
.rp .rp-hm .rh .nm { overflow: hidden; text-overflow: ellipsis; }
|
|
13744
|
-
.rp .rp-hm .c { height: 24px; margin: 2px 1px; display: flex; align-items: center; justify-content: center; gap: 4px; border-radius: var(--radius-tag); font: 500
|
|
14029
|
+
.rp .rp-hm .c { height: 24px; margin: 2px 1px; display: flex; align-items: center; justify-content: center; gap: 4px; border-radius: var(--radius-tag); font: 500 14px/20px var(--font-sans); font-variant-numeric: tabular-nums; color: hsl(var(--hsl-foreground)); }
|
|
13745
14030
|
.rp .rp-hm .c.on { color: hsl(var(--hsl-card)); }
|
|
13746
14031
|
.rp .rp-hm .c.z { box-shadow: inset 0 0 0 1px var(--rp-raised); }
|
|
13747
14032
|
.rp .rp-hm .c .xf { height: 18px; padding: 0 3px; border-radius: var(--radius-tag); background: hsl(var(--hsl-card)); color: var(--surface-danger-text); font-weight: 600; line-height: 18px; }
|
|
13748
14033
|
.rp .rp-hm .tot { display: flex; align-items: center; gap: 6px; padding-left: 8px; color: hsl(var(--hsl-foreground)); font-variant-numeric: tabular-nums; }
|
|
13749
14034
|
.rp .rp-hm .tot b { display: block; height: 6px; border-radius: 0 var(--radius-tag) var(--radius-tag) 0; background: var(--border-strong); }
|
|
13750
|
-
.rp .rp-hm-foot { flex: none; display: flex; align-items: center; gap: 16px; padding-top: 8px; font-size:
|
|
14035
|
+
.rp .rp-hm-foot { flex: none; display: flex; align-items: center; gap: 16px; padding-top: 8px; font-size: 14px; color: var(--text-dim); }
|
|
13751
14036
|
.rp .rp-hm-foot .end { margin-left: auto; }
|
|
13752
14037
|
.rp .rp-hm-foot .ramp { display: inline-flex; align-items: center; gap: 6px; }
|
|
13753
14038
|
.rp .rp-hm-foot .ramp i { width: 72px; height: 8px; border-radius: var(--radius-tag); background: linear-gradient(90deg, color-mix(in oklab, var(--rp-tool) 14%, hsl(var(--hsl-card))), var(--rp-tool)); }
|
|
13754
14039
|
.rp .rp-cpm { display: block; width: 100%; flex: 1; min-height: 120px; overflow: visible; }
|
|
13755
|
-
.rp .rp-cpm text, .rp .rp-hist text { font:
|
|
14040
|
+
.rp .rp-cpm text, .rp .rp-hist text { font: 14px var(--font-sans); fill: var(--text-dim); }
|
|
13756
14041
|
.rp .rp-cpm .grid, .rp .rp-hist .grid, .rp .rp-lat .grid { stroke: var(--rp-raised); stroke-width: 1; vector-effect: non-scaling-stroke; }
|
|
13757
14042
|
.rp .rp-cpm .model, .rp .rp-hist .model { fill: var(--rp-model); } .rp .rp-cpm .tool, .rp .rp-hist .tool { fill: var(--rp-tool); }
|
|
13758
14043
|
.rp .rp-cpm .hit { fill: transparent; }
|
|
13759
14044
|
.rp .rp-cpm g:hover .hit, .rp .rp-cpm g:focus .hit { fill: var(--ix-hover-bg); }
|
|
13760
14045
|
.rp .rp-cpm .xf { fill: var(--surface-danger-text); font-weight: 600; }
|
|
13761
14046
|
.rp .rp-at-wrap { flex: 1; min-height: 0; overflow: auto; }
|
|
13762
|
-
.rp .rp-at { display: grid;
|
|
14047
|
+
.rp .rp-at { display: grid; align-items: center; height: 28px; padding: 0 12px 0 16px; }
|
|
13763
14048
|
.rp .rp-at .r, .rp .rp-at .tk { font-variant-numeric: tabular-nums; }
|
|
13764
14049
|
.rp .rp-at > span { padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
13765
14050
|
.rp .rp-at .r { text-align: right; }
|
|
13766
14051
|
.rp .rp-at.th { position: sticky; top: 0; z-index: 1; height: 36px; background: hsl(var(--hsl-card)); box-shadow: inset 0 -1px 0 var(--rp-line); }
|
|
13767
|
-
.rp .rp-at.th button { border: 0; padding: 0; background: none; font: 500
|
|
14052
|
+
.rp .rp-at.th button { border: 0; padding: 0; background: none; font: 500 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); cursor: pointer; }
|
|
13768
14053
|
.rp .rp-at.th [aria-sort] button { color: hsl(var(--hsl-foreground)); }
|
|
13769
14054
|
.rp .rp-at:not(.th):hover { background: var(--ix-hover-bg); }
|
|
13770
14055
|
.rp .rp-at .tk { display: flex; align-items: center; gap: 8px; }
|
|
13771
14056
|
.rp .rp-at .tk span { margin-left: auto; }
|
|
13772
14057
|
.rp .rp-at .tk b { display: block; height: 6px; flex: none; border-radius: 0 var(--radius-tag) var(--radius-tag) 0; background: hsl(var(--hsl-muted-foreground)); }
|
|
13773
14058
|
.rp .rp-lat { display: grid; gap: 2px; }
|
|
13774
|
-
.rp .rp-lat .row { position: relative; display: grid; grid-template-columns:
|
|
14059
|
+
.rp .rp-lat .row { position: relative; display: grid; grid-template-columns: 136px minmax(0, 1fr) 184px; gap: 0 12px; align-items: center; height: 26px; padding-right: 4px; border-radius: var(--radius-tag); }
|
|
13775
14060
|
.rp .rp-lat .row:not(.axis):hover, .rp .rp-lat .row:focus { background: var(--ix-hover-bg); }
|
|
13776
14061
|
.rp .rp-lat .l { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: hsl(var(--hsl-foreground)); }
|
|
13777
14062
|
.rp .rp-lat .l.model { font-weight: 500; }
|
|
@@ -13785,10 +14070,10 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13785
14070
|
.rp .rp-lat .dots i.p90.model { box-shadow: inset 0 0 0 2px var(--rp-model); }
|
|
13786
14071
|
.rp .rp-lat .dots i.p99 { width: 2px; height: 12px; border-radius: 1px; background: var(--rp-tool); }
|
|
13787
14072
|
.rp .rp-lat .dots i.p99.model { background: var(--rp-model); }
|
|
13788
|
-
.rp .rp-lat .v { text-align: right; white-space: nowrap; font-size:
|
|
14073
|
+
.rp .rp-lat .v { text-align: right; white-space: nowrap; font-size: 14px; color: hsl(var(--hsl-muted-foreground)); font-variant-numeric: tabular-nums; }
|
|
13789
14074
|
.rp .rp-lat .v b { color: hsl(var(--hsl-foreground)); font-weight: 500; }
|
|
13790
14075
|
.rp .rp-lat .row.axis { height: 20px; }
|
|
13791
|
-
.rp .rp-lat .ax { grid-column: 2; position: relative; height: 18px; font-size:
|
|
14076
|
+
.rp .rp-lat .ax { grid-column: 2; position: relative; height: 18px; font-size: 14px; color: var(--text-dim); }
|
|
13792
14077
|
.rp .rp-lat .ax span { position: absolute; transform: translateX(-50%); }
|
|
13793
14078
|
.rp .rp-hist figure { margin: 0 0 12px; }
|
|
13794
14079
|
.rp .rp-hist figcaption { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-weight: 500; }
|
|
@@ -13799,20 +14084,29 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13799
14084
|
.rp .rp-fb .row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 72px; gap: 10px; align-items: center; }
|
|
13800
14085
|
.rp .rp-fb .l { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: hsl(var(--hsl-foreground)); }
|
|
13801
14086
|
.rp .rp-fb .n { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
13802
|
-
.rp .rp-fb .n small { font-size:
|
|
14087
|
+
.rp .rp-fb .n small { font-size: 14px; color: var(--text-dim); }
|
|
13803
14088
|
.rp .rp-fb .track { display: flex; height: 8px; border-radius: 0 var(--radius-tag) var(--radius-tag) 0; overflow: hidden; background: var(--rp-raised); }
|
|
13804
14089
|
.rp .rp-fb .track b { display: block; height: 100%; background: var(--surface-danger-text); }
|
|
13805
|
-
.rp .rp-fb h5 { margin: 8px 0 2px; font: 600
|
|
14090
|
+
.rp .rp-fb h5 { margin: 8px 0 2px; font: 600 14px/20px var(--font-sans); color: hsl(var(--hsl-muted-foreground)); }
|
|
13806
14091
|
.rp .rp-fb h5:first-child { margin-top: 0; }
|
|
13807
14092
|
|
|
13808
|
-
/* Checks */
|
|
13809
|
-
.rp .rp-ck { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; }
|
|
13810
|
-
.rp .rp-ck-
|
|
13811
|
-
.rp .rp-ck-
|
|
13812
|
-
.rp .rp-
|
|
13813
|
-
.rp .rp-
|
|
13814
|
-
.rp .rp-
|
|
13815
|
-
.rp .rp-
|
|
14093
|
+
/* Checks: one verdict, three facts beside each other, then the release ladder; each card is as tall as what it holds */
|
|
14094
|
+
.rp .rp-ck { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; align-items: start; }
|
|
14095
|
+
.rp .rp-ck > .rp-card { max-height: 100%; }
|
|
14096
|
+
.rp .rp-ck-in { padding: 24px 32px 28px; }
|
|
14097
|
+
.rp .rp-ck-h { display: flex; align-items: center; gap: 10px; margin: 0; font: 600 24px/32px var(--font-sans); letter-spacing: -0.01em; color: hsl(var(--hsl-foreground)); }
|
|
14098
|
+
.rp .rp-ck-h .rp-dot { width: 10px; height: 10px; }
|
|
14099
|
+
.rp .rp-ck-note { margin: 4px 0 0; font-size: 16px; line-height: 24px; color: hsl(var(--hsl-muted-foreground)); }
|
|
14100
|
+
.rp .rp-ck-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 24px 0 20px; }
|
|
14101
|
+
.rp .rp-ck-stats b { display: block; font: 600 18px/26px var(--font-sans); font-variant-numeric: tabular-nums; }
|
|
14102
|
+
.rp .rp-ck-stats span { color: hsl(var(--hsl-muted-foreground)); }
|
|
14103
|
+
.rp .rp-ck-line { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 12px; align-items: baseline; margin: 0; padding: 10px 0; border-top: 1px solid var(--rp-line); }
|
|
14104
|
+
.rp .rp-ck-line .lbl { color: hsl(var(--hsl-muted-foreground)); }
|
|
14105
|
+
.rp .rp-ck-line time { color: var(--text-dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
14106
|
+
.rp .rp-ck-cal { display: flex; flex-wrap: wrap; gap: 4px 16px; color: hsl(var(--hsl-muted-foreground)); }
|
|
14107
|
+
.rp .rp-ck-cal .ok { color: hsl(var(--hsl-foreground)); }
|
|
14108
|
+
.rp .rp-ck .rp-subh { margin: 24px 0 4px; }
|
|
14109
|
+
.rp .rp-rel .sub { display: block; margin-top: 2px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13816
14110
|
.rp .rp-rel { list-style: none; margin: 0; padding: 0; }
|
|
13817
14111
|
.rp .rp-rel li { display: grid; grid-template-columns: 80px 72px minmax(0, 1fr) 96px; gap: 4px 12px; align-items: center; padding: 8px 0; border-top: 1px solid var(--rp-line); }
|
|
13818
14112
|
.rp .rp-rel .sub { grid-column: 1 / -1; }
|
|
@@ -13820,6 +14114,9 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13820
14114
|
.rp .rp-rel .steps i { width: 14px; height: 8px; border-radius: var(--radius-tag); background: var(--rp-raised); }
|
|
13821
14115
|
.rp .rp-rel .steps i.pass { background: var(--surface-success-text); } .rp .rp-rel .steps i.fail { background: var(--surface-danger-text); }
|
|
13822
14116
|
.rp .rp-rel .when { text-align: right; color: var(--text-dim); font-variant-numeric: tabular-nums; }
|
|
14117
|
+
.rp .rp-rel li.gap { grid-template-columns: 80px minmax(0, 1fr); }
|
|
14118
|
+
.rp .rp-rel li.gap b { font-weight: 500; color: hsl(var(--hsl-muted-foreground)); }
|
|
14119
|
+
.rp .rp-rel li.gap .sub { grid-column: auto; margin: 0; }
|
|
13823
14120
|
.rp .rp-commits { padding: 12px 16px; display: grid; gap: 6px; align-content: start; }
|
|
13824
14121
|
.rp .rp-commits .row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px; gap: 10px; align-items: center; }
|
|
13825
14122
|
.rp .rp-commits .l { display: flex; align-items: center; gap: 8px; overflow: hidden; white-space: nowrap; }
|
|
@@ -13834,10 +14131,12 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13834
14131
|
.rp-run { height: auto; }
|
|
13835
14132
|
.agent-record .rp-head { padding: 16px 0 12px; }
|
|
13836
14133
|
.agent-record .rp-head h1 { font-size: 24px; line-height: 30px; }
|
|
13837
|
-
.agent-record .rp-stats { width: 100%; gap: 2px 16px; }
|
|
14134
|
+
.agent-record .rp-stats { width: 100%; gap: 2px 16px; flex-wrap: nowrap; overflow: hidden; }
|
|
13838
14135
|
.agent-record .rp-stats li { padding: 0; }
|
|
14136
|
+
/* A phone's header is one line of facts: time, agents and steps; tokens and cost are on Overview and Analytics. */
|
|
14137
|
+
.agent-record .rp-run .rp-stats li:nth-child(n + 4) { display: none; }
|
|
13839
14138
|
.agent-record .rp-stats li + li { box-shadow: none; }
|
|
13840
|
-
.rp .rp-tabs { position: sticky; top: 44px; z-index: 5; margin: 0 -16px; padding: 0 4px; background: hsl(var(--hsl-background)); mask-image: linear-gradient(90deg, #000 calc(100% -
|
|
14139
|
+
.rp .rp-tabs { position: sticky; top: 44px; z-index: 5; margin: 0 -16px; padding: 0 4px; background: hsl(var(--hsl-background)); mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent); }
|
|
13841
14140
|
.rp .rp-work { overflow: visible; padding-top: 12px; }
|
|
13842
14141
|
.rp .rp-work > * { height: auto; }
|
|
13843
14142
|
.rp .ph-hide { display: none !important; }
|
|
@@ -13856,14 +14155,13 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13856
14155
|
.rp .rp-vd-act { flex-wrap: wrap; }
|
|
13857
14156
|
.rp .rp-story { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); margin: 16px -16px 0; }
|
|
13858
14157
|
.rp .rp-story li { padding: 10px 16px 10px 36px; }
|
|
13859
|
-
|
|
14158
|
+
|
|
13860
14159
|
.rp .rp-story .sd { left: 16px; top: 15px; }
|
|
13861
14160
|
.rp .rp-story span { white-space: normal; }
|
|
13862
14161
|
.rp .rp-sum { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
|
|
13863
14162
|
.rp .rp-sum > div { padding: 14px 16px; }
|
|
13864
14163
|
.rp .rp-sum > div:first-child, .rp .rp-sum > div:nth-child(4) { grid-column: 1 / -1; }
|
|
13865
|
-
.rp .rp-sum > div + div {
|
|
13866
|
-
.rp .rp-sum > div:nth-child(3) { box-shadow: -1px 0 0 var(--rp-line); }
|
|
14164
|
+
.rp .rp-sum > div + div { border-top: 1px solid var(--rp-line); }
|
|
13867
14165
|
.rp .rp-tg { grid-template-columns: 96px minmax(0, 1fr) 44px; column-gap: 8px; }
|
|
13868
14166
|
.agent-record .rp-hd.sm { height: auto; min-height: 48px; flex-wrap: wrap; padding: 8px 12px; }
|
|
13869
14167
|
.agent-record .rp-hd.sm .end { width: 100%; margin-left: 0; flex-wrap: wrap; }
|
|
@@ -13878,21 +14176,31 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13878
14176
|
.rp .rp-doc [class~='border-border'][class~='p-5'] { padding: 20px 16px 32px; }
|
|
13879
14177
|
.rp .rp-topo-wrap { min-height: 560px; }
|
|
13880
14178
|
.rp .rp-trw { grid-template-columns: minmax(0, 1fr); }
|
|
13881
|
-
|
|
13882
|
-
.rp .rp-tr
|
|
14179
|
+
/* A phone's span row: start, name, duration; a failed span leads its name with the ✕ the hidden status column held. */
|
|
14180
|
+
.rp .rp-tr { grid-template-columns: 84px minmax(0, 1fr) 76px; padding-left: 12px; }
|
|
14181
|
+
.rp .rp-tr > span:nth-child(2), .rp .rp-tr > span:nth-child(3), .rp .rp-tr > span:nth-child(6) { display: none; }
|
|
14182
|
+
.agent-record .rp-hd.rp-hd-tools [role='radiogroup'] .ct { display: none; }
|
|
14183
|
+
.rp .rp-tr.failed .nm::before { content: '✕ '; color: var(--surface-danger-text); font-weight: 600; }
|
|
14184
|
+
.agent-record .rp-hd.rp-hd-tools { height: auto; flex-wrap: wrap; gap: 8px; padding: 8px !important; }
|
|
14185
|
+
.agent-record .rp-hd.rp-hd-tools > .rp-cbx { flex: 1 1 100%; width: auto !important; }
|
|
14186
|
+
.agent-record .rp-hd.rp-hd-tools > .rp-legend { flex: 1 1 100%; flex-wrap: wrap; gap: 4px 12px; }
|
|
14187
|
+
.agent-record .rp-hd.rp-hd-tools > .end { flex: 1 1 100%; margin-left: 0; }
|
|
14188
|
+
.agent-record .rp-hd.rp-hd-tools > .end > .rp-cbx { flex: 1; width: auto !important; }
|
|
13883
14189
|
.rp .rp-trd { box-shadow: 0 -1px 0 var(--rp-line); }
|
|
13884
14190
|
.rp .rp-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
13885
14191
|
.rp .rp-kpis > div:nth-child(odd) { box-shadow: none; }
|
|
13886
14192
|
.rp .rp-an-f .rp-cbx { flex: 1; width: auto !important; }
|
|
13887
|
-
.rp .rp-an-f .scope { display: none; }
|
|
13888
14193
|
.rp .rp-lat .row { grid-template-columns: 96px minmax(0, 1fr) 112px; }
|
|
13889
14194
|
.rp .rp-ck-in { padding: 16px; }
|
|
14195
|
+
.rp .rp-ck-stats { grid-template-columns: minmax(0, 1fr); gap: 12px; }
|
|
14196
|
+
.rp .rp-ck-line { grid-template-columns: minmax(0, 1fr); gap: 2px; }
|
|
13890
14197
|
}
|
|
13891
14198
|
|
|
13892
14199
|
/* Today (Today.tsx): what needs you and what moved since your mark, then every play's distance to its target */
|
|
13893
14200
|
.rp.td2 { display: flex; flex-direction: column; gap: 16px; padding-bottom: 8px; }
|
|
13894
14201
|
.rp.td2 > .rp-head { padding-bottom: 0; }
|
|
13895
|
-
.rp .td2-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px;
|
|
14202
|
+
.rp .td2-top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
|
|
14203
|
+
.rp .td2-top > .rp-card { max-height: 360px; }
|
|
13896
14204
|
.rp .td2-needs, .rp .td2-moves { list-style: none; margin: 0; padding: 4px 0; }
|
|
13897
14205
|
.rp .td2-needs li > a, .rp .td2-needs li > div { display: grid; grid-template-columns: 20px minmax(0, 1fr) 16px; gap: 12px; align-items: start; padding: 10px 16px; }
|
|
13898
14206
|
.rp .td2-needs li > a:hover { background: var(--ix-hover-bg); }
|
|
@@ -13900,22 +14208,26 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13900
14208
|
.rp .td2-needs .rp-i.warn { color: var(--surface-warning-text); }
|
|
13901
14209
|
.rp .td2-needs .rp-i.go { transform: rotate(-90deg); color: var(--text-dim); align-self: center; }
|
|
13902
14210
|
.rp .td2-needs b { font-weight: 500; }
|
|
13903
|
-
.rp .td2-needs .sub, .rp .td2-row .sub { display: block; margin-top: 2px; color: hsl(var(--hsl-muted-foreground)); font-size:
|
|
14211
|
+
.rp .td2-needs .sub, .rp .td2-row .sub { display: block; margin-top: 2px; color: hsl(var(--hsl-muted-foreground)); font-size: 14px; line-height: 18px; }
|
|
13904
14212
|
.rp .td2-none { display: flex; align-items: center; gap: 8px; padding: 16px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13905
14213
|
.rp .td2-foot { flex: none; display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0 16px; border-top: 1px solid var(--rp-line); color: hsl(var(--hsl-muted-foreground)); }
|
|
13906
14214
|
.rp .td2-foot .rp-link { margin: 0; display: inline-flex; align-items: center; gap: 4px; }
|
|
13907
|
-
.rp .td2-moves
|
|
13908
|
-
.rp .td2-moves
|
|
13909
|
-
.rp .td2-moves
|
|
14215
|
+
.rp .td2-moves section + section { border-top: 1px solid var(--rp-line); }
|
|
14216
|
+
.rp .td2-moves h3 { display: flex; align-items: baseline; gap: 8px; margin: 0; padding: 10px 16px 2px; font: 600 14px/20px var(--font-sans); }
|
|
14217
|
+
.rp .td2-moves h3 a:hover { color: var(--accent-text); }
|
|
14218
|
+
.rp .td2-moves ol { list-style: none; margin: 0; padding: 0 0 8px; }
|
|
14219
|
+
.rp .td2-moves li { display: grid; grid-template-columns: 48px minmax(0, 1fr) 132px; gap: 12px; align-items: baseline; padding: 4px 16px; }
|
|
14220
|
+
.rp .td2-moves li > span:last-child { justify-self: end; }
|
|
14221
|
+
.rp .td2-moves time { font: 14px/20px var(--font-sans); font-variant-numeric: tabular-nums; color: var(--text-dim); }
|
|
13910
14222
|
.rp .td2-moves .tx b { font-weight: 600; }
|
|
13911
14223
|
.rp .td2-moves .tx a { color: var(--accent-text); }
|
|
13912
|
-
.rp .td2-badge { justify-self: start; display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: var(--radius-pill); font: 500
|
|
14224
|
+
.rp .td2-badge { justify-self: start; display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: var(--radius-pill); font: 500 14px/20px var(--font-sans); white-space: nowrap; background: var(--rp-raised); color: hsl(var(--hsl-muted-foreground)); }
|
|
13913
14225
|
.rp .td2-badge.ok { background: var(--surface-success-bg); color: var(--surface-success-text); }
|
|
13914
14226
|
.rp .td2-badge.warn { background: var(--surface-warning-bg); color: var(--surface-warning-text); }
|
|
13915
14227
|
.rp .td2-board .rp-hd .end { flex: 1; justify-content: flex-end; }
|
|
13916
14228
|
.rp .td2-find { width: 260px; }
|
|
13917
14229
|
.rp .td2-cols, .rp .td2-row { display: grid; grid-template-columns: minmax(180px, 1.2fr) 220px minmax(320px, 3fr) 180px 150px; gap: 16px; padding: 0 16px; }
|
|
13918
|
-
.rp .td2-cols { height: 36px; align-items: center; border-bottom: 1px solid var(--rp-line); font-size:
|
|
14230
|
+
.rp .td2-cols { height: 36px; align-items: center; border-bottom: 1px solid var(--rp-line); font-size: 14px; color: var(--text-dim); }
|
|
13919
14231
|
.rp .td2-cols .r, .rp .td2-row .live { text-align: right; }
|
|
13920
14232
|
.rp .td2-cols .axis { position: relative; margin-right: 150px; height: 18px; }
|
|
13921
14233
|
.rp .td2-cols .axis i { position: absolute; font-style: normal; transform: translateX(-50%); white-space: nowrap; }
|
|
@@ -13936,7 +14248,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13936
14248
|
.rp .td2-row .hold { margin: 0; color: hsl(var(--hsl-foreground)); }
|
|
13937
14249
|
.rp .td2-row .hold b { font-weight: 600; }
|
|
13938
14250
|
.rp .td2-metric { display: grid; grid-template-columns: minmax(0, 1fr) 150px; grid-template-rows: auto auto; column-gap: 12px; align-items: center; }
|
|
13939
|
-
.rp .td2-metric .l { grid-column: 1 / -1; display: flex; gap: 8px; font-size:
|
|
14251
|
+
.rp .td2-metric .l { grid-column: 1 / -1; display: flex; gap: 8px; font-size: 14px; line-height: 18px; color: hsl(var(--hsl-muted-foreground)); }
|
|
13940
14252
|
.rp .td2-metric .l .tg { margin-left: auto; margin-right: 162px; color: var(--text-dim); }
|
|
13941
14253
|
.rp .td2-metric .ax { position: relative; height: 10px; }
|
|
13942
14254
|
.rp .td2-metric .ax .track { position: absolute; left: 0; right: 0; top: 4px; height: 2px; background: var(--rp-raised); }
|
|
@@ -13944,8 +14256,8 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13944
14256
|
.rp .td2-metric .ax .tick { position: absolute; right: -1px; top: -2px; width: 2px; height: 14px; border-radius: 1px; background: hsl(var(--hsl-foreground)); }
|
|
13945
14257
|
.rp .td2-metric .v { white-space: nowrap; font-variant-numeric: tabular-nums; }
|
|
13946
14258
|
.rp .td2-metric .v b { font-weight: 600; }
|
|
13947
|
-
.rp .td2-metric .v .warn { color: var(--surface-warning-text); font-size:
|
|
13948
|
-
.rp .td2-metric .v .ok { font-size:
|
|
14259
|
+
.rp .td2-metric .v .warn { color: var(--surface-warning-text); font-size: 14px; }
|
|
14260
|
+
.rp .td2-metric .v .ok { font-size: 14px; }
|
|
13949
14261
|
.rp .td2-spark { display: block; width: 168px; height: 30px; overflow: visible; }
|
|
13950
14262
|
.rp .td2-spark .all { stroke: var(--surface-success-text); stroke-dasharray: 3 3; opacity: 0.6; }
|
|
13951
14263
|
.rp .td2-spark .ln { fill: none; stroke: hsl(var(--hsl-foreground)); stroke-width: 1.5; }
|
|
@@ -13963,7 +14275,7 @@ line.ov-gridline { stroke: color-mix(in srgb, var(--chart-live-faint, #777) 22%,
|
|
|
13963
14275
|
.rp .td2-top { display: flex; flex-direction: column; height: auto; }
|
|
13964
14276
|
.rp .td2-top .rp-scroll { max-height: 360px; }
|
|
13965
14277
|
.rp .td2-moves li { grid-template-columns: 44px minmax(0, 1fr); }
|
|
13966
|
-
.rp .td2-moves
|
|
14278
|
+
.rp .td2-moves li > span:last-child { grid-column: 2; justify-self: start; }
|
|
13967
14279
|
.rp .td2-find { width: 100%; }
|
|
13968
14280
|
.rp .td2-board .rp-hd { height: auto; flex-wrap: wrap; padding: 8px 12px; }
|
|
13969
14281
|
.rp .td2-row .live { grid-column: 1 / -1; text-align: left; }
|