From 57273d4846c05b0221ece7575c91b09789a755e3 Mon Sep 17 00:00:00 2001
From: Joao Silva <100691367+JoaoSilvaGrafana@users.noreply.github.com>
Date: Fri, 15 Jul 2022 14:38:14 +0100
Subject: [PATCH] Internationalisation: Translates "Inspect panel" drawer
 (#52324)

---
 .../components/Inspector/InspectContent.tsx   |  14 +-
 .../dashboard/components/Inspector/hooks.ts   |  18 +-
 .../features/inspector/InspectDataOptions.tsx |  40 +++--
 .../app/features/inspector/InspectDataTab.tsx |  14 +-
 .../app/features/inspector/InspectJSONTab.tsx |  26 ++-
 .../features/inspector/InspectMetadataTab.tsx |   3 +-
 .../features/inspector/InspectStatsTab.tsx    |  30 +++-
 public/locales/en/messages.po                 | 168 ++++++++++++++++++
 public/locales/es/messages.po                 | 168 ++++++++++++++++++
 public/locales/fr/messages.po                 | 168 ++++++++++++++++++
 public/locales/pseudo-LOCALE/messages.po      | 168 ++++++++++++++++++
 11 files changed, 775 insertions(+), 42 deletions(-)

diff --git a/public/app/features/dashboard/components/Inspector/InspectContent.tsx b/public/app/features/dashboard/components/Inspector/InspectContent.tsx
index 5d3e5b9fc36..42af0e65e5d 100644
--- a/public/app/features/dashboard/components/Inspector/InspectContent.tsx
+++ b/public/app/features/dashboard/components/Inspector/InspectContent.tsx
@@ -1,3 +1,4 @@
+import { t } from '@lingui/macro';
 import React, { useState } from 'react';
 
 import { CoreApp, DataSourceApi, formattedValueToString, getValueFormat, PanelData, PanelPlugin } from '@grafana/data';
@@ -57,11 +58,15 @@ export const InspectContent: React.FC<Props> = ({
     activeTab = InspectTab.JSON;
   }
 
-  const title = getTemplateSrv().replace(panel.title, panel.scopedVars, 'text');
+  const panelTitle = getTemplateSrv().replace(panel.title, panel.scopedVars, 'text') || 'Panel';
+  const title = t({
+    id: 'dashboard.inspect.title',
+    message: `Inspect: ${panelTitle}`,
+  });
 
   return (
     <Drawer
-      title={`Inspect: ${title || 'Panel'}`}
+      title={title}
       subtitle={data && formatStats(data)}
       width="50%"
       onClose={onClose}
@@ -119,5 +124,8 @@ function formatStats(data: PanelData) {
   const requestTime = request.endTime ? request.endTime - request.startTime : 0;
   const formatted = formattedValueToString(getValueFormat('ms')(requestTime));
 
-  return `${queryCount} queries with total query time of ${formatted}`;
+  return t({
+    id: 'dashboard.inspect.subtitle',
+    message: `${queryCount} queries with total query time of ${formatted}`,
+  });
 }
diff --git a/public/app/features/dashboard/components/Inspector/hooks.ts b/public/app/features/dashboard/components/Inspector/hooks.ts
index ca38e9ebcee..4931b418a55 100644
--- a/public/app/features/dashboard/components/Inspector/hooks.ts
+++ b/public/app/features/dashboard/components/Inspector/hooks.ts
@@ -1,3 +1,4 @@
+import { t } from '@lingui/macro';
 import { useMemo } from 'react';
 import useAsync from 'react-use/lib/useAsync';
 
@@ -47,29 +48,32 @@ export const useInspectTabs = (
   return useMemo(() => {
     const tabs = [];
     if (supportsDataQuery(plugin)) {
-      tabs.push({ label: 'Data', value: InspectTab.Data });
-      tabs.push({ label: 'Stats', value: InspectTab.Stats });
+      tabs.push({ label: t({ id: 'dashboard.inspect.data-tab', message: 'Data' }), value: InspectTab.Data });
+      tabs.push({ label: t({ id: 'dashboard.inspect.stats-tab', message: 'Stats' }), value: InspectTab.Stats });
     }
 
     if (metaDs) {
-      tabs.push({ label: 'Meta Data', value: InspectTab.Meta });
+      tabs.push({ label: t({ id: 'dashboard.inspect.meta-tab', message: 'Meta Data' }), value: InspectTab.Meta });
     }
 
-    tabs.push({ label: 'JSON', value: InspectTab.JSON });
+    tabs.push({ label: t({ id: 'dashboard.inspect.json-tab', message: 'JSON' }), value: InspectTab.JSON });
 
     if (error && error.message) {
-      tabs.push({ label: 'Error', value: InspectTab.Error });
+      tabs.push({ label: t({ id: 'dashboard.inspect.error-tab', message: 'Error' }), value: InspectTab.Error });
     }
 
     // This is a quick internal hack to allow custom actions in inspect
     // For 8.1, something like this should be exposed through grafana/runtime
     const supplier = (window as any).grafanaPanelInspectActionSupplier as PanelInspectActionSupplier;
     if (supplier && supplier.getActions(panel)) {
-      tabs.push({ label: 'Actions', value: InspectTab.Actions });
+      tabs.push({
+        label: t({ id: 'dashboard.inspect.actions-tab', message: 'Actions' }),
+        value: InspectTab.Actions,
+      });
     }
 
     if (dashboard.meta.canEdit && supportsDataQuery(plugin)) {
-      tabs.push({ label: 'Query', value: InspectTab.Query });
+      tabs.push({ label: t({ id: 'dashboard.inspect.query-tab', message: 'Query' }), value: InspectTab.Query });
     }
     return tabs;
   }, [panel, plugin, metaDs, dashboard, error]);
diff --git a/public/app/features/inspector/InspectDataOptions.tsx b/public/app/features/inspector/InspectDataOptions.tsx
index f9431b4d10a..ae6dd627b9c 100644
--- a/public/app/features/inspector/InspectDataOptions.tsx
+++ b/public/app/features/inspector/InspectDataOptions.tsx
@@ -1,3 +1,4 @@
+import { t } from '@lingui/macro';
 import React, { FC } from 'react';
 
 import { DataFrame, DataTransformerID, getFrameDisplayName, SelectableValue } from '@grafana/data';
@@ -67,26 +68,26 @@ export const InspectDataOptions: FC<Props> = ({
     const parts: string[] = [];
 
     if (selectedDataFrame === DataTransformerID.seriesToColumns) {
-      parts.push('Series joined by time');
+      parts.push(t({ id: 'dashboard.inspect-data.series-to-columns', message: 'Series joined by time' }));
     } else if (data.length > 1) {
       parts.push(getFrameDisplayName(data[selectedDataFrame as number]));
     }
 
     if (options.withTransforms || options.withFieldConfig) {
       if (options.withTransforms) {
-        parts.push('Panel transforms');
+        parts.push(t({ id: 'dashboard.inspect-data.panel-transforms', message: 'Panel transforms' }));
       }
 
       if (options.withTransforms && options.withFieldConfig) {
       }
 
       if (options.withFieldConfig) {
-        parts.push('Formatted data');
+        parts.push(t({ id: 'dashboard.inspect-data.formatted', message: 'Formatted data' }));
       }
     }
 
     if (downloadForExcel) {
-      parts.push('Excel header');
+      parts.push(t({ id: 'dashboard.inspect-data.excel-header', message: 'Excel header' }));
     }
 
     return parts.join(', ');
@@ -97,20 +98,20 @@ export const InspectDataOptions: FC<Props> = ({
       <QueryOperationRow
         id="Data options"
         index={0}
-        title="Data options"
+        title={t({ id: 'dashboard.inspect-data.data-options', message: 'Data options' })}
         headerElement={<DetailText>{getActiveString()}</DetailText>}
         isOpen={false}
       >
         <div className={styles.options} data-testid="dataOptions">
           <VerticalGroup spacing="none">
             {data!.length > 1 && (
-              <Field label="Show data frame">
+              <Field label={t({ id: 'dashboard.inspect-data.dataframe-label', message: 'Show data frame' })}>
                 <Select
                   options={selectableOptions}
                   value={selectedDataFrame}
                   onChange={onDataFrameChange}
                   width={30}
-                  aria-label="Select dataframe"
+                  aria-label={t({ id: 'dashboard.inspect-data.dataframe-aria-label', message: 'Select dataframe' })}
                 />
               </Field>
             )}
@@ -118,8 +119,14 @@ export const InspectDataOptions: FC<Props> = ({
             <HorizontalGroup>
               {showPanelTransformationsOption && onOptionsChange && (
                 <Field
-                  label="Apply panel transformations"
-                  description="Table data is displayed with transformations defined in the panel Transform tab."
+                  label={t({
+                    id: 'dashboard.inspect-data.transformations-label',
+                    message: 'Apply panel transformations',
+                  })}
+                  description={t({
+                    id: 'dashboard.inspect-data.transformations-description',
+                    message: 'Table data is displayed with transformations defined in the panel Transform tab.',
+                  })}
                 >
                   <Switch
                     value={!!options.withTransforms}
@@ -129,8 +136,11 @@ export const InspectDataOptions: FC<Props> = ({
               )}
               {showFieldConfigsOption && onOptionsChange && (
                 <Field
-                  label="Formatted data"
-                  description="Table data is formatted with options defined in the Field and Override tabs."
+                  label={t({ id: 'dashboard.inspect-data.formatted-data-label', message: 'Formatted data' })}
+                  description={t({
+                    id: 'dashboard.inspect-data.formatted-data-description',
+                    message: 'Table data is formatted with options defined in the Field and Override tabs.',
+                  })}
                 >
                   <Switch
                     id="formatted-data-toggle"
@@ -139,7 +149,13 @@ export const InspectDataOptions: FC<Props> = ({
                   />
                 </Field>
               )}
-              <Field label="Download for Excel" description="Adds header to CSV for use with Excel">
+              <Field
+                label={t({ id: 'dashboard.inspect-data.download-excel-label', message: 'Download for Excel' })}
+                description={t({
+                  id: 'dashboard.inspect-data.download-excel-description',
+                  message: 'Adds header to CSV for use with Excel',
+                })}
+              >
                 <Switch id="excel-toggle" value={downloadForExcel} onChange={toggleDownloadForExcel} />
               </Field>
             </HorizontalGroup>
diff --git a/public/app/features/inspector/InspectDataTab.tsx b/public/app/features/inspector/InspectDataTab.tsx
index 4e6968fc8bd..850e4234116 100644
--- a/public/app/features/inspector/InspectDataTab.tsx
+++ b/public/app/features/inspector/InspectDataTab.tsx
@@ -1,4 +1,5 @@
 import { css } from '@emotion/css';
+import { Trans, t } from '@lingui/macro';
 import { saveAs } from 'file-saver';
 import React, { PureComponent } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
@@ -286,7 +287,7 @@ export class InspectDataTab extends PureComponent<Props, State> {
               margin-bottom: 10px;
             `}
           >
-            Download CSV
+            <Trans id="dashboard.inspect-data.download-csv">Download CSV</Trans>
           </Button>
           {hasLogs && (
             <Button
@@ -297,7 +298,7 @@ export class InspectDataTab extends PureComponent<Props, State> {
                 margin-left: 10px;
               `}
             >
-              Download logs
+              <Trans id="dashboard.inspect-data.download-logs">Download logs</Trans>
             </Button>
           )}
           {hasTraces && (
@@ -309,7 +310,7 @@ export class InspectDataTab extends PureComponent<Props, State> {
                 margin-left: 10px;
               `}
             >
-              Download traces
+              <Trans id="dashboard.inspect-data.download-traces">Download traces</Trans>
             </Button>
           )}
           {hasServiceGraph && (
@@ -321,7 +322,7 @@ export class InspectDataTab extends PureComponent<Props, State> {
                 margin-left: 10px;
               `}
             >
-              Download service graph
+              <Trans id="dashboard.inspect-data.download-service">Download service graph</Trans>
             </Button>
           )}
         </div>
@@ -349,7 +350,10 @@ function buildTransformationOptions() {
   const transformations: Array<SelectableValue<DataTransformerID>> = [
     {
       value: DataTransformerID.seriesToColumns,
-      label: 'Series joined by time',
+      label: t({
+        id: 'dashboard.inspect-data.transformation',
+        message: 'Series joined by time',
+      }),
       transformer: {
         id: DataTransformerID.seriesToColumns,
         options: { byField: 'Time' },
diff --git a/public/app/features/inspector/InspectJSONTab.tsx b/public/app/features/inspector/InspectJSONTab.tsx
index 3c9c1adfca9..e5dd4e0c3a9 100644
--- a/public/app/features/inspector/InspectJSONTab.tsx
+++ b/public/app/features/inspector/InspectJSONTab.tsx
@@ -1,3 +1,4 @@
+import { t } from '@lingui/macro';
 import React, { PureComponent } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 
@@ -17,18 +18,24 @@ enum ShowContent {
 
 const options: Array<SelectableValue<ShowContent>> = [
   {
-    label: 'Panel JSON',
-    description: 'The model saved in the dashboard JSON that configures how everything works.',
+    label: t({ id: 'dashboard.inspect-json.panel-json-label', message: 'Panel JSON' }),
+    description: t({
+      id: 'dashboard.inspect-json.panel-json-description',
+      message: 'The model saved in the dashboard JSON that configures how everything works.',
+    }),
     value: ShowContent.PanelJSON,
   },
   {
-    label: 'Panel data',
-    description: 'The raw model passed to the panel visualization',
+    label: t({ id: 'dashboard.inspect-json.panel-data-label', message: 'Panel data' }),
+    description: t({
+      id: 'dashboard.inspect-json.panel-data-description',
+      message: 'The raw model passed to the panel visualization',
+    }),
     value: ShowContent.PanelData,
   },
   {
-    label: 'DataFrame JSON',
-    description: 'JSON formatted DataFrames',
+    label: t({ id: 'dashboard.inspect-json.dataframe-label', message: 'DataFrame JSON' }),
+    description: t({ id: 'dashboard.inspect-json.dataframe-description', message: 'JSON formatted DataFrames' }),
     value: ShowContent.DataFrames,
   },
 ];
@@ -83,7 +90,7 @@ export class InspectJSONTab extends PureComponent<Props, State> {
       return panel!.getSaveModel();
     }
 
-    return { note: `Unknown Object: ${show}` };
+    return { note: t({ id: 'dashboard.inspect-json.unknown', message: `Unknown Object: ${show}` }) };
   }
 
   onApplyPanelModel = () => {
@@ -120,7 +127,10 @@ export class InspectJSONTab extends PureComponent<Props, State> {
     return (
       <div className={styles.wrap}>
         <div className={styles.toolbar} aria-label={selectors.components.PanelInspector.Json.content}>
-          <Field label="Select source" className="flex-grow-1">
+          <Field
+            label={t({ id: 'dashboard.inspect-json.select-source', message: 'Select source' })}
+            className="flex-grow-1"
+          >
             <Select
               inputId="select-source-dropdown"
               options={jsonOptions}
diff --git a/public/app/features/inspector/InspectMetadataTab.tsx b/public/app/features/inspector/InspectMetadataTab.tsx
index cbb7bcfa186..4049a5d2dee 100644
--- a/public/app/features/inspector/InspectMetadataTab.tsx
+++ b/public/app/features/inspector/InspectMetadataTab.tsx
@@ -1,3 +1,4 @@
+import { Trans } from '@lingui/macro';
 import React from 'react';
 
 import { DataSourceApi, PanelData } from '@grafana/data';
@@ -8,7 +9,7 @@ interface InspectMetadataTabProps {
 }
 export const InspectMetadataTab: React.FC<InspectMetadataTabProps> = ({ data, metadataDatasource }) => {
   if (!metadataDatasource || !metadataDatasource.components?.MetadataInspector) {
-    return <div>No Metadata Inspector</div>;
+    return <Trans id="dashboard.inspect-meta.no-inspector">No Metadata Inspector</Trans>;
   }
   return <metadataDatasource.components.MetadataInspector datasource={metadataDatasource} data={data.series} />;
 };
diff --git a/public/app/features/inspector/InspectStatsTab.tsx b/public/app/features/inspector/InspectStatsTab.tsx
index 22290245b52..c8dc2945d0b 100644
--- a/public/app/features/inspector/InspectStatsTab.tsx
+++ b/public/app/features/inspector/InspectStatsTab.tsx
@@ -1,3 +1,4 @@
+import { t } from '@lingui/macro';
 import React from 'react';
 
 import { PanelData, QueryResultMetaStat, TimeZone } from '@grafana/data';
@@ -26,13 +27,27 @@ export const InspectStatsTab: React.FC<InspectStatsTabProps> = ({ data, timeZone
   }
 
   if (requestTime > 0) {
-    stats.push({ displayName: 'Total request time', value: requestTime, unit: 'ms' });
+    stats.push({
+      displayName: t({ id: 'dashboard.inspect-stats.request-time', message: 'Total request time' }),
+      value: requestTime,
+      unit: 'ms',
+    });
   }
   if (processingTime > 0) {
-    stats.push({ displayName: 'Data processing time', value: processingTime, unit: 'ms' });
+    stats.push({
+      displayName: t({ id: 'dashboard.inspect-stats.processing-time', message: 'Data processing time' }),
+      value: processingTime,
+      unit: 'ms',
+    });
   }
-  stats.push({ displayName: 'Number of queries', value: data.request.targets.length });
-  stats.push({ displayName: 'Total number rows', value: dataRows });
+  stats.push({
+    displayName: t({ id: 'dashboard.inspect-stats.queries', message: 'Number of queries' }),
+    value: data.request.targets.length,
+  });
+  stats.push({
+    displayName: t({ id: 'dashboard.inspect-stats.rows', message: 'Total number rows' }),
+    value: dataRows,
+  });
 
   let dataStats: QueryResultMetaStat[] = [];
 
@@ -42,10 +57,13 @@ export const InspectStatsTab: React.FC<InspectStatsTabProps> = ({ data, timeZone
     }
   }
 
+  const statsTableName = t({ id: 'dashboard.inspect-stats.table-title', message: 'Stats' });
+  const dataStatsTableName = t({ id: 'dashboard.inspect-stats.data-title', message: 'Data source stats' });
+
   return (
     <div aria-label={selectors.components.PanelInspector.Stats.content}>
-      <InspectStatsTable timeZone={timeZone} name={'Stats'} stats={stats} />
-      <InspectStatsTable timeZone={timeZone} name={'Data source stats'} stats={dataStats} />
+      <InspectStatsTable timeZone={timeZone} name={statsTableName} stats={stats} />
+      <InspectStatsTable timeZone={timeZone} name={dataStatsTableName} stats={dataStats} />
     </div>
   );
 };
diff --git a/public/locales/en/messages.po b/public/locales/en/messages.po
index bc3ef72515a..4a99a2b5165 100644
--- a/public/locales/en/messages.po
+++ b/public/locales/en/messages.po
@@ -34,6 +34,174 @@ msgstr "French"
 msgid "common.save"
 msgstr "Save"
 
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.data-options"
+msgstr "Data options"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-aria-label"
+msgstr "Select dataframe"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-label"
+msgstr "Show data frame"
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-csv"
+msgstr "Download CSV"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-description"
+msgstr "Adds header to CSV for use with Excel"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-label"
+msgstr "Download for Excel"
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-logs"
+msgstr "Download logs"
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-service"
+msgstr "Download service graph"
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-traces"
+msgstr "Download traces"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.excel-header"
+msgstr "Excel header"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted"
+msgstr "Formatted data"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-description"
+msgstr "Table data is formatted with options defined in the Field and Override tabs."
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-label"
+msgstr "Formatted data"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.panel-transforms"
+msgstr "Panel transforms"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.series-to-columns"
+msgstr "Series joined by time"
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.transformation"
+msgstr "Series joined by time"
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-description"
+msgstr "Table data is displayed with transformations defined in the panel Transform tab."
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-label"
+msgstr "Apply panel transformations"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-description"
+msgstr "JSON formatted DataFrames"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-label"
+msgstr "DataFrame JSON"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-description"
+msgstr "The raw model passed to the panel visualization"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-label"
+msgstr "Panel data"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-description"
+msgstr "The model saved in the dashboard JSON that configures how everything works."
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-label"
+msgstr "Panel JSON"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.select-source"
+msgstr "Select source"
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.unknown"
+msgstr "Unknown Object: {show}"
+
+#: public/app/features/inspector/InspectMetadataTab.tsx
+msgid "dashboard.inspect-meta.no-inspector"
+msgstr "No Metadata Inspector"
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.data-title"
+msgstr "Data source stats"
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.processing-time"
+msgstr "Data processing time"
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.queries"
+msgstr "Number of queries"
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.request-time"
+msgstr "Total request time"
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.rows"
+msgstr "Total number rows"
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.table-title"
+msgstr "Stats"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.actions-tab"
+msgstr "Actions"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.data-tab"
+msgstr "Data"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.error-tab"
+msgstr "Error"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.json-tab"
+msgstr "JSON"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.meta-tab"
+msgstr "Meta Data"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.query-tab"
+msgstr "Query"
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.stats-tab"
+msgstr "Stats"
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.subtitle"
+msgstr "{queryCount} queries with total query time of {formatted}"
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.title"
+msgstr "Inspect: {panelTitle}"
+
 #: public/app/core/components/NavBar/navBarItem-translations.ts
 msgid "nav.alerting"
 msgstr "Alerting"
diff --git a/public/locales/es/messages.po b/public/locales/es/messages.po
index 17211becec3..339a58da31a 100644
--- a/public/locales/es/messages.po
+++ b/public/locales/es/messages.po
@@ -34,6 +34,174 @@ msgstr ""
 msgid "common.save"
 msgstr ""
 
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.data-options"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-aria-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-csv"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-logs"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-service"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-traces"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.excel-header"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.panel-transforms"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.series-to-columns"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.transformation"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.select-source"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.unknown"
+msgstr ""
+
+#: public/app/features/inspector/InspectMetadataTab.tsx
+msgid "dashboard.inspect-meta.no-inspector"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.data-title"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.processing-time"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.queries"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.request-time"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.rows"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.table-title"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.actions-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.data-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.error-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.json-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.meta-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.query-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.stats-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.subtitle"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.title"
+msgstr ""
+
 #: public/app/core/components/NavBar/navBarItem-translations.ts
 msgid "nav.alerting"
 msgstr ""
diff --git a/public/locales/fr/messages.po b/public/locales/fr/messages.po
index b9d4af98d71..7dee94001b9 100644
--- a/public/locales/fr/messages.po
+++ b/public/locales/fr/messages.po
@@ -34,6 +34,174 @@ msgstr ""
 msgid "common.save"
 msgstr ""
 
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.data-options"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-aria-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-csv"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-logs"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-service"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-traces"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.excel-header"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.panel-transforms"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.series-to-columns"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.transformation"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.select-source"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.unknown"
+msgstr ""
+
+#: public/app/features/inspector/InspectMetadataTab.tsx
+msgid "dashboard.inspect-meta.no-inspector"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.data-title"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.processing-time"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.queries"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.request-time"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.rows"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.table-title"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.actions-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.data-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.error-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.json-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.meta-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.query-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.stats-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.subtitle"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.title"
+msgstr ""
+
 #: public/app/core/components/NavBar/navBarItem-translations.ts
 msgid "nav.alerting"
 msgstr ""
diff --git a/public/locales/pseudo-LOCALE/messages.po b/public/locales/pseudo-LOCALE/messages.po
index 1c32ef4a32c..d71f621ecf1 100644
--- a/public/locales/pseudo-LOCALE/messages.po
+++ b/public/locales/pseudo-LOCALE/messages.po
@@ -34,6 +34,174 @@ msgstr ""
 msgid "common.save"
 msgstr ""
 
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.data-options"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-aria-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.dataframe-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-csv"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.download-excel-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-logs"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-service"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.download-traces"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.excel-header"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.formatted-data-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.panel-transforms"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.series-to-columns"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataTab.tsx
+msgid "dashboard.inspect-data.transformation"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectDataOptions.tsx
+msgid "dashboard.inspect-data.transformations-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.dataframe-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-data-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-description"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.panel-json-label"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.select-source"
+msgstr ""
+
+#: public/app/features/inspector/InspectJSONTab.tsx
+msgid "dashboard.inspect-json.unknown"
+msgstr ""
+
+#: public/app/features/inspector/InspectMetadataTab.tsx
+msgid "dashboard.inspect-meta.no-inspector"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.data-title"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.processing-time"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.queries"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.request-time"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.rows"
+msgstr ""
+
+#: public/app/features/inspector/InspectStatsTab.tsx
+msgid "dashboard.inspect-stats.table-title"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.actions-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.data-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.error-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.json-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.meta-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.query-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/hooks.ts
+msgid "dashboard.inspect.stats-tab"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.subtitle"
+msgstr ""
+
+#: public/app/features/dashboard/components/Inspector/InspectContent.tsx
+msgid "dashboard.inspect.title"
+msgstr ""
+
 #: public/app/core/components/NavBar/navBarItem-translations.ts
 msgid "nav.alerting"
 msgstr ""