bvandeusen/FabledCurator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 33 Wiki Activity

feat(tag-eval): bigger, clickable example thumbnails (label-review queue)
CI / lint (push) Successful in 2s
Details
CI / frontend-build (push) Successful in 18s
Details
CI / backend-lint-and-test (push) Successful in 26s
Details
CI / integration (push) Successful in 3m24s
Details

Browse Source 
The 56px example thumbs were too small to judge a label (operator-flagged).
Bump to 120px and wrap each in a link to /explore/<id> (new tab) so the
"head doubts / would suggest" galleries double as a review-and-fix queue —
click a doubted positive, land on it in Explore, correct the tag, re-run.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-06-27 23:19:58 -04:00
parent 6cd7281af5
commit 4974b7cf77
1 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/settings/TagEvalCard.vue
+21 -12
View File
@@ -87,21 +87,27 @@
<div v-if="c.examples" class="fc-ex">
<div class="fc-ex__row">
<div class="fc-muted text-caption mb-1">Head would suggest (untagged, high score)</div>
<div class="fc-muted text-caption mb-1">Head would suggest (untagged, high score) — click to open in Explore</div>
<div class="fc-ex__thumbs">
<img
<a
v-for="it in c.examples.head_would_suggest" :key="`s${it.id}`"
:src="it.thumbnail_url" class="fc-ex__thumb" loading="lazy"
/>
class="fc-ex__thumb" :href="`/explore/${it.id}`" target="_blank"
rel="noopener" :title="`#${it.id} — open in Explore`"
>
<img :src="it.thumbnail_url" loading="lazy" />
</a>
</div>
</div>
<div class="fc-ex__row">
<div class="fc-muted text-caption mb-1">Head doubts these (your positives, low score)</div>
<div class="fc-muted text-caption mb-1">Head doubts these (your positives, low score) — click to open in Explore</div>
<div class="fc-ex__thumbs">
<img
<a
v-for="it in c.examples.head_doubts_positive" :key="`d${it.id}`"
:src="it.thumbnail_url" class="fc-ex__thumb" loading="lazy"
/>
class="fc-ex__thumb" :href="`/explore/${it.id}`" target="_blank"
rel="noopener" :title="`#${it.id} — open in Explore`"
>
<img :src="it.thumbnail_url" loading="lazy" />
</a>
</div>
</div>
</div>
@@ -202,10 +208,13 @@ function formatTime(iso) {
.fc-down { color: rgb(var(--v-theme-error)); }
.fc-curve { margin-bottom: 8px; }
.fc-curve__pt { margin-left: 10px; font-size: 13px; font-variant-numeric: tabular-nums; }
.fc-ex__row { margin-top: 6px; }
.fc-ex__thumbs { display: flex; flex-wrap: wrap; gap: 4px; }
.fc-ex__row { margin-top: 8px; }
.fc-ex__thumbs { display: flex; flex-wrap: wrap; gap: 6px; }
.fc-ex__thumb {
width: 56px; height: 56px; object-fit: cover; border-radius: 4px;
background: rgb(var(--v-theme-surface-light));
display: block; width: 120px; height: 120px; border-radius: 6px;
overflow: hidden; background: rgb(var(--v-theme-surface-light));
outline: 1px solid transparent; transition: outline-color 0.12s;
}
.fc-ex__thumb:hover { outline-color: rgb(var(--v-theme-accent)); }
.fc-ex__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
</style>