diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 3d26f4f..5180300 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -270,6 +270,27 @@
F{{ textDetailModal.startFrame }}–{{ textDetailModal.endFrame }}
({{ formatTime(textDetailModal.startTime) }}–{{ formatTime(textDetailModal.endTime) }})
+
+
+
+
{{ textDetailModal.output_lang || 'JA' }}
+
{{ textDetailModal.vlm_description_localized }}
+
+
+
EN
+
{{ textDetailModal.vlm_description_en }}
+
+
+
+
@@ -434,6 +455,11 @@ function showTextDetail(r: any) {
query: r.search_query || '',
_traces: r._traces || null,
_isPerson: r._isPerson || false,
+ // VLM multilingual data
+ vlm_description_en: r.vlm_description_en || r.vlm_description || '',
+ vlm_description_localized: r.vlm_description_localized || '',
+ vlm_tags: r.vlm_tags || [],
+ output_lang: r.output_lang || 'JA',
}
}
@@ -2583,6 +2609,50 @@ mark.highlight {
color: var(--text-secondary);
margin-bottom: 12px;
}
+.text-detail-vlm {
+ margin-bottom: 16px;
+}
+.vlm-section {
+ margin-bottom: 12px;
+}
+.vlm-lang-label {
+ font-size: 11px;
+ font-weight: 600;
+ color: var(--primary-color);
+ margin-bottom: 4px;
+ text-transform: uppercase;
+}
+.vlm-text {
+ font-size: 13px;
+ line-height: 1.6;
+ color: var(--text-primary);
+}
+.text-detail-tags {
+ margin-bottom: 16px;
+}
+.vlm-tags-list {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+ margin-top: 6px;
+}
+.vlm-tag {
+ display: inline-flex;
+ flex-direction: column;
+ padding: 4px 8px;
+ border-radius: 6px;
+ background: var(--border-light);
+ font-size: 11px;
+}
+.vlm-tag-local {
+ font-weight: 500;
+ color: var(--text-primary);
+}
+.vlm-tag-en {
+ font-size: 10px;
+ color: var(--text-secondary);
+ margin-top: 2px;
+}
.text-detail-content {
font-size: 14px;
line-height: 1.6;