fix(traces): fixed trace explorer error spans text (#10958)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

web/src/locales/languages/de.json

@@ -2659,7 +2659,9 @@
     "spanColorPalettePreview": "Vorschau der Span-Farbpalette",
     "errorsFound": "Fehlerspuren",
     "spansTitle": "SPANNT",
-    "spansFound": "Gefundene Spannweiten"
+    "spansFound": "Gefundene Spannweiten",
+    "errorTraces": "Fehlerspuren",
+    "errorSpans": "Fehlerspannen"
   },
   "invitation": {
     "pendingInvitations": "Ausstehende Einladungen",

web/src/locales/languages/en.json

@@ -2806,7 +2806,8 @@
     "tracesFound": "Traces Found",
     "spansTitle": "SPANS",
     "spansFound": "Spans Found",
-    "errorsFound": "Error Traces",
+    "errorTraces": "Error Traces",
+    "errorSpans": "Error Spans",
     "error": "ERROR",
     "errors": "ERRORS",
     "success": "SUCCESS",

web/src/locales/languages/es.json

@@ -2657,7 +2657,9 @@
     "spanColorPalettePreview": "Vista previa de la paleta de colores Span",
     "errorsFound": "Rastreos de errores",
     "spansTitle": "SE EXTIENDE",
-    "spansFound": "Vanos encontrados"
+    "spansFound": "Vanos encontrados",
+    "errorTraces": "Rastreos de errores",
+    "errorSpans": "Espacios de error"
   },
   "invitation": {
     "pendingInvitations": "Invitaciones pendientes",

web/src/locales/languages/fr.json

@@ -2659,7 +2659,9 @@
     "spanColorPalettePreview": "Aperçu de la palette de couleurs Span",
     "errorsFound": "Traces d'erreurs",
     "spansTitle": "S'ÉTEND",
-    "spansFound": "Spans trouvées"
+    "spansFound": "Spans trouvées",
+    "errorTraces": "Traces d'erreurs",
+    "errorSpans": "Error Spans"
   },
   "invitation": {
     "pendingInvitations": "Invitations en attente",

web/src/locales/languages/it.json

@@ -2657,7 +2657,9 @@
     "spanColorPalettePreview": "Anteprima della palette di colori Span",
     "errorsFound": "Tracce di errore",
     "spansTitle": "SI ESTENDE",
-    "spansFound": "Spacchi trovati"
+    "spansFound": "Spacchi trovati",
+    "errorTraces": "Tracce di errore",
+    "errorSpans": "Spazi di errore"
   },
   "invitation": {
     "pendingInvitations": "Inviti in sospeso",

web/src/locales/languages/ja.json

@@ -2680,7 +2680,9 @@
     "spanColorPalettePreview": "Span カラーパレットのプレビュー",
     "errorsFound": "エラートレース",
     "spansTitle": "スパン",
-    "spansFound": "スパンが見つかりました"
+    "spansFound": "スパンが見つかりました",
+    "errorTraces": "エラートレース",
+    "errorSpans": "エラースパン"
   },
   "actions": {
     "testAction": "アクションをテスト",

web/src/locales/languages/ko.json

@@ -2659,7 +2659,9 @@
     "spanColorPalettePreview": "스팬 컬러 팔레트 미리보기",
     "errorsFound": "오류 추적",
     "spansTitle": "기간",
-    "spansFound": "스팬 발견"
+    "spansFound": "스팬 발견",
+    "errorTraces": "오류 추적",
+    "errorSpans": "오류 범위"
   },
   "invitation": {
     "pendingInvitations": "보류 중인 초대",

web/src/locales/languages/nl.json

@@ -2659,7 +2659,9 @@
     "spanColorPalettePreview": "Voorbeeld van het kleurenpalet van Span",
     "errorsFound": "Foutsporen",
     "spansTitle": "OVERSPANT",
-    "spansFound": "Overspanningen gevonden"
+    "spansFound": "Overspanningen gevonden",
+    "errorTraces": "Foutsporen",
+    "errorSpans": "Foutspanne"
   },
   "invitation": {
     "pendingInvitations": "Uitnodigingen in behandeling",

web/src/locales/languages/pt.json

@@ -2659,7 +2659,9 @@
     "spanColorPalettePreview": "Pré-visualização da paleta de cores Span",
     "errorsFound": "Traços de erro",
     "spansTitle": "VÃOS",
-    "spansFound": "Vãos encontrados"
+    "spansFound": "Vãos encontrados",
+    "errorTraces": "Traços de erro",
+    "errorSpans": "Expansões de erro"
   },
   "invitation": {
     "pendingInvitations": "Convites pendentes",

web/src/locales/languages/tr.json

@@ -2659,7 +2659,9 @@
     "spanColorPalettePreview": "Span Renk Paleti Önizlemesi",
     "errorsFound": "Hata İzleri",
     "spansTitle": "YAYILIMLAR",
-    "spansFound": "Bulunan Açıklıklar"
+    "spansFound": "Bulunan Açıklıklar",
+    "errorTraces": "Hata İzleri",
+    "errorSpans": "Hata Aralıkları"
   },
   "invitation": {
     "pendingInvitations": "Bekleyen Davetiyeler",

web/src/locales/languages/zh.json

@@ -2664,7 +2664,9 @@
     "spanColorPalettePreview": "Span 调色板预览",
     "errorsFound": "错误跟踪",
     "spansTitle": "跨度",
-    "spansFound": "已找到跨度"
+    "spansFound": "已找到跨度",
+    "errorTraces": "错误跟踪",
+    "errorSpans": "错误跨度"
   },
   "invitation": {
     "pendingInvitations": "待处理的邀请",

web/src/plugins/traces/TraceDetailsSidebar.vue

@@ -177,9 +177,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             icon="psychology"
             :title="span.llm_model_name"
           >
-            <span class="chip-value text-bold">{{
-              span.llm_model_name
-            }}</span>
+            <span class="chip-value text-bold">{{ span.llm_model_name }}</span>
           </q-chip>
 
           <!-- Token Usage Group -->
@@ -311,10 +309,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         name="preview"
         class="llm-preview-panel q-pa-md"
       >
-        <div class="llm-preview-container tw:overflow-x-auto">
+        <div class="llm-preview-container tw:overflow-x-auto tw:w-full">
           <!-- Input and Output Side by Side -->
           <div
-            class="flex q-col-gutter-md io-container"
+            class="flex io-container tw:w-full!"
             :class="{ 'io-container-dark': isDarkMode }"
             ref="ioContainerRef"
           >
@@ -348,10 +346,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 </div>
               </div>
               <div class="llm-content-box">
-                <div
-                  v-if="!hasContent(span.llm_input)"
-                  class="no-data-message"
-                >
+                <div v-if="!hasContent(span.llm_input)" class="no-data-message">
                   No data available
                 </div>
                 <LLMContentRenderer
@@ -2555,9 +2550,9 @@ body.body--dark {
     gap: 0.5rem;
     width: calc(100vw - 350px);
     height: calc(
-      100vh - 296px
+      100vh - 17.2rem
     ); // Fixed height for the container (with 2-row toolbar for LLM spans)
-    max-height: calc(100vh - 296px);
+    max-height: calc(100vh - 17.2rem);
     align-items: stretch; // Ensure equal heights
     overflow: hidden; // Prevent scroll at outer level
   }
@@ -2573,7 +2568,7 @@ body.body--dark {
     flex: 1; // Take all available space
     height: 100%; // Take full height of parent
     max-height: calc(
-      100vh - 338px
+      100% - 1.625rem
     ); // Container height minus label/button height (with 2-row toolbar)
     border: 1px solid var(--o2-border-color);
     border-radius: 4px;
@@ -2613,7 +2608,7 @@ body.body--dark {
   // Fullscreen styles for the entire IO container (both Input and Output side by side)
   .io-container:fullscreen {
     background-color: #f5f5f5;
-    padding-bottom: 1rem;
+    padding: 0.75rem;
     height: 100vh; // Full viewport height in fullscreen
     max-height: 100vh;
     display: flex;

web/src/plugins/traces/components/TracesSearchResultList.vue

@@ -65,7 +65,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         >
           <span class="tw:text-[0.75rem] tw:tracking-[0.03em] tw:font-bold">
             {{ formatLargeNumber(props.errorCount!) }}
-            {{ t("traces.errorsFound") }}
+            {{
+              props.searchMode === "spans"
+                ? t("traces.errorSpans")
+                : t("traces.errorTraces")
+            }}
           </span>
         </div>