mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-05 19:04:02 +00:00
refactor(mapillary): remove the plain-English query feature
Street Level is imagery only from here on: coverage, sequences and the embedded viewer. The Claude planner, map-feature and traffic-sign tiles, the NDJSON feature stream, sprites, detection outlines and analyst records go, along with @anthropic-ai/sdk, zod and the Anthropic key entry. Co-Authored-By: Claude Fable 5.1 <[email protected]>
This commit is contained in:
Said TurkseverandClaude Fable 5.1 committed
1 parent
9ba6f96d87
commit
547b706f67
44 files changed
+143
-5318
No files matched your search
+1
-221
@@ -110,126 +110,7 @@
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* ── Query ───────────────────────────────────────────────────────────────── */
|
||||
.mly-query {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.mly-query-row {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
#mly-query-input {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 9px 11px;
|
||||
border-radius: var(--btn-radius);
|
||||
border: 1px solid rgba(0, 212, 255, 0.45);
|
||||
background: rgba(0, 212, 255, 0.06);
|
||||
color: var(--text-primary);
|
||||
font: inherit;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.74rem;
|
||||
}
|
||||
|
||||
#mly-query-input::placeholder {
|
||||
color: rgba(232, 234, 237, 0.55);
|
||||
}
|
||||
|
||||
#mly-query-input:focus {
|
||||
outline: none;
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 0 0 2px var(--accent-dim);
|
||||
}
|
||||
|
||||
#mly-query-input:disabled {
|
||||
border-color: var(--glass-border);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
.mly-ask {
|
||||
flex: 0 0 auto;
|
||||
min-width: 64px;
|
||||
color: #0a0a0f;
|
||||
background: var(--accent);
|
||||
border-color: var(--accent);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mly-ask:hover:not(:disabled) {
|
||||
color: #0a0a0f;
|
||||
background: var(--accent);
|
||||
box-shadow: 0 0 16px rgba(0, 212, 255, 0.5);
|
||||
}
|
||||
|
||||
.mly-ask.is-stop {
|
||||
color: #ff8a80;
|
||||
background: rgba(255, 88, 88, 0.15);
|
||||
border-color: #ff7272;
|
||||
}
|
||||
|
||||
.mly-ask.is-stop:hover:not(:disabled) {
|
||||
color: #ff8a80;
|
||||
background: rgba(255, 88, 88, 0.25);
|
||||
border-color: #ff7272;
|
||||
}
|
||||
|
||||
.mly-hint {
|
||||
margin: 0;
|
||||
font-family: var(--font-sans);
|
||||
font-size: 0.68rem;
|
||||
line-height: 1.35;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.mly-hint.is-warn {
|
||||
color: #ffb300;
|
||||
}
|
||||
|
||||
.mly-suggestions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mly-suggestion {
|
||||
font-family: var(--font-mono);
|
||||
font-size: var(--mly-text-small);
|
||||
letter-spacing: 0.06em;
|
||||
padding: 3px 8px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--glass-border);
|
||||
background: rgba(255, 255, 255, 0.03);
|
||||
color: var(--text-secondary);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mly-suggestion:hover:not(:disabled) {
|
||||
color: var(--text-primary);
|
||||
border-color: var(--glass-border-hover);
|
||||
}
|
||||
|
||||
.mly-suggestion:disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* ── Answer, error, progress ─────────────────────────────────────────────── */
|
||||
.mly-answer {
|
||||
font-family: var(--font-sans);
|
||||
font-size: 0.74rem;
|
||||
line-height: 1.4;
|
||||
color: var(--text-primary);
|
||||
min-height: 1.2em;
|
||||
}
|
||||
|
||||
.mly-answer:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ── Errors ──────────────────────────────────────────────────────────────── */
|
||||
.mly-error {
|
||||
font-family: var(--font-sans);
|
||||
font-size: 0.72rem;
|
||||
@@ -237,102 +118,6 @@
|
||||
color: #ff8a80;
|
||||
}
|
||||
|
||||
.mly-progress {
|
||||
position: relative;
|
||||
height: 14px;
|
||||
border-radius: 999px;
|
||||
overflow: hidden;
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.mly-progress-fill {
|
||||
height: 100%;
|
||||
width: 0%;
|
||||
background: linear-gradient(90deg, var(--mly-green), var(--accent));
|
||||
transition: width 160ms linear;
|
||||
}
|
||||
|
||||
.mly-progress.is-indeterminate .mly-progress-fill {
|
||||
width: 40%;
|
||||
animation: mly-indeterminate 1.4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes mly-indeterminate {
|
||||
0% {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(250%);
|
||||
}
|
||||
}
|
||||
|
||||
.mly-progress-label {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: var(--font-mono);
|
||||
font-size: var(--mly-text-small);
|
||||
letter-spacing: 0.1em;
|
||||
color: var(--text-primary);
|
||||
text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
/* ── Results ─────────────────────────────────────────────────────────────── */
|
||||
.mly-results {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mly-chips {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.mly-chips.is-expanded .mly-value-chip.is-overflow {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.mly-value-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-family: var(--font-mono);
|
||||
font-size: var(--mly-text-small);
|
||||
padding: 3px 8px;
|
||||
border-radius: 999px;
|
||||
border: 1px solid var(--glass-border);
|
||||
background: transparent;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.mly-value-chip.is-overflow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mly-value-chip i {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.mly-value-chip b {
|
||||
color: var(--text-secondary);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
button.mly-value-chip {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button.mly-value-chip:hover {
|
||||
border-color: var(--glass-border-hover);
|
||||
}
|
||||
|
||||
/* ── Filters and legend ──────────────────────────────────────────────────── */
|
||||
.mly-filters {
|
||||
display: flex;
|
||||
@@ -648,11 +433,6 @@ button.mly-value-chip:hover {
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
#mapillary-panel .mly-hint,
|
||||
#mapillary-panel .mly-suggestions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mly-viewer {
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user