Compare commits
2 Commits
fix/882
...
burn/a11y-
| Author | SHA1 | Date | |
|---|---|---|---|
|
cfb6ffd42f | ||
|
|
d07c5a8933 |
@@ -73,7 +73,7 @@
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-muted);
|
||||
@@ -170,7 +170,7 @@
|
||||
kbd {
|
||||
display: inline-block;
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.05em;
|
||||
background: rgba(74,240,192,0.08);
|
||||
@@ -286,7 +286,7 @@
|
||||
margin-top: 32px;
|
||||
padding-top: 16px;
|
||||
border-top: 1px solid var(--color-border);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -297,7 +297,7 @@
|
||||
|
||||
.footer-brand {
|
||||
font-family: var(--font-display);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
color: var(--color-primary);
|
||||
opacity: 0.7;
|
||||
|
||||
@@ -374,7 +374,7 @@
|
||||
</div>
|
||||
<div id="mem-palace-logs" class="mem-palace-logs"></div>
|
||||
</div>
|
||||
<div id="mempalace-results" style="position:fixed; right:24px; top:84px; max-height:200px; overflow-y:auto; background:rgba(0,0,0,0.3); padding:8px; font-family:'JetBrains Mono',monospace; font-size:11px; color:#e0f0ff; border-left:2px solid #4af0c0;"></div>
|
||||
<div id="mempalace-results" style="position:fixed; right:24px; top:84px; max-height:200px; overflow-y:auto; background:rgba(0,0,0,0.3); padding:8px; font-family:'JetBrains Mono',monospace; font-size:13px; color:#e0f0ff; border-left:2px solid #4af0c0;"></div>
|
||||
<div id="archive-health-dashboard" class="archive-health-dashboard" style="display:none;" aria-label="Archive Health Dashboard"><div class="archive-health-header"><span class="archive-health-title">◈ ARCHIVE HEALTH</span><button class="archive-health-close" onclick="toggleArchiveHealthDashboard()" aria-label="Close dashboard">✕</button></div><div id="archive-health-content" class="archive-health-content"></div></div>
|
||||
<div id="memory-feed" class="memory-feed" style="display:none;"><div class="memory-feed-header"><span class="memory-feed-title">✨ Memory Feed</span><div class="memory-feed-actions"><button class="memory-feed-clear" onclick="clearMemoryFeed()">Clear</button><button class="memory-feed-toggle" onclick="document.getElementById('memory-feed').style.display='none'">✕</button></div></div><div id="memory-feed-list" class="memory-feed-list"></div></div>
|
||||
<div id="memory-filter" class="memory-filter" style="display:none;"><div class="filter-header"><span class="filter-title">⬡ Memory Filter</span><button class="filter-close" onclick="closeMemoryFilter()">✕</button></div><div class="filter-controls"><button class="filter-btn" onclick="setAllFilters(true)">Show All</button><button class="filter-btn" onclick="setAllFilters(false)">Hide All</button></div><div class="filter-list" id="filter-list"></div></div>
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
|
||||
.panel-title {
|
||||
font-family: var(--font-display);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-primary);
|
||||
@@ -83,7 +83,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
|
||||
.agent-count {
|
||||
font-family: var(--font-display);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
@@ -197,7 +197,7 @@
|
||||
}
|
||||
|
||||
.agent-location {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
@@ -212,7 +212,7 @@
|
||||
}
|
||||
|
||||
.agent-bark {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
font-style: italic;
|
||||
margin-top: 3px;
|
||||
@@ -232,7 +232,7 @@
|
||||
}
|
||||
|
||||
.agent-state-tag {
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
padding: 2px 6px;
|
||||
@@ -240,13 +240,13 @@
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tag-active { color: var(--color-primary); background: rgba(74,240,192,0.12); }
|
||||
.tag-thinking { color: var(--color-secondary); background: rgba(123,92,255,0.12); }
|
||||
.tag-idle { color: var(--color-text-muted); background: rgba(138,154,184,0.1); }
|
||||
.tag-offline { color: var(--color-danger); background: rgba(255,68,102,0.12); }
|
||||
.tag-active { color: var(--color-primary); background: rgba(74,240,192,0.7); }
|
||||
.tag-thinking { color: var(--color-secondary); background: rgba(123,92,255,0.7); }
|
||||
.tag-idle { color: var(--color-text-muted); background: rgba(138,154,184,0.7); }
|
||||
.tag-offline { color: var(--color-danger); background: rgba(255,68,102,0.7); }
|
||||
|
||||
.agent-since {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
@@ -261,7 +261,7 @@
|
||||
}
|
||||
|
||||
.foot-stat {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
letter-spacing: 0.06em;
|
||||
}
|
||||
@@ -272,7 +272,7 @@
|
||||
|
||||
.world-selector {
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
background: transparent;
|
||||
border: 1px solid var(--color-border);
|
||||
color: var(--color-text-muted);
|
||||
@@ -365,7 +365,7 @@
|
||||
<div class="status-pip active"></div>
|
||||
</div>
|
||||
<div class="agent-info">
|
||||
<div class="agent-name">Hermes <span style="font-size:9px;color:var(--color-text-muted)">[sys]</span></div>
|
||||
<div class="agent-name">Hermes <span style="font-size: 12px;color:var(--color-text-muted)">[sys]</span></div>
|
||||
<div class="agent-location">
|
||||
<span class="loc-icon">⊕</span>Comm Bridge — always-on
|
||||
</div>
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
}
|
||||
|
||||
.briefing-date {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-muted);
|
||||
@@ -128,14 +128,14 @@
|
||||
}
|
||||
|
||||
.vital-label {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.vital-delta {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
@@ -152,7 +152,7 @@
|
||||
.briefing-section:last-child { border-bottom: none; }
|
||||
|
||||
.section-label {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-muted);
|
||||
@@ -191,28 +191,28 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
flex-shrink: 0;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.bullet-urgent { background: rgba(255,68,102,0.2); color: var(--color-danger); }
|
||||
.bullet-normal { background: rgba(74,240,192,0.12); color: var(--color-primary); }
|
||||
.bullet-low { background: rgba(138,154,184,0.1); color: var(--color-text-muted); }
|
||||
.bullet-urgent { background: rgba(255,68,102,0.7); color: var(--color-danger); }
|
||||
.bullet-normal { background: rgba(74,240,192,0.7); color: var(--color-primary); }
|
||||
.bullet-low { background: rgba(138,154,184,0.7); color: var(--color-text-muted); }
|
||||
|
||||
.action-text { color: var(--color-text); }
|
||||
.action-text .tag {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
padding: 1px 5px;
|
||||
border-radius: 3px;
|
||||
margin-left: 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tag-issue { background: rgba(74,240,192,0.1); color: var(--color-primary); }
|
||||
.tag-pr { background: rgba(123,92,255,0.1); color: var(--color-secondary); }
|
||||
.tag-world { background: rgba(255,170,34,0.1); color: var(--color-warning); }
|
||||
.tag-issue { background: rgba(74,240,192,0.7); color: var(--color-primary); }
|
||||
.tag-pr { background: rgba(123,92,255,0.7); color: var(--color-secondary); }
|
||||
.tag-world { background: rgba(255,170,34,0.7); color: var(--color-warning); }
|
||||
|
||||
/* System narrative */
|
||||
.narrative {
|
||||
@@ -239,13 +239,13 @@
|
||||
}
|
||||
|
||||
.footer-note {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
background: transparent;
|
||||
|
||||
@@ -140,14 +140,14 @@
|
||||
}
|
||||
|
||||
.portal-id {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
margin-top: 2px;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
padding: 3px 8px;
|
||||
@@ -155,10 +155,10 @@
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.status-badge.online { color: var(--color-primary); background: rgba(74, 240, 192, 0.12); }
|
||||
.status-badge.warning { color: var(--color-warning); background: rgba(255, 170, 34, 0.12); }
|
||||
.status-badge.offline { color: var(--color-danger); background: rgba(255, 68, 102, 0.12); }
|
||||
.status-badge.locked { color: var(--color-secondary); background: rgba(123, 92, 255, 0.12); }
|
||||
.status-badge.online { color: var(--color-primary); background: rgba(74, 240, 192,0.7); }
|
||||
.status-badge.warning { color: var(--color-warning); background: rgba(255, 170, 34,0.7); }
|
||||
.status-badge.offline { color: var(--color-danger); background: rgba(255, 68, 102,0.7); }
|
||||
.status-badge.locked { color: var(--color-secondary); background: rgba(123, 92, 255,0.7); }
|
||||
|
||||
.portal-meta {
|
||||
padding-left: 8px;
|
||||
@@ -171,7 +171,7 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.meta-label { color: var(--color-text-muted); }
|
||||
@@ -201,7 +201,7 @@
|
||||
.latency-fill.poor { background: var(--color-danger); }
|
||||
|
||||
.latency-label {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
margin-top: 4px;
|
||||
}
|
||||
@@ -234,7 +234,7 @@
|
||||
|
||||
.summary-label {
|
||||
color: var(--color-text-muted);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -248,7 +248,7 @@
|
||||
<div class="pulse-dot"></div>
|
||||
<span class="panel-title">Portal Status Wall</span>
|
||||
<div class="panel-title-bar"></div>
|
||||
<span style="font-size:11px;color:var(--color-text-muted)">LIVE</span>
|
||||
<span style="font-size: 12px;color:var(--color-text-muted)">LIVE</span>
|
||||
</div>
|
||||
|
||||
<div class="portal-grid">
|
||||
@@ -467,7 +467,7 @@
|
||||
<div class="summary-label">Locked</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-left:auto;align-self:center;font-size:10px;color:var(--color-text-muted)">
|
||||
<div style="margin-left:auto;align-self:center;font-size: 12px;color:var(--color-text-muted)">
|
||||
LAST SYNC: <span style="color:var(--color-text)">04:20:07 UTC</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
202
style.css
202
style.css
@@ -19,7 +19,7 @@
|
||||
--color-warning: #ffaa22;
|
||||
--color-gold: #ffd700;
|
||||
|
||||
--text-xs: 11px;
|
||||
--text-xs: 12px;
|
||||
--text-sm: 13px;
|
||||
--text-base: 15px;
|
||||
--text-lg: 18px;
|
||||
@@ -182,7 +182,7 @@ canvas#nexus-canvas {
|
||||
color: var(--color-primary);
|
||||
padding: 8px 12px;
|
||||
font-family: var(--font-display);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
@@ -209,7 +209,7 @@ canvas#nexus-canvas {
|
||||
border-radius: 20px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
color: var(--color-text-muted);
|
||||
margin-bottom: 8px;
|
||||
@@ -295,7 +295,7 @@ canvas#nexus-canvas {
|
||||
color: var(--color-danger);
|
||||
padding: 6px 15px;
|
||||
font-family: var(--font-display);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
transition: all var(--transition-ui);
|
||||
}
|
||||
@@ -358,15 +358,15 @@ canvas#nexus-canvas {
|
||||
|
||||
.atlas-card-status {
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.status-online { background: rgba(74, 240, 192, 0.2); color: var(--color-primary); border: 1px solid var(--color-primary); }
|
||||
.status-standby { background: rgba(255, 215, 0, 0.2); color: var(--color-gold); border: 1px solid var(--color-gold); }
|
||||
.status-offline { background: rgba(255, 68, 102, 0.2); color: var(--color-danger); border: 1px solid var(--color-danger); }
|
||||
.status-online { background: rgba(74, 240, 192,0.7); color: var(--color-primary); border: 1px solid var(--color-primary); }
|
||||
.status-standby { background: rgba(255, 215, 0,0.7); color: var(--color-gold); border: 1px solid var(--color-gold); }
|
||||
.status-offline { background: rgba(255, 68, 102,0.7); color: var(--color-danger); border: 1px solid var(--color-danger); }
|
||||
|
||||
.atlas-card-desc {
|
||||
font-size: 12px;
|
||||
@@ -387,13 +387,13 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.atlas-card-agents {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-family: var(--font-body);
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.atlas-card-ready {
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
font-family: var(--font-body);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
@@ -406,22 +406,22 @@ canvas#nexus-canvas {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: rgba(160, 184, 208, 0.6);
|
||||
}
|
||||
|
||||
.atlas-card-role {
|
||||
font-family: var(--font-display);
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.atlas-card-role.role-timmy { color: #4af0c0; background: rgba(74, 240, 192, 0.12); border: 1px solid rgba(74, 240, 192, 0.3); }
|
||||
.atlas-card-role.role-reflex { color: #ff4466; background: rgba(255, 68, 102, 0.12); border: 1px solid rgba(255, 68, 102, 0.3); }
|
||||
.atlas-card-role.role-pilot { color: #ffd700; background: rgba(255, 215, 0, 0.12); border: 1px solid rgba(255, 215, 0, 0.3); }
|
||||
.atlas-card-role.role-timmy { color: #4af0c0; background: rgba(74, 240, 192,0.7); border: 1px solid rgba(74, 240, 192,0.7); }
|
||||
.atlas-card-role.role-reflex { color: #ff4466; background: rgba(255, 68, 102,0.7); border: 1px solid rgba(255, 68, 102,0.7); }
|
||||
.atlas-card-role.role-pilot { color: #ffd700; background: rgba(255, 215, 0,0.7); border: 1px solid rgba(255, 215, 0,0.7); }
|
||||
|
||||
.atlas-footer {
|
||||
padding: 15px 30px;
|
||||
@@ -430,7 +430,7 @@ canvas#nexus-canvas {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-family: var(--font-body);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.status-indicator {
|
||||
@@ -475,7 +475,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.atlas-search::placeholder {
|
||||
color: rgba(160, 184, 208, 0.4);
|
||||
color: rgba(160, 184, 208,0.7);
|
||||
}
|
||||
|
||||
.atlas-filters {
|
||||
@@ -490,7 +490,7 @@ canvas#nexus-canvas {
|
||||
color: var(--color-text-muted);
|
||||
padding: 4px 12px;
|
||||
font-family: var(--font-display);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
letter-spacing: 1px;
|
||||
@@ -508,13 +508,13 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
/* Enhanced Atlas Cards */
|
||||
.status-downloaded { background: rgba(255, 165, 0, 0.2); color: #ffa500; border: 1px solid #ffa500; }
|
||||
.status-downloaded { background: rgba(255, 165, 0,0.7); color: #ffa500; border: 1px solid #ffa500; }
|
||||
|
||||
.status-indicator.downloaded { background: #ffa500; box-shadow: 0 0 5px #ffa500; }
|
||||
|
||||
.atlas-card-category {
|
||||
font-family: var(--font-display);
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 2px;
|
||||
text-transform: uppercase;
|
||||
@@ -549,7 +549,7 @@ canvas#nexus-canvas {
|
||||
|
||||
.atlas-card-action {
|
||||
font-family: var(--font-display);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--portal-color, var(--color-primary));
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
@@ -625,7 +625,7 @@ canvas#nexus-canvas {
|
||||
.mem-palace-logs {
|
||||
margin-top: 8px;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
max-height: 80px;
|
||||
overflow-y: auto;
|
||||
@@ -646,7 +646,7 @@ canvas#nexus-canvas {
|
||||
|
||||
.mem-palace-ui {
|
||||
margin-top: 8px;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: #e0f0ff;
|
||||
background: rgba(74, 240, 192, 0.1);
|
||||
padding: 8px;
|
||||
@@ -681,7 +681,7 @@ canvas#nexus-canvas {
|
||||
|
||||
.mem-palace-logs {
|
||||
margin-top: 8px;
|
||||
font-size: 8px;
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
max-height: 100px;
|
||||
overflow-y: auto;
|
||||
@@ -697,7 +697,7 @@ canvas#nexus-canvas {
|
||||
color: #4af0c0;
|
||||
border: 1px solid rgba(74, 240, 192, 0.3);
|
||||
padding: 2px 8px;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
@@ -709,13 +709,13 @@ canvas#nexus-canvas {
|
||||
.mem-palace-stats {
|
||||
color: #4af0c0;
|
||||
font-family: var(--font-display);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
margin-top: 4px;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: #aaa;
|
||||
}
|
||||
transition: all 0.3s ease;
|
||||
@@ -738,7 +738,7 @@ canvas#nexus-canvas {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: #e0f0ff;
|
||||
background: rgba(0,0,0,0.3);
|
||||
padding: 4px 8px;
|
||||
@@ -840,7 +840,7 @@ canvas#nexus-canvas {
|
||||
backdrop-filter: blur(8px);
|
||||
border-left: 2px solid var(--color-primary);
|
||||
padding: var(--space-3);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.agent-log-header {
|
||||
@@ -886,7 +886,7 @@ canvas#nexus-canvas {
|
||||
backdrop-filter: blur(8px);
|
||||
border-left: 2px solid var(--color-gold);
|
||||
padding: var(--space-3);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
font-family: var(--font-mono);
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
@@ -897,7 +897,7 @@ canvas#nexus-canvas {
|
||||
font-family: var(--font-display);
|
||||
color: var(--color-gold);
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
margin-bottom: var(--space-2);
|
||||
opacity: 0.9;
|
||||
}
|
||||
@@ -906,7 +906,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
.action-stream-room {
|
||||
color: var(--color-primary);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-bottom: var(--space-1);
|
||||
opacity: 0.9;
|
||||
@@ -935,7 +935,7 @@ canvas#nexus-canvas {
|
||||
.as-ts {
|
||||
color: var(--color-text-muted);
|
||||
opacity: 0.4;
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
@@ -1198,7 +1198,7 @@ canvas#nexus-canvas {
|
||||
gap: var(--space-2);
|
||||
max-height: 280px;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: rgba(74,240,192,0.2) transparent;
|
||||
scrollbar-color: rgba(74,240,192,0.7) transparent;
|
||||
}
|
||||
|
||||
.chat-quick-actions {
|
||||
@@ -1222,7 +1222,7 @@ canvas#nexus-canvas {
|
||||
border: 1px solid var(--color-primary-dim);
|
||||
color: var(--color-primary);
|
||||
font-family: var(--font-body);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
transition: all var(--transition-ui);
|
||||
@@ -1250,7 +1250,7 @@ canvas#nexus-canvas {
|
||||
.chat-msg-tool {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
border-left: 2px solid #ffd700;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
padding: 8px;
|
||||
margin: 4px 0;
|
||||
border-radius: 4px;
|
||||
@@ -1309,7 +1309,7 @@ canvas#nexus-canvas {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
@@ -1319,7 +1319,7 @@ canvas#nexus-canvas {
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 6px 12px;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-family: var(--font-display);
|
||||
color: var(--color-primary);
|
||||
background: rgba(74, 240, 192, 0.1);
|
||||
@@ -1417,18 +1417,18 @@ canvas#nexus-canvas {
|
||||
border-left: 3px solid #4af0c0;
|
||||
padding: 8px;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: #e0f0ff;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.panel-header {
|
||||
font-size: 10px;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #4af0c0;
|
||||
margin-bottom: 6px;
|
||||
letter-spacing: 1px;
|
||||
border-bottom: 1px solid rgba(74, 240, 192, 0.1);
|
||||
border-bottom: 1px solid rgba(74, 240, 192, 0.3);
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
@@ -1441,7 +1441,7 @@ canvas#nexus-canvas {
|
||||
.symbolic-rule { color: #7b5cff; display: block; }
|
||||
.symbolic-outcome { color: #4af0c0; font-weight: 600; }
|
||||
|
||||
.blackboard-entry { font-size: 10px; margin-bottom: 2px; }
|
||||
.blackboard-entry { font-size: 12px; margin-bottom: 2px; }
|
||||
.bb-source { color: #ffd700; opacity: 0.7; }
|
||||
.bb-key { color: #7b5cff; }
|
||||
.bb-value { color: #fff; }
|
||||
@@ -1458,7 +1458,7 @@ canvas#nexus-canvas {
|
||||
|
||||
.meta-stat { margin-bottom: 2px; display: flex; justify-content: space-between; }
|
||||
|
||||
.calibrator-entry { font-size: 10px; display: flex; gap: 8px; }
|
||||
.calibrator-entry { font-size: 12px; display: flex; gap: 8px; }
|
||||
.cal-label { color: #ffd700; }
|
||||
.cal-val { color: #4af0c0; }
|
||||
.cal-err { color: #ff4466; opacity: 0.8; }
|
||||
@@ -1520,7 +1520,7 @@ canvas#nexus-canvas {
|
||||
background: rgba(74, 240, 192, 0.1);
|
||||
border: 1px solid rgba(74, 240, 192, 0.3);
|
||||
color: #4af0c0;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
@@ -1535,7 +1535,7 @@ canvas#nexus-canvas {
|
||||
.memory-feed-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
padding: 0 4px;
|
||||
@@ -1553,7 +1553,7 @@ canvas#nexus-canvas {
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 6px 12px;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
transition: background 0.2s;
|
||||
}
|
||||
@@ -1582,8 +1582,8 @@ canvas#nexus-canvas {
|
||||
|
||||
.memory-feed-time {
|
||||
flex-shrink: 0;
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
font-size: 10px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.memory-feed-place { border-left: 2px solid #4af0c0; }
|
||||
@@ -1635,7 +1635,7 @@ canvas#nexus-canvas {
|
||||
.archive-health-close {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
padding: 0 4px;
|
||||
@@ -1652,8 +1652,8 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.ah-section-label {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
font-size: 10px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 12px;
|
||||
letter-spacing: 1.2px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 6px;
|
||||
@@ -1692,7 +1692,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.ah-cat-label {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
@@ -1715,8 +1715,8 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.ah-cat-count {
|
||||
font-size: 11px;
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
min-width: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
@@ -1741,9 +1741,9 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.ah-trust-band-label {
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.8px;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
margin-top: 3px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -1761,11 +1761,11 @@ canvas#nexus-canvas {
|
||||
.ah-ts-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ah-ts-label {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
}
|
||||
|
||||
.ah-ts-value {
|
||||
@@ -1779,15 +1779,15 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.ah-entity-label {
|
||||
font-size: 11px;
|
||||
color: rgba(255, 255, 255, 0.45);
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.ah-hotkey-hint {
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
color: rgba(255, 255, 255, 0.2);
|
||||
font-size: 12px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
letter-spacing: 0.8px;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
@@ -1838,7 +1838,7 @@ canvas#nexus-canvas {
|
||||
.filter-close {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
padding: 2px 6px;
|
||||
@@ -1915,7 +1915,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.filter-count {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 12px;
|
||||
min-width: 20px;
|
||||
text-align: right;
|
||||
@@ -2006,7 +2006,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
.mi-id {
|
||||
color: var(--color-text-bright);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
white-space: nowrap;
|
||||
@@ -2014,14 +2014,14 @@ canvas#nexus-canvas {
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.mi-region {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
margin-top: 2px;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
.mi-close {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
padding: 2px 6px;
|
||||
@@ -2051,7 +2051,7 @@ canvas#nexus-canvas {
|
||||
|
||||
.mi-section-label {
|
||||
color: rgba(74, 240, 192, 0.6);
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 6px;
|
||||
@@ -2087,7 +2087,7 @@ canvas#nexus-canvas {
|
||||
transition: width 0.4s ease;
|
||||
}
|
||||
.mi-vitality-pct {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
flex-shrink: 0;
|
||||
width: 34px;
|
||||
@@ -2103,7 +2103,7 @@ canvas#nexus-canvas {
|
||||
background: rgba(123, 92, 255, 0.12);
|
||||
border: 1px solid rgba(123, 92, 255, 0.35);
|
||||
color: #b8a0ff;
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
padding: 3px 8px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
@@ -2120,8 +2120,8 @@ canvas#nexus-canvas {
|
||||
color: #fff;
|
||||
}
|
||||
.mi-empty {
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
font-size: 11px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@@ -2130,11 +2130,11 @@ canvas#nexus-canvas {
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.mi-meta-key {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.mi-meta-val {
|
||||
@@ -2152,7 +2152,7 @@ canvas#nexus-canvas {
|
||||
background: rgba(74, 240, 192, 0.08);
|
||||
border: 1px solid rgba(74, 240, 192, 0.25);
|
||||
color: #4af0c0;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
padding: 5px 12px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
@@ -2199,7 +2199,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
.mc-title {
|
||||
color: rgba(74, 240, 192, 0.8);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
@@ -2207,7 +2207,7 @@ canvas#nexus-canvas {
|
||||
.mc-close {
|
||||
background: none;
|
||||
border: none;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
padding: 2px 6px;
|
||||
@@ -2227,7 +2227,7 @@ canvas#nexus-canvas {
|
||||
|
||||
.mc-section-label {
|
||||
color: rgba(74, 240, 192, 0.5);
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 8px;
|
||||
@@ -2267,15 +2267,15 @@ canvas#nexus-canvas {
|
||||
.mc-conn-label, .mc-suggest-label {
|
||||
display: block;
|
||||
color: var(--color-text, #ccc);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.mc-conn-meta, .mc-suggest-meta {
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
font-size: 9px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 12px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
@@ -2308,7 +2308,7 @@ canvas#nexus-canvas {
|
||||
background: rgba(255, 68, 102, 0.08);
|
||||
}
|
||||
.mc-btn-add {
|
||||
border-color: rgba(123, 92, 255, 0.3);
|
||||
border-color: rgba(123, 92, 255,0.7);
|
||||
color: rgba(123, 92, 255, 0.7);
|
||||
}
|
||||
.mc-btn-add:hover {
|
||||
@@ -2318,8 +2318,8 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.mc-empty {
|
||||
color: rgba(255, 255, 255, 0.25);
|
||||
font-size: 11px;
|
||||
color: rgba(255, 255, 255,0.7);
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
padding: 4px 0;
|
||||
}
|
||||
@@ -2336,7 +2336,7 @@ canvas#nexus-canvas {
|
||||
border-radius: var(--panel-radius);
|
||||
backdrop-filter: blur(var(--panel-blur));
|
||||
font-family: var(--font-body);
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text);
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
@@ -2377,13 +2377,13 @@ canvas#nexus-canvas {
|
||||
|
||||
.erp-title {
|
||||
font-family: var(--font-display);
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.12em;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.erp-status {
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-muted);
|
||||
@@ -2424,12 +2424,12 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.erp-empty-text {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.erp-empty-sub {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: rgba(138, 154, 184, 0.5);
|
||||
font-style: italic;
|
||||
}
|
||||
@@ -2445,7 +2445,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.erp-room-desc {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text);
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
@@ -2457,7 +2457,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.erp-section-header {
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
color: var(--color-secondary);
|
||||
@@ -2467,7 +2467,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.erp-item {
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text);
|
||||
padding: 2px 0;
|
||||
display: flex;
|
||||
@@ -2479,11 +2479,11 @@ canvas#nexus-canvas {
|
||||
color: var(--color-primary);
|
||||
opacity: 0.6;
|
||||
flex-shrink: 0;
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.erp-item-dest {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -2497,8 +2497,8 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.erp-section-empty {
|
||||
font-size: 10px;
|
||||
color: rgba(138, 154, 184, 0.4);
|
||||
font-size: 12px;
|
||||
color: rgba(138, 154, 184,0.7);
|
||||
font-style: italic;
|
||||
padding: 2px 0;
|
||||
}
|
||||
@@ -2514,12 +2514,12 @@ canvas#nexus-canvas {
|
||||
}
|
||||
|
||||
.erp-footer-ts {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.erp-footer-room {
|
||||
font-size: 10px;
|
||||
font-size: 12px;
|
||||
color: var(--color-secondary);
|
||||
font-weight: 600;
|
||||
/* ═══ SOUL / OATH OVERLAY (issue #709) ═══ */
|
||||
@@ -2583,7 +2583,7 @@ canvas#nexus-canvas {
|
||||
}
|
||||
.soul-section h3 {
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.1em;
|
||||
color: #7b5cff;
|
||||
margin: 0 0 6px 0;
|
||||
@@ -2656,7 +2656,7 @@ body.visitor-mode #bannerlord-status {
|
||||
body.visitor-mode .hud-location::after {
|
||||
content: '⬡ VISITOR';
|
||||
margin-left: 12px;
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.15em;
|
||||
color: #4af0c0;
|
||||
opacity: 0.7;
|
||||
@@ -2668,7 +2668,7 @@ body.visitor-mode .hud-location::after {
|
||||
body.operator-mode .hud-location::after {
|
||||
content: '⬢ OPERATOR';
|
||||
margin-left: 12px;
|
||||
font-size: 9px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.15em;
|
||||
color: #ffd700;
|
||||
opacity: 0.8;
|
||||
|
||||
Reference in New Issue
Block a user