Files
codebase-memory-mcp/graph-ui/src/diagnostics/diagnostics.css
T
Martin Vogel d0f148bb5a feat(ui): expand architecture exploration and streamline workspaces
Add source-backed system structure and behavior analysis, container service maps, and graph navigation with directional edge styling. Refine repository metadata, graph focus resets, and local browser chat with a resizable Explorer graph.

Move index coverage into its own workspace and diagnostic history into System; simplify Explorer actions and header controls.

Signed-off-by: Martin Vogel <martin.vogel.tech@gmail.com>
2026-09-13 22:10:10 +02:00

38 lines
4.8 KiB
CSS

.daemon-alerts, .diagnostics-panel { box-sizing: border-box; color: #d7e6e0; background: #101a16; border: 1px solid #355346; font: 13px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.daemon-alerts { position: relative; z-index: 5; padding: 6px 10px; max-height: 34vh; overflow: auto; border-radius: 8px; }
.daemon-alerts-has-errors { border-color: #dc6074; border-left-width: 4px; }
.daemon-alerts-heading, .diagnostics-panel header, .diagnostics-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.daemon-alerts-heading > strong { margin-right: auto; }.daemon-alerts-heading > span { color: #a5b8ae; font-size: 11px; }
.daemon-coverage-summary { margin: 5px 0; color: #e5c88b; font-size: 12px; }
.daemon-alerts button, .diagnostics-panel button { color: #dcf2e5; background: #142a20; border: 1px solid #466758; border-radius: 5px; cursor: pointer; padding: 5px 9px; font: inherit; }
.daemon-alerts button:hover, .diagnostics-panel button:hover { border-color: #66e8af; }.daemon-alerts button:disabled, .diagnostics-panel button:disabled { opacity: .5; cursor: default; }
.daemon-alerts :focus-visible, .diagnostics-panel :focus-visible { outline: 2px solid #62dfef; outline-offset: 3px; }
.daemon-alert-list { list-style: none; padding: 0; margin: 8px 0; }.daemon-alert-list li { margin: 7px 0; padding: 8px 10px; border-left: 3px solid; }
.daemon-alert-error, .diagnostics-error { color: #ffc0cb; background: #3d1722; border-color: #ff637f; }.daemon-alert-warn { color: #f0d397; background: #2e2616; border-color: #dfa745; }
.daemon-alert-list pre { font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; margin: 4px 0 0; }.daemon-alert-list time, .daemon-alert-list span { font-size: 11px; margin-left: 8px; }
.diagnostics-caveat { color: #b5c3ba; font-size: 11px; margin: 6px 0; }.diagnostics-error { padding: 9px 12px; border-left: 3px solid #ff637f; }
.diagnostics-panel { height: 100%; min-width: 0; padding: clamp(18px, 3vw, 42px); border: 0; background: #0a100e; overflow: auto; }
.diagnostics-panel header { justify-content: space-between; align-items: start; }.diagnostics-panel h2 { margin: 3px 0 9px; font-size: 23px; }.diagnostics-panel h3 { font-size: 16px; }.diagnostics-eyebrow { font: 11px ui-monospace, monospace; color: #6df0b8; letter-spacing: .14em; margin: 0; }
.diagnostics-panel code { font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }.diagnostics-actions { margin: 14px 0; }.diagnostics-actions > span { color: #b5c3ba; font-size: 12px; }
.diagnostics-counts { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 6px; }.diagnostics-counts span { padding: 7px 10px; background: #1b2b23; border: 1px solid #375044; border-radius: 5px; }
.diagnostics-reading { padding: 10px 14px; background: #192921; margin: 14px 0; }.diagnostics-filter { display: grid; gap: 5px; }
.diagnostics-panel input, .diagnostics-panel textarea { color: #e0eee5; background: #08110c; border: 1px solid #466758; border-radius: 5px; padding: 10px; font: inherit; box-sizing: border-box; }
.diagnostics-panel textarea { width: 100%; min-height: 260px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.diagnostics-records { list-style: none; padding: 0; max-height: 42vh; overflow: auto; }.diagnostics-records li { padding: 12px; margin: 8px 0; border: 1px solid #375044; border-left-width: 3px; border-radius: 5px; }.diagnostics-records p { margin: 5px 0; overflow-wrap: anywhere; }
.diagnostics-records .diagnostics-record-partial, .diagnostics-records .diagnostics-record-skipped { border-left-color: #ed7d91; }.diagnostics-records .diagnostics-record-excluded { border-left-color: #9eabb0; }
@media (max-width: 600px) { .diagnostics-panel { padding: 16px; }.daemon-alerts { max-height: 28vh; } }
.daemon-alerts-collapsed .daemon-alerts-heading { gap: 6px; }
.daemon-alerts-collapsed .daemon-alerts-heading button { padding: 3px 8px; font-size: 12px; }
.daemon-alerts-collapsed .daemon-coverage-summary { margin: 2px 0; }
.daemon-alerts-collapsed .daemon-alert-list { margin: 4px 0 0; }
.daemon-alerts-collapsed .daemon-alert-list > li { margin: 0; padding: 4px 8px; }
.daemon-alerts-collapsed .daemon-alert-list > li > pre { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.daemon-alerts-collapsed .daemon-alert-list summary { font-size: 11px; }
.daemon-alerts-collapsed .daemon-alerts-heading { flex-wrap: nowrap; min-width: 0; }
.daemon-alerts-collapsed .daemon-alerts-heading > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.daemon-alerts-collapsed .daemon-alerts-heading > button { flex-shrink: 0; }
.daemon-alerts-collapsed .daemon-coverage-summary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .daemon-alerts-collapsed .daemon-alerts-heading > span { display: none; } }