Spaces:
Running
Running
File size: 2,315 Bytes
a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 863d9b5 fef9200 863d9b5 fef9200 a9df765 863d9b5 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 863d9b5 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 fef9200 863d9b5 fef9200 a9df765 fef9200 a9df765 fef9200 a9df765 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 | .trace-container {
background: var(--bg-2);
border: 1px solid var(--border-0);
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 380px;
}
.trace-container.empty {
padding: 20px;
text-align: center;
border-style: dashed;
}
.trace-header {
font-family: var(--font-mono);
font-size: 0.52rem;
padding: 8px 12px;
background: var(--bg-1);
color: var(--text-2);
text-transform: uppercase;
letter-spacing: 0.15em;
border-bottom: 1px solid var(--border-0);
}
.trace-list {
padding: 8px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 6px;
}
.trace-list::-webkit-scrollbar { width: 3px; }
.trace-list::-webkit-scrollbar-thumb { background: var(--border-1); border-radius: 2px; }
.trace-item {
padding: 8px 10px;
background: var(--bg-1);
border-left: 2px solid var(--border-1);
cursor: pointer;
transition: all 0.2s ease;
animation: trace-slide 0.25s ease;
border-radius: 0 6px 6px 0;
}
@keyframes trace-slide {
from { opacity: 0; transform: translateX(-8px); }
to { opacity: 1; transform: translateX(0); }
}
.trace-item:hover {
background: var(--bg-2);
border-left-color: var(--pulse);
}
.trace-item.perception { border-left-color: #d4a853; }
.trace-item.recall { border-left-color: #4ecdc4; }
.trace-item.association { border-left-color: #a87ecf; }
.trace-item.synthesis { border-left-color: #e07a38; }
.trace-item.reasoning { border-left-color: #e07a38; }
.trace-main {
display: flex;
align-items: center;
gap: 10px;
}
.trace-icon { font-size: 0.85rem; }
.trace-message {
font-family: var(--font-mono);
font-size: 0.62rem;
color: var(--text-1);
flex-grow: 1;
letter-spacing: 0.03em;
}
.trace-expand-hint {
font-family: var(--font-mono);
font-size: 0.55rem;
color: var(--text-2);
}
.trace-data-glimpse {
margin-top: 8px;
padding: 10px;
background: var(--bg-0);
border: 1px solid var(--border-0);
border-radius: 4px;
font-family: var(--font-mono);
font-size: 0.62rem;
color: var(--text-2);
overflow-x: auto;
animation: fadeIn 0.2s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-4px); }
to { opacity: 1; transform: translateY(0); }
}
pre {
margin: 0;
white-space: pre-wrap;
word-wrap: break-word;
}
|