gavindiaz/PolyWeather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement scan terminal dashboard system and supporting services

Browse Source
This commit is contained in:
2569718930@qq.com
2026-05-28 08:24:50 +08:00
parent 725727d763
commit 5d784f78b9
27 changed files with 263 additions and 961 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/dashboard/ScanTerminal.module.css
+45 -45
View File
@@ -1026,41 +1026,41 @@
color: #64748b;
}
.root :global(.scan-terminal.light .scan-ai-city-card),
.root :global(.scan-terminal.light .scan-ai-city-hero) {
.root :global(.scan-terminal.light .scan-city-card),
.root :global(.scan-terminal.light .scan-city-hero) {
background: var(--bg-card);
border-color: var(--border-glass);
}
.root :global(.scan-terminal.light .scan-ai-city-section),
.root :global(.scan-terminal.light .scan-city-section),
.root :global(.scan-terminal.light .scan-ai-decision-band),
.root :global(.scan-terminal.light .scan-ai-market-decision),
.root :global(.scan-terminal.light .scan-ai-market-decision-stats small),
.root :global(.scan-terminal.light .scan-ai-decision-metrics span),
.root :global(.scan-terminal.light .scan-ai-market-bucket),
.root :global(.scan-terminal.light .scan-ai-city-pills span),
.root :global(.scan-terminal.light .scan-ai-city-freshness span),
.root :global(.scan-terminal.light .scan-ai-city-metrics > span) {
.root :global(.scan-terminal.light .scan-city-pills span),
.root :global(.scan-terminal.light .scan-city-freshness span),
.root :global(.scan-terminal.light .scan-city-metrics > span) {
background: var(--bg-secondary);
border-color: var(--border-glass);
}
.root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary) {
.root :global(.scan-terminal.light .scan-city-metrics > span.primary) {
background: #dbeafe;
border-color: rgba(59, 130, 246, 0.28);
}
.root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary b) {
.root :global(.scan-terminal.light .scan-city-metrics > span.primary b) {
color: #1d4ed8;
}
.root :global(.scan-terminal.light .scan-ai-city-metrics small) {
.root :global(.scan-terminal.light .scan-city-metrics small) {
color: #64748b;
}
.root :global(.scan-terminal.light .scan-ai-workspace-head strong),
.root :global(.scan-terminal.light .scan-ai-city-hero h3),
.root :global(.scan-terminal.light .scan-ai-city-metrics b),
.root :global(.scan-terminal.light .scan-city-hero h3),
.root :global(.scan-terminal.light .scan-city-metrics b),
.root :global(.scan-terminal.light .scan-ai-decision-band strong),
.root :global(.scan-terminal.light .scan-ai-decision-metrics b),
.root :global(.scan-terminal.light .scan-ai-market-bucket strong),
@@ -1071,18 +1071,18 @@
}
.root :global(.scan-terminal.light .scan-ai-workspace-head p),
.root :global(.scan-terminal.light .scan-ai-city-section p),
.root :global(.scan-terminal.light .scan-city-section p),
.root :global(.scan-terminal.light .scan-ai-decision-band p),
.root :global(.scan-terminal.light .scan-ai-city-pills span),
.root :global(.scan-terminal.light .scan-ai-city-freshness),
.root :global(.scan-terminal.light .scan-city-pills span),
.root :global(.scan-terminal.light .scan-city-freshness),
.root :global(.scan-terminal.light .scan-ai-decision-metrics span),
.root :global(.scan-terminal.light .scan-ai-market-bucket span),
.root :global(.scan-terminal.light .scan-ai-market-decision span),
.root :global(.scan-terminal.light .scan-ai-market-decision p),
.root :global(.scan-terminal.light .scan-ai-market-decision-stats small),
.root :global(.scan-terminal.light .scan-ai-city-muted),
.root :global(.scan-terminal.light .scan-ai-city-loading),
.root :global(.scan-terminal.light .scan-ai-city-chart-legend),
.root :global(.scan-terminal.light .scan-city-muted),
.root :global(.scan-terminal.light .scan-city-loading),
.root :global(.scan-terminal.light .scan-city-chart-legend),
.root :global(.scan-terminal.light .scan-ai-weather-bullets) {
color: var(--text-muted);
}
@@ -1092,7 +1092,7 @@
color: #64748b;
}
.root :global(.scan-terminal.light .scan-ai-city-chart-placeholder) {
.root :global(.scan-terminal.light .scan-city-chart-placeholder) {
border-color: #cbd5e1;
background: #f8fafc;
color: #64748b;
@@ -1152,25 +1152,25 @@
}
.root :global(.scan-terminal.light .scan-ai-summary-card),
.root :global(.scan-terminal.light .scan-ai-city-card) {
.root :global(.scan-terminal.light .scan-city-card) {
background: rgba(255, 255, 255, 0.92);
border-color: rgba(148, 163, 184, 0.28);
}
.root :global(.scan-terminal.light .scan-ai-summary-card strong),
.root :global(.scan-terminal.light .scan-ai-city-head strong),
.root :global(.scan-terminal.light .scan-city-head strong),
.root :global(.scan-terminal.light .scan-ai-contract b) {
color: var(--text-primary);
}
.root :global(.scan-terminal.light .scan-ai-summary-card p),
.root :global(.scan-terminal.light .scan-ai-city-head p),
.root :global(.scan-terminal.light .scan-city-head p),
.root :global(.scan-terminal.light .scan-ai-contract p),
.root :global(.scan-terminal.light .scan-ai-contract small) {
color: var(--text-muted);
}
.root :global(.scan-terminal.light .scan-ai-city-head) {
.root :global(.scan-terminal.light .scan-city-head) {
background: #f8fafc;
}
@@ -1334,57 +1334,57 @@
}
/* ── AI city card light overrides ── */
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-section),
:global(html.light) .root :global(.scan-terminal.light .scan-city-card),
:global(html.light) .root :global(.scan-terminal.light .scan-city-section),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-band),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-decision),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-metrics span),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-pills span),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-freshness span),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics > span),
:global(html.light) .root :global(.scan-terminal.light .scan-city-pills span),
:global(html.light) .root :global(.scan-terminal.light .scan-city-freshness span),
:global(html.light) .root :global(.scan-terminal.light .scan-city-metrics > span),
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-metrics span),
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-reason) {
background: #eef7ff;
border-color: rgba(37, 99, 235, 0.16);
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-metrics > span.primary) {
background: #dbeafe;
border-color: rgba(59, 130, 246, 0.34);
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics b) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-metrics b) {
color: var(--text-primary);
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics > span.primary b) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-metrics > span.primary b) {
color: #1d4ed8;
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-metrics small) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-metrics small) {
color: #64748b;
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card p),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card li),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card small),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-card span:not(.scan-ai-city-kicker)) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-card p),
:global(html.light) .root :global(.scan-terminal.light .scan-city-card li),
:global(html.light) .root :global(.scan-terminal.light .scan-city-card small),
:global(html.light) .root :global(.scan-terminal.light .scan-city-card span:not(.scan-city-kicker)) {
color: var(--text-secondary);
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.green) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-status-tag.green) {
color: #047857;
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.blue) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-status-tag.blue) {
color: #1d4ed8;
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.amber) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-status-tag.amber) {
color: #b45309;
}
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-status-tag.red) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-status-tag.red) {
color: #b91c1c;
}
@@ -1398,7 +1398,7 @@
}
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement-copy strong),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-mobile-priority b),
:global(html.light) .root :global(.scan-terminal.light .scan-city-mobile-priority b),
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-metrics b),
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-reason),
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-head h3),
@@ -1408,7 +1408,7 @@
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement-copy p),
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement li),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-mobile-priority small),
:global(html.light) .root :global(.scan-terminal.light .scan-city-mobile-priority small),
:global(html.light) .root :global(.scan-terminal.light .scan-mobile-decision-metrics small),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-mobile-line span) {
color: var(--text-secondary);
@@ -1419,7 +1419,7 @@
}
:global(html.light) .root :global(.scan-terminal.light .scan-upgrade-announcement li),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-mobile-priority span),
:global(html.light) .root :global(.scan-terminal.light .scan-city-mobile-priority span),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-decision-why),
:global(html.light) .root :global(.scan-terminal.light .scan-ai-market-mobile-line) {
background: #eef7ff;
@@ -1431,7 +1431,7 @@
}
/* ── Section titles ── */
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-section-title) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-section-title) {
color: #1d4ed8;
}
@@ -1448,11 +1448,11 @@
}
/* ── Scrollbar light overrides ── */
:global(html.light) .root :global(.scan-terminal.light .scan-ai-city-body) {
:global(html.light) .root :global(.scan-terminal.light .scan-city-body) {
scrollbar-color: rgba(37, 99, 235, 0.18) transparent;
}
:global(html.light) .root :global(.scan-ai-city-body::-webkit-scrollbar-thumb) {
:global(html.light) .root :global(.scan-city-body::-webkit-scrollbar-thumb) {
background: rgba(37, 99, 235, 0.22);
}
frontend/components/dashboard/ScanTerminalBoard.module.css
+6 -6
View File
@@ -517,20 +517,20 @@
margin: 0;
}
.root :global(.scan-ai-city-list) {
.root :global(.scan-city-list) {
display: flex;
flex-direction: column;
gap: 12px;
}
.root :global(.scan-ai-city-card) {
.root :global(.scan-city-card) {
border: 1px solid rgba(68, 100, 150, 0.2);
border-radius: 18px;
overflow: hidden;
background: rgba(10, 24, 42, 0.82);
}
.root :global(.scan-ai-city-head) {
.root :global(.scan-city-head) {
display: flex;
align-items: flex-start;
justify-content: space-between;
@@ -539,13 +539,13 @@
background: rgba(15, 34, 57, 0.9);
}
.root :global(.scan-ai-city-head strong) {
.root :global(.scan-city-head strong) {
color: #f2f8ff;
font-size: 17px;
font-weight: 900;
}
.root :global(.scan-ai-city-head p) {
.root :global(.scan-city-head p) {
margin: 6px 0 0;
color: #9fb4d2;
font-size: 13px;
@@ -553,7 +553,7 @@
line-height: 1.45;
}
.root :global(.scan-ai-city-head span) {
.root :global(.scan-city-head span) {
flex: 0 0 auto;
padding: 5px 9px;
border-radius: 999px;
frontend/components/dashboard/ScanTerminalCard.module.css
+80 -80
View File
@@ -370,12 +370,12 @@
white-space: normal;
}
.root :global(.scan-ai-city-stack) {
.root :global(.scan-city-stack) {
display: grid;
gap: 18px;
}
.root :global(.scan-ai-city-card) {
.root :global(.scan-city-card) {
overflow: hidden;
border: 1px solid rgba(77, 163, 255, 0.35);
border-radius: 18px;
@@ -390,13 +390,13 @@
background 0.18s ease;
}
.root :global(.scan-ai-city-card.removing) {
.root :global(.scan-city-card.removing) {
pointer-events: none;
opacity: 0;
transform: translateX(44px);
}
.root :global(.scan-ai-city-hero) {
.root :global(.scan-city-hero) {
display: flex;
justify-content: space-between;
align-items: flex-start;
@@ -408,35 +408,35 @@
border-bottom: 1px solid rgba(159, 178, 199, 0.12);
}
.root :global(.scan-ai-city-hero-left) {
.root :global(.scan-city-hero-left) {
min-width: 0;
flex: 1;
}
.root :global(.scan-ai-city-kicker) {
.root :global(.scan-city-kicker) {
color: var(--color-accent-primary);
font-size: 12px;
font-weight: 800;
}
.root :global(.scan-ai-city-hero h3) {
.root :global(.scan-city-hero h3) {
margin: 4px 0 8px;
color: var(--color-text-primary);
font-size: 22px;
line-height: 1.15;
}
.root :global(.scan-ai-city-mobile-priority) {
.root :global(.scan-city-mobile-priority) {
display: none;
}
.root :global(.scan-ai-city-pills) {
.root :global(.scan-city-pills) {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.root :global(.scan-ai-city-pills span) {
.root :global(.scan-city-pills span) {
border: 1px solid rgba(159, 178, 199, 0.14);
border-radius: 10px;
background: rgba(11, 18, 32, 0.58);
@@ -446,14 +446,14 @@
padding: 7px 10px;
}
.root :global(.scan-ai-city-status-tags) {
.root :global(.scan-city-status-tags) {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: -2px 0 10px;
}
.root :global(.scan-ai-city-status-tag) {
.root :global(.scan-city-status-tag) {
border: 1px solid rgba(159, 178, 199, 0.16);
border-radius: 999px;
background: rgba(15, 23, 42, 0.62);
@@ -464,35 +464,35 @@
padding: 5px 9px;
}
.root :global(.scan-ai-city-status-tag.green) {
.root :global(.scan-city-status-tag.green) {
border-color: rgba(34, 197, 94, 0.34);
background: rgba(34, 197, 94, 0.12);
color: #86efac;
}
.root :global(.scan-ai-city-status-tag.blue) {
.root :global(.scan-city-status-tag.blue) {
border-color: rgba(77, 163, 255, 0.36);
background: rgba(77, 163, 255, 0.13);
color: #9ecbff;
}
.root :global(.scan-ai-city-status-tag.amber) {
.root :global(.scan-city-status-tag.amber) {
border-color: rgba(245, 158, 11, 0.38);
background: rgba(245, 158, 11, 0.13);
color: #fcd34d;
}
.root :global(.scan-ai-city-status-tag.red) {
.root :global(.scan-city-status-tag.red) {
border-color: rgba(248, 113, 113, 0.4);
background: rgba(239, 68, 68, 0.13);
color: #fca5a5;
}
.root :global(.scan-ai-city-status-tag.muted) {
.root :global(.scan-city-status-tag.muted) {
color: #94a3b8;
}
.root :global(.scan-ai-city-freshness) {
.root :global(.scan-city-freshness) {
display: flex;
flex-wrap: wrap;
align-items: center;
@@ -503,7 +503,7 @@
font-weight: 700;
}
.root :global(.scan-ai-city-freshness strong) {
.root :global(.scan-city-freshness strong) {
color: #7d92b2;
font-size: 10px;
font-weight: 800;
@@ -512,7 +512,7 @@
margin-right: 2px;
}
.root :global(.scan-ai-city-freshness span) {
.root :global(.scan-city-freshness span) {
display: inline-flex;
align-items: center;
gap: 2px;
@@ -522,37 +522,37 @@
font-size: 11px;
}
.root :global(.scan-ai-city-freshness b) {
.root :global(.scan-city-freshness b) {
color: #d6e2f0;
font-style: normal;
font-weight: 900;
}
.root :global(.scan-ai-city-freshness em) {
.root :global(.scan-city-freshness em) {
color: var(--color-text-secondary);
font-style: normal;
}
.root :global(.scan-ai-city-freshness span.fresh em),
.root :global(.scan-ai-city-freshness span.green em) {
.root :global(.scan-city-freshness span.fresh em),
.root :global(.scan-city-freshness span.green em) {
color: #86efac;
}
.root :global(.scan-ai-city-freshness span.loading em),
.root :global(.scan-ai-city-freshness span.blue em) {
.root :global(.scan-city-freshness span.loading em),
.root :global(.scan-city-freshness span.blue em) {
color: #9ecbff;
}
.root :global(.scan-ai-city-freshness span.stale em),
.root :global(.scan-ai-city-freshness span.amber em) {
.root :global(.scan-city-freshness span.stale em),
.root :global(.scan-city-freshness span.amber em) {
color: #fcd34d;
}
.root :global(.scan-ai-city-freshness span.red em) {
.root :global(.scan-city-freshness span.red em) {
color: #fca5a5;
}
.root :global(.scan-ai-city-hero-side) {
.root :global(.scan-city-hero-side) {
display: flex;
flex-direction: column;
align-items: flex-end;
@@ -560,13 +560,13 @@
flex-shrink: 0;
}
.root :global(.scan-ai-city-metrics) {
.root :global(.scan-city-metrics) {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 10px;
}
.root :global(.scan-ai-city-metrics > span) {
.root :global(.scan-city-metrics > span) {
display: grid;
gap: 3px;
min-width: 88px;
@@ -577,12 +577,12 @@
background: rgba(11, 18, 32, 0.42);
}
.root :global(.scan-ai-city-metrics > span.primary) {
.root :global(.scan-city-metrics > span.primary) {
border-color: rgba(77, 163, 255, 0.28);
background: rgba(77, 163, 255, 0.09);
}
.root :global(.scan-ai-city-metrics small) {
.root :global(.scan-city-metrics small) {
color: var(--color-text-muted);
font-size: 10px;
font-weight: 800;
@@ -590,26 +590,26 @@
text-transform: uppercase;
}
.root :global(.scan-ai-city-metrics b) {
.root :global(.scan-city-metrics b) {
color: var(--color-text-primary);
font-size: 20px;
font-weight: 900;
line-height: 1.1;
}
.root :global(.scan-ai-city-metrics > span.primary b) {
.root :global(.scan-city-metrics > span.primary b) {
color: #9ecbff;
}
.root :global(.scan-ai-city-actions) {
.root :global(.scan-city-actions) {
display: inline-flex;
justify-content: flex-end;
gap: 8px;
}
.root :global(.scan-ai-city-icon-button),
.root :global(.scan-ai-city-collapse),
.root :global(.scan-ai-city-price-button) {
.root :global(.scan-city-icon-button),
.root :global(.scan-city-collapse),
.root :global(.scan-city-price-button) {
min-height: 36px;
display: inline-flex;
align-items: center;
@@ -624,70 +624,70 @@
transition: background 0.18s ease, border-color 0.18s ease;
}
.root :global(.scan-ai-city-icon-button) {
.root :global(.scan-city-icon-button) {
width: 36px;
justify-content: center;
padding: 0;
}
.root :global(.scan-ai-city-icon-button.danger) {
.root :global(.scan-city-icon-button.danger) {
border-color: rgba(239, 68, 68, 0.34);
background: rgba(239, 68, 68, 0.1);
color: #fca5a5;
}
.root :global(.scan-ai-city-icon-button.danger:hover) {
.root :global(.scan-city-icon-button.danger:hover) {
border-color: rgba(239, 68, 68, 0.52);
background: rgba(239, 68, 68, 0.14);
color: #ff9aa4;
}
.root :global(.scan-ai-city-icon-button:disabled) {
.root :global(.scan-city-icon-button:disabled) {
cursor: wait;
opacity: 0.68;
}
.root :global(.scan-ai-city-icon-button .spin) {
.root :global(.scan-city-icon-button .spin) {
animation: spin 1s linear infinite;
}
.root :global(.scan-ai-city-collapse) {
.root :global(.scan-city-collapse) {
padding: 8px 10px;
}
.root :global(.scan-ai-city-card.collapsed .scan-ai-city-collapse svg) {
.root :global(.scan-city-card.collapsed .scan-city-collapse svg) {
transform: rotate(-90deg);
}
.root :global(.scan-ai-city-price-button) {
.root :global(.scan-city-price-button) {
padding: 9px 12px;
}
.root :global(.scan-ai-city-icon-button:hover),
.root :global(.scan-ai-city-collapse:hover),
.root :global(.scan-ai-city-price-button:hover) {
.root :global(.scan-city-icon-button:hover),
.root :global(.scan-city-collapse:hover),
.root :global(.scan-city-price-button:hover) {
background: rgba(77, 163, 255, 0.18);
border-color: rgba(111, 183, 255, 0.58);
}
.root :global(.scan-ai-city-price-button:disabled) {
.root :global(.scan-city-price-button:disabled) {
cursor: wait;
opacity: 0.62;
}
.root :global(.scan-ai-city-body) {
.root :global(.scan-city-body) {
padding: 18px 18px 36px;
max-height: none;
overflow: visible;
overscroll-behavior: contain;
}
.root :global(.scan-ai-city-body::-webkit-scrollbar) {
.root :global(.scan-city-body::-webkit-scrollbar) {
width: 8px;
}
.root :global(.scan-ai-city-body::-webkit-scrollbar-thumb) {
.root :global(.scan-city-body::-webkit-scrollbar-thumb) {
border-radius: 999px;
background: rgba(77, 163, 255, 0.28);
}
@@ -859,14 +859,14 @@
font-size: 15px;
}
.root :global(.scan-ai-city-analysis-grid) {
.root :global(.scan-city-analysis-grid) {
display: grid;
grid-template-columns: minmax(420px, 1.4fr) minmax(280px, 0.8fr);
gap: 14px;
margin-top: 14px;
}
.root :global(.scan-ai-city-section) {
.root :global(.scan-city-section) {
border: 1px solid rgba(159, 178, 199, 0.12);
border-radius: 16px;
background: rgba(11, 18, 32, 0.38);
@@ -911,7 +911,7 @@
line-height: 1.4;
}
.root :global(.scan-ai-city-section-title) {
.root :global(.scan-city-section-title) {
display: inline-flex;
align-items: center;
gap: 8px;
@@ -921,16 +921,16 @@
margin-bottom: 12px;
}
.root :global(.scan-ai-city-ai-read) {
.root :global(.scan-city-ai-read) {
overflow: hidden;
}
.root :global(.scan-ai-city-ai-read summary::-webkit-details-marker) {
.root :global(.scan-city-ai-read summary::-webkit-details-marker) {
display: none;
}
.root :global(.scan-ai-city-ai-read summary::after) {
.root :global(.scan-city-ai-read summary::after) {
width: 18px;
height: 18px;
display: inline-grid;
@@ -944,15 +944,15 @@
transition: transform 0.18s ease;
}
.root :global(.scan-ai-city-ai-read[open] summary::after) {
.root :global(.scan-city-ai-read[open] summary::after) {
transform: rotate(180deg);
}
.root :global(.scan-ai-city-section-body) {
.root :global(.scan-city-section-body) {
margin-top: 2px;
}
.root :global(.scan-ai-city-section p) {
.root :global(.scan-city-section p) {
margin: 0 0 10px;
color: var(--color-text-secondary);
font-size: 13px;
@@ -1101,17 +1101,17 @@
font-size: 12px;
}
.root :global(.scan-ai-city-chart) {
.root :global(.scan-city-chart) {
height: 260px;
}
.root :global(.scan-ai-city-chart canvas) {
.root :global(.scan-city-chart canvas) {
display: block;
width: 100%;
height: 100%;
}
.root :global(.scan-ai-city-chart-placeholder) {
.root :global(.scan-city-chart-placeholder) {
display: grid;
height: 100%;
place-items: center;
@@ -1123,7 +1123,7 @@
font-weight: 800;
}
.root :global(.scan-ai-city-chart-legend) {
.root :global(.scan-city-chart-legend) {
display: flex;
gap: 14px;
margin-top: 10px;
@@ -1132,20 +1132,20 @@
font-weight: 800;
}
.root :global(.scan-ai-city-chart-legend span) {
.root :global(.scan-city-chart-legend span) {
display: inline-flex;
align-items: center;
gap: 7px;
}
.root :global(.scan-ai-city-chart-legend i) {
.root :global(.scan-city-chart-legend i) {
width: 18px;
height: 3px;
border-radius: 999px;
background: rgba(100, 116, 139, 0.72);
}
.root :global(.scan-ai-city-chart-legend i.forecast) {
.root :global(.scan-city-chart-legend i.forecast) {
background: repeating-linear-gradient(
90deg,
rgba(100, 116, 139, 0.72) 0 6px,
@@ -1153,27 +1153,27 @@
);
}
.root :global(.scan-ai-city-chart-legend i.calibrated) {
.root :global(.scan-city-chart-legend i.calibrated) {
background: #38bdf8;
}
.root :global(.scan-ai-city-chart-legend i.observation) {
.root :global(.scan-city-chart-legend i.observation) {
width: 8px;
height: 8px;
background: #22c55e;
}
.root :global(.scan-ai-city-section.models) {
.root :global(.scan-city-section.models) {
margin-top: 14px;
}
.root :global(.scan-ai-city-section.models .models-section) {
.root :global(.scan-city-section.models .models-section) {
padding: 0;
border: 0;
background: transparent;
}
.root :global(.scan-ai-city-section-head) {
.root :global(.scan-city-section-head) {
display: flex;
justify-content: space-between;
gap: 14px;
@@ -1181,7 +1181,7 @@
margin-bottom: 12px;
}
.root :global(.scan-ai-city-section.market) {
.root :global(.scan-city-section.market) {
margin-top: 14px;
}
@@ -1206,14 +1206,14 @@
}
.root :global(.scan-ai-market-bucket span),
.root :global(.scan-ai-city-muted),
.root :global(.scan-ai-city-loading) {
.root :global(.scan-city-muted),
.root :global(.scan-city-loading) {
color: var(--color-text-secondary);
font-size: 12px;
font-weight: 700;
}
.root :global(.scan-ai-city-loading) {
.root :global(.scan-city-loading) {
padding: 28px;
}
frontend/components/dashboard/ScanTerminalList.module.css
+8 -8
View File
@@ -477,7 +477,7 @@
text-align: right;
}
.root :global(.scan-ai-city-jumpbar) {
.root :global(.scan-city-jumpbar) {
display: flex;
gap: 8px;
margin: 0 0 12px;
@@ -490,11 +490,11 @@
scrollbar-width: none;
}
.root :global(.scan-ai-city-jumpbar::-webkit-scrollbar) {
.root :global(.scan-city-jumpbar::-webkit-scrollbar) {
display: none;
}
.root :global(.scan-ai-city-jumpbar button) {
.root :global(.scan-city-jumpbar button) {
flex: 0 0 auto;
min-height: 32px;
padding: 0 12px;
@@ -508,13 +508,13 @@
white-space: nowrap;
}
.root :global(.scan-ai-city-jumpbar button:hover) {
.root :global(.scan-city-jumpbar button:hover) {
border-color: rgba(111, 183, 255, 0.62);
background: rgba(77, 163, 255, 0.18);
}
.root :global(.scan-ai-city-card:not(.collapsed)) {
.root :global(.scan-city-card:not(.collapsed)) {
overflow: visible;
}
@@ -522,19 +522,19 @@
@keyframes spin { to { transform: rotate(360deg); } }
/* ── City Jumpbar Light Mode Overrides ── */
:global(html.light) .root :global(.scan-ai-city-jumpbar) {
:global(html.light) .root :global(.scan-city-jumpbar) {
background: #ffffff;
border-color: #d8e0ec;
box-shadow: var(--shadow-elevation-1);
}
:global(html.light) .root :global(.scan-ai-city-jumpbar button) {
:global(html.light) .root :global(.scan-city-jumpbar button) {
background: var(--color-bg-input);
border-color: var(--color-border-default);
color: var(--color-text-secondary);
}
:global(html.light) .root :global(.scan-ai-city-jumpbar button:hover) {
:global(html.light) .root :global(.scan-city-jumpbar button:hover) {
background: #e2e8f0;
border-color: var(--color-border-hover);
color: var(--color-text-primary);
frontend/components/dashboard/ScanTerminalMobile.module.css
+18 -18
View File
@@ -155,15 +155,15 @@
padding: 11px 12px;
}
.root :global(.scan-mobile-decision-card .scan-ai-city-status-tags),
.root :global(.scan-mobile-decision-card .scan-ai-city-freshness),
.root :global(.scan-mobile-decision-card .scan-city-status-tags),
.root :global(.scan-mobile-decision-card .scan-city-freshness),
.root :global(.scan-mobile-decision-card .scan-ai-market-mobile-line),
.root :global(.scan-mobile-decision-folds) {
margin-right: 14px;
margin-left: 14px;
}
.root :global(.scan-mobile-decision-card .scan-ai-city-freshness) {
.root :global(.scan-mobile-decision-card .scan-city-freshness) {
grid-template-columns: 1fr;
max-width: none;
margin-top: 0;
@@ -204,13 +204,13 @@
margin-bottom: 10px;
}
.root :global(.scan-mobile-fold .scan-ai-city-section.models) {
.root :global(.scan-mobile-fold .scan-city-section.models) {
border: 0;
background: transparent;
padding: 0;
}
.root :global(.scan-ai-city-collapse svg) {
.root :global(.scan-city-collapse svg) {
transition: transform 0.18s ease;
}
@@ -300,7 +300,7 @@
.root :global(.scan-forecast-city-head),
.root :global(.scan-forecast-row-main),
.root :global(.scan-ai-brief-grid),
.root :global(.scan-ai-city-analysis-grid),
.root :global(.scan-city-analysis-grid),
.root :global(.scan-ai-decision-band),
.root :global(.scan-ai-evidence-line) {
grid-template-columns: 1fr;
@@ -309,8 +309,8 @@
.root :global(.scan-ai-workspace-head),
.root :global(.scan-mobile-city-list-head),
.root :global(.scan-opportunity-hero),
.root :global(.scan-ai-city-hero),
.root :global(.scan-ai-city-section-head) {
.root :global(.scan-city-hero),
.root :global(.scan-city-section-head) {
flex-direction: column;
align-items: flex-start;
}
@@ -321,7 +321,7 @@
.root :global(.scan-ai-workspace-head p),
.root :global(.scan-mobile-city-list-head p),
.root :global(.scan-ai-city-hero-side) {
.root :global(.scan-city-hero-side) {
text-align: left;
justify-items: start;
}
@@ -424,23 +424,23 @@
padding: 6px 8px;
}
.root :global(.scan-ai-city-hero) {
.root :global(.scan-city-hero) {
padding: 16px;
}
.root :global(.scan-ai-city-hero h3) {
.root :global(.scan-city-hero h3) {
margin-bottom: 10px;
font-size: 24px;
}
.root :global(.scan-ai-city-mobile-priority) {
.root :global(.scan-city-mobile-priority) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: 0 0 12px;
}
.root :global(.scan-ai-city-mobile-priority span) {
.root :global(.scan-city-mobile-priority span) {
display: grid;
gap: 4px;
border: 1px solid rgba(77, 163, 255, 0.18);
@@ -449,23 +449,23 @@
padding: 9px;
}
.root :global(.scan-ai-city-mobile-priority small) {
.root :global(.scan-city-mobile-priority small) {
color: var(--color-text-secondary);
font-size: 10px;
font-weight: 900;
}
.root :global(.scan-ai-city-mobile-priority b) {
.root :global(.scan-city-mobile-priority b) {
color: #f3f8ff;
font-size: 13px;
line-height: 1.15;
}
.root :global(.scan-ai-city-pills) {
.root :global(.scan-city-pills) {
display: none;
}
.root :global(.scan-ai-city-freshness) {
.root :global(.scan-city-freshness) {
grid-template-columns: 1fr;
}
@@ -505,7 +505,7 @@
margin-top: 10px;
}
.root :global(.scan-ai-city-ai-read:not([open])) {
.root :global(.scan-city-ai-read:not([open])) {
padding-bottom: 4px;
}