mirror of
https://github.com/hendrikhuwy-lgtm/codex-vault-agent.git
synced 2026-07-22 06:51:20 +00:00
1387 lines
26 KiB
CSS
1387 lines
26 KiB
CSS
.cva-root {
|
|
container-type: inline-size;
|
|
overflow: auto;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-shell {
|
|
--cva-accent: var(--interactive-accent);
|
|
--cva-accent-soft: color-mix(in srgb, var(--interactive-accent) 16%, transparent);
|
|
--cva-border: var(--background-modifier-border);
|
|
--cva-panel: color-mix(in srgb, var(--background-secondary) 78%, var(--background-primary));
|
|
--cva-panel-strong: color-mix(in srgb, var(--background-secondary) 92%, var(--background-primary));
|
|
--cva-green: #5a9f73;
|
|
--cva-blue: #5d8ec8;
|
|
--cva-amber: #c58a3d;
|
|
--cva-red: #c66b6b;
|
|
width: min(1400px, 100%);
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
color: var(--text-normal);
|
|
font-family: var(--font-interface);
|
|
}
|
|
|
|
.cva-header {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
|
|
gap: 16px;
|
|
align-items: stretch;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.cva-title-block {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-eyebrow {
|
|
margin-bottom: 6px;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
font-weight: 760;
|
|
letter-spacing: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cva-title-block h1 {
|
|
margin: 0;
|
|
color: var(--text-normal);
|
|
font-size: clamp(26px, 2.2vw, 36px);
|
|
font-weight: 780;
|
|
letter-spacing: 0;
|
|
line-height: 1.05;
|
|
}
|
|
|
|
.cva-subtitle {
|
|
width: min(760px, 100%);
|
|
margin-top: 10px;
|
|
color: var(--text-muted);
|
|
font-size: 14px;
|
|
line-height: 1.42;
|
|
}
|
|
|
|
.cva-status-panel,
|
|
.cva-query-card,
|
|
.cva-dataview-card,
|
|
.cva-panel,
|
|
.cva-compile-strip {
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--cva-panel);
|
|
}
|
|
|
|
.cva-status-panel {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
gap: 8px;
|
|
align-content: start;
|
|
padding: 12px;
|
|
}
|
|
|
|
.cva-header-actions {
|
|
grid-column: 1 / -1;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.cva-status-pill {
|
|
min-width: 0;
|
|
padding: 9px 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-status-pill.ok {
|
|
border-color: color-mix(in srgb, var(--cva-green) 42%, var(--cva-border));
|
|
}
|
|
|
|
.cva-status-pill.warn {
|
|
border-color: color-mix(in srgb, var(--cva-amber) 42%, var(--cva-border));
|
|
}
|
|
|
|
.cva-status-pill.bad {
|
|
border-color: color-mix(in srgb, var(--cva-red) 46%, var(--cva-border));
|
|
}
|
|
|
|
.cva-status-label {
|
|
overflow: hidden;
|
|
color: var(--text-muted);
|
|
font-size: 10px;
|
|
font-weight: 760;
|
|
text-overflow: ellipsis;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-status-value {
|
|
margin-top: 4px;
|
|
overflow: hidden;
|
|
color: var(--text-normal);
|
|
font-size: 13px;
|
|
font-weight: 740;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-status-pill.ok .cva-status-value {
|
|
color: var(--cva-green);
|
|
}
|
|
|
|
.cva-status-pill.warn .cva-status-value {
|
|
color: var(--cva-amber);
|
|
}
|
|
|
|
.cva-status-pill.bad .cva-status-value {
|
|
color: var(--cva-red);
|
|
}
|
|
|
|
.cva-connection-note {
|
|
grid-column: 1 / -1;
|
|
min-height: 18px;
|
|
padding: 8px 9px;
|
|
overflow: hidden;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.35;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-button {
|
|
min-height: 34px;
|
|
border-radius: 7px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.cva-button:disabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.cva-button,
|
|
.cva-segment,
|
|
.cva-scope-item,
|
|
.cva-file-row,
|
|
.cva-evidence-row,
|
|
.cva-evidence-card,
|
|
.cva-output-section,
|
|
.cva-folder-picker,
|
|
.cva-folder-option {
|
|
appearance: none;
|
|
box-shadow: none;
|
|
font-family: var(--font-interface);
|
|
height: auto;
|
|
line-height: normal;
|
|
}
|
|
|
|
.cva-ghost {
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 1px var(--cva-border);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.cva-muted-action {
|
|
opacity: 0.74;
|
|
}
|
|
|
|
.cva-query-stage {
|
|
display: grid;
|
|
grid-template-columns: minmax(360px, 1.1fr) minmax(360px, 0.9fr);
|
|
gap: 14px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.cva-flow {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
gap: 6px;
|
|
margin-bottom: 12px;
|
|
padding: 6px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-flow-step {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 7px;
|
|
min-width: 0;
|
|
padding: 7px 8px;
|
|
border-radius: 6px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.cva-flow-step.active {
|
|
background: color-mix(in srgb, var(--cva-blue) 12%, transparent);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.cva-flow-step.done .cva-step-index {
|
|
border-color: color-mix(in srgb, var(--cva-green) 45%, transparent);
|
|
color: var(--cva-green);
|
|
}
|
|
|
|
.cva-step-index {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: 0 0 auto;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 999px;
|
|
font-size: 11px;
|
|
font-weight: 760;
|
|
}
|
|
|
|
.cva-step-label {
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
font-weight: 720;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-query-card,
|
|
.cva-dataview-card,
|
|
.cva-panel,
|
|
.cva-compile-strip {
|
|
min-width: 0;
|
|
padding: 14px;
|
|
}
|
|
|
|
.cva-panel-head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
min-width: 0;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.cva-panel-title-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-icon {
|
|
flex: 0 0 auto;
|
|
width: 17px;
|
|
height: 17px;
|
|
color: var(--cva-blue);
|
|
}
|
|
|
|
.cva-panel-title {
|
|
overflow: hidden;
|
|
color: var(--text-normal);
|
|
font-size: 14px;
|
|
font-weight: 760;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-panel-meta {
|
|
overflow: hidden;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
font-weight: 650;
|
|
text-align: right;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-helper-text {
|
|
margin: -4px 0 10px;
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.cva-query-input {
|
|
width: 100%;
|
|
min-height: 92px;
|
|
resize: none;
|
|
padding: 12px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-interface);
|
|
font-size: 14px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.cva-query-input:focus {
|
|
border-color: var(--interactive-accent);
|
|
box-shadow: 0 0 0 2px var(--cva-accent-soft);
|
|
outline: none;
|
|
}
|
|
|
|
.cva-mode-row,
|
|
.cva-report-type {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
gap: 4px;
|
|
margin-top: 10px;
|
|
padding: 4px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-segment {
|
|
min-width: 0;
|
|
padding: 7px 8px;
|
|
border: 0;
|
|
border-radius: 6px;
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
font-weight: 740;
|
|
text-align: center;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cva-segment.active {
|
|
background: var(--cva-accent-soft);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.cva-query-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.cva-query-plan {
|
|
display: grid;
|
|
gap: 7px;
|
|
padding: 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-plan-row {
|
|
display: grid;
|
|
grid-template-columns: 112px minmax(0, 1fr);
|
|
gap: 10px;
|
|
align-items: baseline;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-plan-label {
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
font-weight: 760;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cva-plan-value {
|
|
overflow: hidden;
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 650;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-plan-warning {
|
|
padding: 8px 9px;
|
|
border: 1px solid color-mix(in srgb, var(--cva-amber) 46%, var(--cva-border));
|
|
border-radius: 7px;
|
|
background: color-mix(in srgb, var(--cva-amber) 9%, var(--background-primary));
|
|
color: var(--cva-amber);
|
|
font-size: 11px;
|
|
font-weight: 680;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.cva-advanced {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.cva-advanced-summary {
|
|
cursor: pointer;
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
font-weight: 720;
|
|
}
|
|
|
|
.cva-advanced[open] .cva-advanced-summary {
|
|
margin-bottom: 8px;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.cva-code {
|
|
width: 100%;
|
|
min-height: 132px;
|
|
margin: 0;
|
|
padding: 12px;
|
|
overflow: auto;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-monospace);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
resize: vertical;
|
|
white-space: pre;
|
|
}
|
|
|
|
.cva-code:focus,
|
|
.cva-folder-input:focus,
|
|
.cva-output-input:focus,
|
|
.cva-folder-search:focus,
|
|
.cva-modal-text:focus {
|
|
border-color: var(--interactive-accent);
|
|
box-shadow: 0 0 0 2px var(--cva-accent-soft);
|
|
outline: none;
|
|
}
|
|
|
|
.cva-workbench {
|
|
display: grid;
|
|
grid-template-columns: minmax(320px, 0.88fr) minmax(480px, 1.32fr);
|
|
gap: 12px;
|
|
align-items: start;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.cva-panel {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.cva-scope-group,
|
|
.cva-selected-files,
|
|
.cva-output-sections {
|
|
display: grid;
|
|
gap: 8px;
|
|
}
|
|
|
|
.cva-scope-group {
|
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
|
|
gap: 6px;
|
|
}
|
|
|
|
.cva-scope-item {
|
|
display: grid;
|
|
grid-template-columns: 20px minmax(0, 1fr);
|
|
gap: 8px;
|
|
align-items: start;
|
|
width: 100%;
|
|
min-width: 0;
|
|
min-height: 48px;
|
|
padding: 8px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-scope-item.active {
|
|
border-color: color-mix(in srgb, var(--cva-green) 38%, var(--cva-border));
|
|
background: color-mix(in srgb, var(--cva-green) 7%, var(--background-primary));
|
|
}
|
|
|
|
.cva-scope-item.locked {
|
|
cursor: default;
|
|
}
|
|
|
|
.cva-scope-item.locked:hover {
|
|
border-color: color-mix(in srgb, var(--cva-green) 38%, var(--cva-border));
|
|
background: color-mix(in srgb, var(--cva-green) 7%, var(--background-primary));
|
|
}
|
|
|
|
.cva-scope-check {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 6px;
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.cva-scope-copy {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-scope-item.active .cva-scope-check {
|
|
border-color: color-mix(in srgb, var(--cva-green) 50%, transparent);
|
|
background: color-mix(in srgb, var(--cva-green) 14%, transparent);
|
|
color: var(--cva-green);
|
|
}
|
|
|
|
.cva-row-title,
|
|
.cva-file-path,
|
|
.cva-evidence-title,
|
|
.cva-output-path,
|
|
.cva-note-preview-title {
|
|
overflow: hidden;
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 740;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-row-detail,
|
|
.cva-file-reason,
|
|
.cva-evidence-folder,
|
|
.cva-note-preview-line,
|
|
.cva-output-label {
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.cva-scope-item .cva-row-detail {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-selected-files {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.cva-selection-summary {
|
|
display: grid;
|
|
gap: 7px;
|
|
padding: 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-selection-row {
|
|
display: grid;
|
|
grid-template-columns: 96px minmax(0, 1fr);
|
|
gap: 8px;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.cva-selection-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.cva-output-path-row,
|
|
.cva-picker-row {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
gap: 8px;
|
|
margin: 6px 0 12px;
|
|
}
|
|
|
|
.cva-run-rules {
|
|
display: grid;
|
|
grid-template-columns: minmax(120px, 0.45fr) minmax(220px, 1fr);
|
|
gap: 8px;
|
|
margin: -2px 0 12px;
|
|
}
|
|
|
|
.cva-run-rule {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-run-input {
|
|
width: 100%;
|
|
margin-top: 6px;
|
|
padding: 8px 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-interface);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cva-run-input:focus {
|
|
border-color: var(--interactive-accent);
|
|
box-shadow: 0 0 0 2px var(--cva-accent-soft);
|
|
outline: none;
|
|
}
|
|
|
|
.cva-scope-collect {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
gap: 10px;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
padding: 10px;
|
|
border: 1px solid color-mix(in srgb, var(--cva-blue) 36%, var(--cva-border));
|
|
border-radius: 8px;
|
|
background: color-mix(in srgb, var(--cva-blue) 7%, var(--background-primary));
|
|
}
|
|
|
|
.cva-scope-collect-copy {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-output-path-row .cva-output-input {
|
|
margin: 0;
|
|
}
|
|
|
|
.cva-synthesis-box {
|
|
display: grid;
|
|
gap: 10px;
|
|
margin-top: 12px;
|
|
padding: 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-synthesis-box.running {
|
|
border-color: color-mix(in srgb, var(--cva-blue) 44%, var(--cva-border));
|
|
}
|
|
|
|
.cva-synthesis-box.complete {
|
|
border-color: color-mix(in srgb, var(--cva-green) 42%, var(--cva-border));
|
|
}
|
|
|
|
.cva-synthesis-box.failed,
|
|
.cva-synthesis-box.stale {
|
|
border-color: color-mix(in srgb, var(--cva-amber) 46%, var(--cva-border));
|
|
}
|
|
|
|
.cva-synthesis-head,
|
|
.cva-synthesis-title,
|
|
.cva-synthesis-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-synthesis-head {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.cva-synthesis-guard {
|
|
display: grid;
|
|
gap: 6px;
|
|
padding: 9px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--cva-panel);
|
|
}
|
|
|
|
.cva-synthesis-output,
|
|
.cva-synthesis-empty,
|
|
.cva-synthesis-error {
|
|
max-height: 220px;
|
|
overflow: auto;
|
|
padding: 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.cva-synthesis-output {
|
|
color: var(--text-normal);
|
|
font-family: var(--font-text);
|
|
}
|
|
|
|
.cva-synthesis-error {
|
|
border-color: color-mix(in srgb, var(--cva-red) 42%, var(--cva-border));
|
|
color: var(--cva-red);
|
|
}
|
|
|
|
.cva-synthesis-actions {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.cva-folder-picker {
|
|
display: grid;
|
|
grid-template-columns: 18px minmax(0, 1fr);
|
|
gap: 8px;
|
|
align-items: center;
|
|
width: 100%;
|
|
min-height: 34px;
|
|
padding: 8px 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
cursor: pointer;
|
|
font-family: var(--font-interface);
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-folder-picker-copy {
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-folder-action {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-folder-input,
|
|
.cva-output-input {
|
|
width: 100%;
|
|
margin: 6px 0 12px;
|
|
padding: 8px 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-interface);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cva-subhead,
|
|
.cva-field-label {
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
font-weight: 760;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cva-file-row {
|
|
display: grid;
|
|
grid-template-columns: 4px minmax(0, 1fr) auto;
|
|
gap: 9px;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 8px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-file-row.excluded,
|
|
.cva-evidence-row.excluded,
|
|
.cva-evidence-card.excluded {
|
|
opacity: 0.54;
|
|
}
|
|
|
|
.cva-file-row.excluded .cva-file-marker,
|
|
.cva-evidence-row.excluded .cva-evidence-check,
|
|
.cva-evidence-card.excluded .cva-evidence-check {
|
|
background: var(--background-modifier-border);
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.cva-file-row.excluded .cva-file-state {
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.cva-file-marker {
|
|
width: 4px;
|
|
height: 32px;
|
|
border-radius: 999px;
|
|
background: var(--cva-blue);
|
|
}
|
|
|
|
.cva-file-marker.strong {
|
|
background: var(--cva-green);
|
|
}
|
|
|
|
.cva-file-marker.bridge {
|
|
background: var(--cva-amber);
|
|
}
|
|
|
|
.cva-file-copy {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-file-state {
|
|
padding: 4px 7px;
|
|
border-radius: 999px;
|
|
background: color-mix(in srgb, var(--cva-green) 13%, var(--background-secondary));
|
|
color: var(--cva-green);
|
|
font-size: 10px;
|
|
font-weight: 760;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cva-evidence-toolbar {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
gap: 8px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.cva-evidence-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.cva-evidence-action,
|
|
.cva-mini-action {
|
|
min-height: 28px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.cva-evidence-group-summary {
|
|
flex: 1 1 240px;
|
|
overflow: hidden;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
text-align: right;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-evidence-board {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.cva-evidence-group {
|
|
overflow: hidden;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-evidence-group-head {
|
|
display: grid;
|
|
grid-template-columns: 28px minmax(0, 1fr) auto auto;
|
|
gap: 8px;
|
|
align-items: center;
|
|
padding: 9px;
|
|
border-bottom: 1px solid var(--cva-border);
|
|
background: var(--cva-panel-strong);
|
|
}
|
|
|
|
.cva-evidence-group.collapsed .cva-evidence-group-head {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.cva-evidence-group-toggle {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 0;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 6px;
|
|
background: var(--background-primary);
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cva-evidence-group-copy {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-evidence-group-title {
|
|
overflow: hidden;
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 760;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-evidence-group-detail {
|
|
overflow: hidden;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-evidence-group-rows {
|
|
display: grid;
|
|
}
|
|
|
|
.cva-evidence-card {
|
|
display: grid;
|
|
grid-template-columns: 28px minmax(0, 1fr);
|
|
gap: 9px;
|
|
align-items: start;
|
|
width: 100%;
|
|
padding: 10px;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--cva-border);
|
|
background: transparent;
|
|
cursor: pointer;
|
|
font-family: var(--font-interface);
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-evidence-card:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.cva-evidence-card:hover {
|
|
background: color-mix(in srgb, var(--interactive-accent) 7%, var(--background-primary));
|
|
}
|
|
|
|
.cva-evidence-card-copy {
|
|
display: grid;
|
|
gap: 5px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-evidence-card-head,
|
|
.cva-evidence-meta {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
gap: 10px;
|
|
align-items: baseline;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-evidence-meta {
|
|
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
|
|
}
|
|
|
|
.cva-chip-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
}
|
|
|
|
.cva-chip {
|
|
max-width: 180px;
|
|
padding: 2px 6px;
|
|
overflow: hidden;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 999px;
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
font-size: 10px;
|
|
font-weight: 680;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-chip.warn {
|
|
border-color: color-mix(in srgb, var(--cva-amber) 42%, var(--cva-border));
|
|
color: var(--cva-amber);
|
|
}
|
|
|
|
.cva-evidence-excerpt {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
line-height: 1.35;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.cva-evidence-table {
|
|
display: grid;
|
|
overflow: hidden;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-empty-state {
|
|
display: grid;
|
|
gap: 8px;
|
|
padding: 14px;
|
|
border: 1px dashed var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-empty-title {
|
|
color: var(--text-normal);
|
|
font-size: 13px;
|
|
font-weight: 720;
|
|
}
|
|
|
|
.cva-empty-copy {
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.cva-evidence-row {
|
|
display: grid;
|
|
grid-template-columns: 34px minmax(140px, 1.05fr) minmax(130px, 0.95fr) 56px;
|
|
gap: 9px;
|
|
align-items: center;
|
|
width: 100%;
|
|
min-width: 0;
|
|
padding: 9px 10px;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--cva-border);
|
|
background: transparent;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-evidence-row:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.cva-evidence-header {
|
|
background: var(--cva-panel-strong);
|
|
color: var(--text-muted);
|
|
cursor: default;
|
|
font-size: 10px;
|
|
font-weight: 760;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cva-empty,
|
|
.cva-empty-table {
|
|
padding: 10px;
|
|
border: 1px dashed var(--cva-border);
|
|
border-radius: 8px;
|
|
background: color-mix(in srgb, var(--background-primary) 72%, transparent);
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.cva-empty-table {
|
|
border-width: 0;
|
|
border-top: 1px solid var(--cva-border);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.cva-evidence-check {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 22px;
|
|
height: 22px;
|
|
border-radius: 6px;
|
|
background: color-mix(in srgb, var(--cva-green) 14%, transparent);
|
|
color: var(--cva-green);
|
|
font-size: 12px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.cva-evidence-note,
|
|
.cva-evidence-reason {
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-evidence-reason {
|
|
overflow: hidden;
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-evidence-score {
|
|
justify-self: end;
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 760;
|
|
}
|
|
|
|
.cva-review-note {
|
|
display: flex;
|
|
gap: 8px;
|
|
align-items: flex-start;
|
|
margin-top: 10px;
|
|
padding: 10px;
|
|
border: 1px solid color-mix(in srgb, var(--cva-blue) 35%, var(--cva-border));
|
|
border-radius: 8px;
|
|
background: color-mix(in srgb, var(--cva-blue) 8%, var(--background-primary));
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.cva-path-box,
|
|
.cva-note-preview {
|
|
padding: 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.cva-compile-panel {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.cva-compile-muted {
|
|
opacity: 0.86;
|
|
}
|
|
|
|
.cva-output-path {
|
|
display: -webkit-box;
|
|
margin-top: 6px;
|
|
white-space: normal;
|
|
overflow-wrap: anywhere;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
|
|
.cva-report-type {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.cva-output-sections {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.cva-output-section {
|
|
display: grid;
|
|
grid-template-columns: 22px minmax(0, 1fr);
|
|
gap: 8px;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 7px 0;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--cva-border);
|
|
background: transparent;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-output-section:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.cva-output-mark {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 18px;
|
|
height: 18px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 5px;
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.cva-output-section.active .cva-output-mark {
|
|
border-color: color-mix(in srgb, var(--cva-green) 48%, transparent);
|
|
color: var(--cva-green);
|
|
}
|
|
|
|
.cva-note-preview {
|
|
display: grid;
|
|
gap: 5px;
|
|
margin-top: auto;
|
|
}
|
|
|
|
.cva-note-preview-line.muted {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.cva-compile-strip {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 14px;
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.cva-compile-summary {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 9px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.cva-compile-copy {
|
|
overflow: hidden;
|
|
color: var(--text-normal);
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cva-compile-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
}
|
|
|
|
.cva-segment:hover,
|
|
.cva-scope-item:hover,
|
|
.cva-file-row:hover,
|
|
.cva-evidence-row:not(.cva-evidence-header):hover,
|
|
.cva-output-section:hover {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 42%, var(--cva-border));
|
|
background: color-mix(in srgb, var(--interactive-accent) 8%, var(--background-primary));
|
|
}
|
|
|
|
.cva-modal {
|
|
display: grid;
|
|
gap: 10px;
|
|
}
|
|
|
|
.cva-modal-title {
|
|
color: var(--text-normal);
|
|
font-size: 18px;
|
|
font-weight: 760;
|
|
}
|
|
|
|
.cva-modal-path {
|
|
color: var(--text-muted);
|
|
font-family: var(--font-monospace);
|
|
font-size: 12px;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.cva-modal-text {
|
|
width: 100%;
|
|
min-height: min(60vh, 560px);
|
|
padding: 12px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-monospace);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
resize: vertical;
|
|
}
|
|
|
|
.cva-modal-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 8px;
|
|
}
|
|
|
|
.cva-folder-search {
|
|
width: 100%;
|
|
min-height: 34px;
|
|
padding: 8px 10px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
font-family: var(--font-interface);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cva-folder-list {
|
|
display: grid;
|
|
gap: 6px;
|
|
max-height: min(56vh, 520px);
|
|
overflow: auto;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.cva-folder-option {
|
|
display: grid;
|
|
grid-template-columns: 18px minmax(0, 1fr);
|
|
gap: 8px;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 8px 9px;
|
|
border: 1px solid var(--cva-border);
|
|
border-radius: 7px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
cursor: pointer;
|
|
font-family: var(--font-interface);
|
|
text-align: left;
|
|
}
|
|
|
|
.cva-folder-option:hover {
|
|
border-color: color-mix(in srgb, var(--interactive-accent) 42%, var(--cva-border));
|
|
background: color-mix(in srgb, var(--interactive-accent) 8%, var(--background-primary));
|
|
}
|
|
|
|
.cva-folder-option-copy {
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
@container (max-width: 1120px) {
|
|
.cva-header,
|
|
.cva-query-stage,
|
|
.cva-workbench {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.cva-evidence-panel {
|
|
min-height: 420px;
|
|
}
|
|
}
|
|
|
|
@container (max-width: 680px) {
|
|
.cva-shell {
|
|
padding: 14px;
|
|
}
|
|
|
|
.cva-status-panel,
|
|
.cva-evidence-toolbar,
|
|
.cva-evidence-row,
|
|
.cva-evidence-group-head,
|
|
.cva-evidence-card-head,
|
|
.cva-evidence-meta,
|
|
.cva-selection-row,
|
|
.cva-compile-strip,
|
|
.cva-flow,
|
|
.cva-picker-row,
|
|
.cva-output-path-row,
|
|
.cva-run-rules,
|
|
.cva-scope-collect,
|
|
.cva-plan-row {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.cva-compile-strip {
|
|
display: grid;
|
|
}
|
|
|
|
.cva-mode-row {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.cva-flow {
|
|
gap: 4px;
|
|
}
|
|
|
|
.cva-evidence-score {
|
|
justify-self: start;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.cva-button,
|
|
.cva-segment,
|
|
.cva-scope-item,
|
|
.cva-file-row,
|
|
.cva-evidence-row,
|
|
.cva-evidence-card,
|
|
.cva-folder-picker,
|
|
.cva-folder-option,
|
|
.cva-output-section {
|
|
transition: border-color 160ms ease-out, background-color 160ms ease-out, opacity 160ms ease-out;
|
|
}
|
|
}
|