diff --git a/I18N_ENFORCEMENT_GUIDE.md b/I18N_ENFORCEMENT_GUIDE.md
index ddf36e132e..c509d40e96 100644
--- a/I18N_ENFORCEMENT_GUIDE.md
+++ b/I18N_ENFORCEMENT_GUIDE.md
@@ -3,13 +3,28 @@
 How the OpenObserve web app guarantees that user-facing text is translatable, and
 what to do when a check fires.
 
-**Status: enforcement complete and green.** `lint:ci` 0 errors · `type-check:app`
-0 errors · spec-inclusive `type-check` 0 errors · `format:check` clean.
+**Status: enforcement complete.** `lint:ci` 0 errors · `type-check:app` **exit 0**
+(with `--composite false`, which the npm script passes, no TS6307 surfaces) ·
+`format:check` clean.
+
+> **Known measurement gap:** the "spec-inclusive" `type-check` (tsconfig.vitest.json)
+> currently checks **no spec files at all** — its include is `src/**/*.spec.{ts,js}`,
+> and TypeScript globs do **not** brace-expand, so the pattern matches nothing.
+> Any past "spec-inclusive type-check 0 errors" claim was vacuous. Fixing it means
+> splitting the include into `src/**/*.spec.ts` + `src/**/*.spec.js` AND then fixing
+> the spec-only type errors that surface (e.g. `metricGrouping.spec.ts` assigns keys
+> that don't exist in en-US to `I18nKey` fixtures). Tracked in §9.
 
 The mechanisms are done and so is the message cleanup — **0 fake plurals** remain in
-en-US. What is left is narrower: **non-English plural rules**, the last **6 `gt` sites**,
-and **one CI gap**. See [§9 Outstanding work](#9-outstanding-work) — that section is the
-to-do list, kept in sync with measurements.
+en-US, the 10 surviving `gt()` calls are each individually justified (§8), `TEXT_ATTRS`
+has been retired in favour of prop types (§8), and the dead-key sweep is complete (§9).
+What is left is narrower: **non-English plural rules** and **spec type-checking**
+(a broken tsconfig glob plus a missing PR gate, §9.3). See
+[§9 Outstanding work](#9-outstanding-work) — that section is the to-do list, kept in
+sync with measurements.
+
+Converting the 71 dynamic key sites so they can be type-checked was **considered and
+declined** — it is recorded under §4 as an accepted limit, not pending work.
 
 ---
 
@@ -89,11 +104,11 @@ only two remaining `(s)` values are the seconds unit. Keep it that way.
 `{{ t('common.save') }}` · `:label="t('x')"` · `:label="row.name"` (a variable
 contributes no literal) · `:label="'—'"` (no letters).
 
-### Two curated lists
+### One curated list
+
+`TEXT_ATTRS` is **gone** — prop types now decide what counts as a text prop, so there
+is no list to maintain (§8). Declaring a prop `I18nText` is what makes it enforced.
 
-- **`TEXT_ATTRS`** (47 names) — props that carry user-facing text. Feeds both the
-  static and bound rules, so "what counts as a text prop" is defined once. **Add a
-  name here when a component takes UI text through a new prop.**
 - **`NON_TRANSLATABLE`** (39 entries) — tokens that must read identically in every
   language: units (`px`, `ms`, `ns`, `min`), symbols (`×`, `→`, `~`), protocol and
   spec identifiers (`GET`, `UTC`, `SQL`, `PromQL`, the OpenTelemetry statuses
@@ -121,7 +136,7 @@ follows a pattern the library already used for icons (`iconLeft?: IconName`).
 | **`I18nKey`**        | a field holding an **i18n key as data** (`titleKey`, `labelKey`)            |
 | **`useI18nTyped()`** | replaces `useI18n()` in components — `t` returns `I18nText`                 |
 | **`TranslateFn`**    | the type of `t` when a composable/util takes it as a **parameter**          |
-| **`gt()`**           | last resort for genuinely context-free code — **1 file**, see below         |
+| **`gt()`**           | last resort for genuinely context-free code — **4 files**, see below        |
 | **`raw()`**          | the explicit opt-out for text that must not be translated                   |
 
 ```ts
@@ -155,7 +170,7 @@ presets.ts(76,5): error TS2820: Type '"emptyState.noLogs.titel"' is not assignab
   to type 'I18nKey'. Did you mean '"emptyState.noLogs.title"'?
 ```
 
-Cost: **~31 s** for the full app type-check with the 10,665-key union. Not a
+Cost: **~31 s** for the full app type-check with the ~9,800-key union. Not a
 perf concern.
 
 ### Getting a `t`: three cases, in order of preference
@@ -179,7 +194,7 @@ perf concern.
    }
    ```
 
-   This is the standard for non-component code (**27 files**). It is preferred over
+   This is the standard for non-component code (**35 files**). It is preferred over
    `gt()` because these functions are also called directly by specs, outside any
    component, where `useI18n()` would throw. Specs pass the real translator:
 
@@ -192,13 +207,27 @@ perf concern.
    composable translates, `t` belongs on that function, not on the composable.
 
 3. **Genuinely context-free code** → `gt("some.key")`. Only where there is neither a
-   setup context nor a caller to thread `t` through. Exactly **one** file qualifies:
-   `useUnauthorizedErrorGrouper.ts`, reached from an axios 403 interceptor registered
-   once at module load (interceptor → 300 ms `setTimeout` → toast → click handler).
+   setup context nor a caller to thread `t` through. Exactly **four** files qualify
+   (10 call sites), each for a distinct structural reason:
+
+   - `useUnauthorizedErrorGrouper.ts` (6) — reached from an axios 403 interceptor
+     registered once at module load (interceptor → 300 ms `setTimeout` → toast →
+     click handler). The founding case.
+   - `ingestion/setupCard/content/kubernetes.ts` (2) — the setup-card registry pins
+     every builder to `(subs: CardSubstitutions) => RichCardContent`; threading `t`
+     would change that shared contract for ~20 cards. Static prose in cards uses
+     `descriptionKey`/`helpKey` (renderer-resolved); `gt` covers only the one
+     description that interpolates a URL, translated at card-build time.
+   - `utils/query/searchError.ts` (1) — the translated **default** of an optional
+     `fallback: I18nText` parameter, evaluated per call; callers that hold `t`
+     override it (e.g. `parseSearchError(err, gt("search.unknownError"))`).
+   - `usePanelPromQLExecutor.ts` (1) — reached through composable chains that are
+     not guaranteed to run in a setup context, where `useI18n()` would throw.
 
    `gt` is deliberately a narrow escape hatch, not an alternative to case 2. Before
-   reaching for it, check whether a caller can pass `t` instead — 43 of the original
-   49 `gt` sites turned out to be case 2.
+   reaching for it, check whether a caller can pass `t` instead — the overwhelming
+   majority of historical `gt` sites (including the import validators and
+   `useQualityDetailCharts`, converted since) turned out to be case 2.
 
 > **Keys resolved at display time, not module load.** When storing keys as data, keep
 > the `I18nKey` map at module scope but resolve it inside the function that renders.
@@ -250,11 +279,18 @@ annotation is made by hand at the declaration rather than by a pattern match.
 | `t()` keys — literal                             | enforced (ESLint, `.vue` **and** `.ts`)           |
 | i18n keys stored as data                         | enforced (`I18nKey`, 19 files)                    |
 | Toast / notification text                        | enforced (`I18nText`, incl. the store + wrappers) |
-| Text reached via `useI18nTyped()`                | branded across **663** files                      |
+| Text reached via `useI18nTyped()`                | branded across **668** files                      |
 | Composables / utils taking `t: TranslateFn`      | **27** files                                      |
 
-**Numbers:** en-US grew 10,216 → **10,665 keys**; **311** sit under `toastMessages.*`
-(28 module groups). 62 `raw()` opt-outs. **6** `gt()` call sites, all in one file.
+**Numbers** (re-measured 2026-07-31, after the post-review debt cleanup): en-US holds
+**9,837 keys** across **72 namespaces** (10,216 → 11,002 as text was migrated in,
+→ 9,648 after the dead-key sweep §9, → 9,837 as the remaining hardcoded prose —
+import validators, setup-card descriptions, status labels, dialog buttons — was
+keyed); **309** sit under `toastMessages.*`. **977** `raw()` opt-outs — the count
+rose steeply when props became `I18nText`, since every genuinely non-translatable
+value (units, tokens, glyphs, API data) has to say so explicitly, then fell as
+`raw()`-wrapped prose was converted to keys. **10** `gt()` call sites in **4**
+files (see §3 case 3 for the per-file justification).
 
 **Where the two checkers divide.** `no-missing-keys` validates `t('x.y')` **calls**;
 it cannot see a key assigned to a field. Keys stored as **data** are validated instead
@@ -264,27 +300,54 @@ be green to claim key coverage; neither alone is sufficient.
 
 ### Not covered
 
-- **Dynamic keys** — ``t(`about.feature_${id}`)`` (**312** sites). No lint or type
-  check can resolve these. The `t` key parameter is deliberately permissive
-  (`I18nKey | (string & {})`) so they keep compiling.
+- **Dynamic keys — 71 sites. Considered and DECLINED; do not re-open as pending work.**
+
+  ``t(`about.feature_${id}`)`` and similar. A renamed or deleted key reached this way is
+  caught by nothing: ESLint sees no literal, `t`'s permissive
+  `I18nKey | (string & {})` parameter accepts any string, vue-i18n returns the key
+  instead of throwing, and the production build strips its dev warning. It renders the
+  raw dotted path on screen.
+
+  Nothing is currently broken — every key these sites can request was expanded and
+  verified present. The exposure is a future rename, concentrated in `onlineEvals`
+  (40 of the 71 sites).
+
+  Closing it would mean removing the `(string & {})` arm, which surfaces **117 errors**:
+  ~80 are unrelated consumers declaring their translator loosely as
+  `(key: string) => string` (a contravariance failure, not a key problem), 15 need a
+  variable widened to a literal union, 9 need a `Record<string, I18nKey>` map, and a
+  handful are genuine key/code mismatches. Two-thirds of the work is therefore not about
+  dynamic keys at all, which is why this was judged not worth it as a standalone project.
+
+  If the guarantee is ever wanted, the cheap route is a second strict export
+  (`(key: I18nKey)`) used by new code only — no flag day, no 98-file PR.
+
+  > Count these with a word boundary: `grep 't(\`'` also matches `` fetch(`…`) `` and any
+other call ending in `t`, which inflates the figure roughly fourfold. A further 21
+  > sites use backticks but interpolate nothing — those are ordinary static keys.
+
 - **Interfaces not yet annotated.** `I18nText` guards what it is applied to. That is
   _incomplete_, never _wrong_ — coverage grows one declaration at a time, at the
   definition site, with no central registry to keep in sync.
 - **Other locales.** The 14 non-en locales are generated from en-US and lag behind;
   `localeDir` points at en-US only, on purpose. Never hand-edit them.
-- **Unused keys.** `@intlify/vue-i18n/no-unused-keys` is available but **not
-  enabled**. Measured on this repo it reports 2,421 keys of which only ~1,302 are
-  genuinely dead — 681 are reached via a key-string, 437 via a dynamic prefix. If
-  you enable it, use `warn`, never `enableFix`, and populate `ignores` with the
-  dynamic prefixes; its autofix would delete live translations.
+- **Unused keys.** `@intlify/vue-i18n/no-unused-keys` is available but **not enabled**.
+  It reports 2,421 keys, but it only sees `t('literal')` calls — so keys reached
+  through a variable or a dynamic prefix look unused to it, and its autofix would
+  delete them. A direct measurement (literal tokens + dynamic prefixes + the one
+  concatenation site) put the genuinely dead set at **1,363**, since deleted (§9).
+  If you ever enable the rule, use `warn`, never `enableFix`, and populate `ignores`
+  with the dynamic prefixes. Note that even the direct measurement missed 9 live keys
+  (§9) — no automated sweep sees keys held in JSON data files.
 
 ---
 
 ## 5. Deliberately deferred: `strictTemplates`
 
-Typing a component prop `label: I18nText` only gates `<OButton label="Save" />` if
-Vue's `strictTemplates` is on. It is **not** enabled, which is why `TEXT_ATTRS`
-still exists.
+A **declared** prop typed `label: I18nText` gates `<OButton label="Save" />` with or
+without `strictTemplates` — declared props are always checked. `strictTemplates`
+governs **undeclared** attributes only. This was verified by probe, and it is what
+allowed `TEXT_ATTRS` to be retired (§8) while `strictTemplates` stays off.
 
 Measured twice on this branch:
 
@@ -297,10 +360,9 @@ Of those, ~303 are genuine `TS2322` type mismatches (real latent bugs); the rest
 undeclared pass-through attributes.
 
 **It was left out on purpose.** It is a large _type-safety_ migration, not i18n work,
-and its i18n payoff is only retiring the `TEXT_ATTRS` list — whose real gap was
-measured at **five sites** (all fixed here: `reveal-tooltip`, `hide-tooltip`,
-`unstable-dimension-tooltip`, `date-disabled-tooltip`). Worth doing as its own PR;
-not worth burying this one under 2,655 unrelated errors.
+and it turned out to carry **no i18n payoff at all** — retiring `TEXT_ATTRS` did not
+require it. Worth doing as its own PR for the ~303 genuine `TS2322` mismatches; not
+worth burying this one under 2,655 unrelated errors.
 
 ---
 
@@ -320,8 +382,17 @@ not worth burying this one under 2,655 unrelated errors.
 | A recurring unit/symbol/code token                   | add to `NON_TRANSLATABLE` with a one-line reason                                                      |
 | A whole file that is genuinely code                  | add to the SyntaxGuide exemption block                                                                |
 
-New text-carrying **component prop** → add its name to `TEXT_ATTRS`.
+New text-carrying **component prop** → declare it `I18nText`. In `<script setup>`,
+`defineProps<{ label: I18nText }>()`. In the Options API the double cast is required,
+because `StringConstructor` resolves to an unbranded `string`:
+
+```ts
+title: { type: String as unknown as PropType<I18nText>, default: raw("") }
+```
+
 New **interface field** carrying text or a key → declare it `I18nText` / `I18nKey`.
+New **i18n key stored in a `.json` data file** → add it to the `localeKeys.spec.ts`
+guard; no type or lint rule can see it (§9).
 
 ---
 
@@ -397,10 +468,25 @@ Recorded so they are not re-reported as open:
 - **Verb injection.** 5 messages interpolated an English verb into a sentence
   (`"Failed to {action} the alert"`), which is unlocalisable word order; each is now a
   complete message per case.
-- **`gt` proliferation.** 49 sites / 22 files → **6 sites / 1 file**, by passing
-  `t: TranslateFn` (§3, case 2).
+- **`gt` proliferation.** 49 sites / 22 files → **10 sites / 4 files**, by passing
+  `t: TranslateFn` (§3, case 2). The audit (2026-07-31) converted every site whose
+  caller could supply `t` — the onlineEvals import validators now take `t` via their
+  `ctx`, `useQualityDetailCharts` and `computePrefixAssignment` take it as a
+  parameter. The 10 that remain are each structurally unable to receive a `t`
+  (axios interceptor, fixed registry contract, optional-param default, non-setup
+  composable chain — the per-file list is in §3 case 3) and are **intentional and
+  final**. Two alternatives were considered and rejected: deferring keys to render
+  time, and injecting a translator at the composition root. `gt` stays exported as
+  a deliberate, narrow escape hatch; **do not re-raise this as cleanup.**
 - **The `useI18n` import ban** is clean tree-wide. The only remaining `vue-i18n` import
   outside the exempt paths is `createI18n` in a test fixture, which the ban permits.
+- **`TEXT_ATTRS` is gone.** The 47-name attribute allowlist and the bound-prop half of
+  `local/no-bare-bound-text-props` were deleted; prop types now do that job (§3). A
+  declared `I18nText` prop is checked in templates **without** `strictTemplates` —
+  `strictTemplates` governs _undeclared_ attributes only, so §5 is not a blocker for
+  this. Type checking is also _stricter_ than the old rule: it rejects a plain `string`
+  variable, which the rule allowed. `vue/no-bare-strings-in-template` stays enabled,
+  because a bare text node has no prop to annotate; `NON_TRANSLATABLE` still feeds it.
 - **Fake plurals everywhere else.** The remaining 104 `(s)` messages are gone — pipe
   plurals went 53 → **139**. Breakdown of how they were fixed:
   - 69 already interpolated `{count}`/`{n}`, so the call sites were already correct and
@@ -424,9 +510,50 @@ Recorded so they are not re-reported as open:
 
 ## 9. Outstanding work
 
-Ordered by value. Item 3 is the cheapest; item 1 is the only user-visible one.
+### ~~1. Delete dead keys from `en-US.json`~~ — done
 
-### 1. Non-English plural rules (`pluralRules`)
+`en-US.json` went from **11,002 → 9,648 keys** (75 → 71 namespaces, ~90 KB smaller).
+1,363 keys were deleted and **9 were restored** after audit; see below. (The count
+has since grown again to **9,837 / 72 namespaces** as the post-review debt cleanup
+keyed the remaining hardcoded prose — that growth is live keys, not resurrected
+dead ones.)
+
+**What the scan excluded up front.** Keys with a literal reference in prod code or
+specs, keys reachable through a dynamic prefix (a conservative exclusion — spared
+because a dynamic key _might_ reach them, not because they are proven live), and the
+5 keys reachable through the one concatenation site (`utils/common.ts`, `"message." +
+code`).
+
+**The audit that followed, and why it mattered.** Six independent read-only agents
+re-checked all 1,363 deletions, each told to hunt specifically for what a
+quoted-literal scan structurally cannot see. They found **9 genuine false deletions**
+across two distinct blind spots — both now closed by guards that were verified to
+fail when the key is removed:
+
+| Blind spot                                                        | Keys | Guard added                                                   |
+| ----------------------------------------------------------------- | ---- | ------------------------------------------------------------- |
+| Keys living in a **JSON data file** (`constants/features.json`)   | 5    | `localeKeys.spec.ts` — resolves every key features.json cites |
+| Template literal **assigned to a variable** before reaching `t()` | 4    | `useGreeting.ts` — `const key: I18nKey = …`                   |
+
+The first is the more important lesson: TypeScript widens imported JSON string values
+to `string`, so keys stored in a data file cannot be typed as `I18nKey` and are
+invisible to _every_ static check. Annotating `FeatureAvailability` documents intent
+but **does not enforce** — `FEATURE_REGISTRY` casts with `as`, and the widening defeats
+it regardless. Only the spec guard actually catches this.
+
+**If you delete keys again.** Regenerate the list (the set moves as code changes) and
+scan **`.json`/`.md`/`.yaml` as well as `.ts`/`.vue`** — the original sweep read only
+JS/TS and that is exactly how the features.json keys were lost. Never use
+`no-unused-keys --fix`: it shares the blind spot and would delete the dynamic-reachable
+keys. `no-missing-keys` and `I18nKey` together catch an over-delete of any _literal_
+reference, but neither sees the two cases above.
+
+**Other locales.** The 14 non-English files still carry ~1,317 of the deleted keys.
+This is expected and self-healing: `scripts/translations/README.md` documents the
+pipeline as pruning keys removed from `en-US.json`. Harmless meanwhile — nothing
+requests them and en-US is the fallback.
+
+### 2. Non-English plural rules (`pluralRules`)
 
 The en-US messages are now real pipe plurals, but **branch selection still uses
 vue-i18n's built-in default for every locale** because this repo configures no
@@ -444,26 +571,47 @@ generated and must not be hand-edited, so they keep their `(s)` until regenerate
 This degrades safely: if en-US has a pipe and fr-FR does not, vue-i18n returns the
 French message unchanged rather than mis-selecting a branch.
 
-### 2. The last 6 `gt()` sites
+### 3. Spec type-checking does not exist — anywhere
 
-`useUnauthorizedErrorGrouper.ts`. Blocked on architecture, not effort — see §3 case 3
-for why there is no caller to thread `t` through. Two designs were considered and
-rejected (deferring keys to render time; injecting a translator at the composition
-root). Closing this is what would allow `gt` to be deleted from `types/i18n.ts`
-entirely.
+Two separate problems compound here.
 
-### 3. Spec-inclusive `type-check` does not gate PRs
+**First, the config is broken.** `tsconfig.vitest.json`'s include is
+`src/**/*.spec.{ts,js}` — but TypeScript globs do **not** support brace expansion,
+so the pattern matches **zero files**. `npm run type-check` "passes" in seconds
+because it checks nothing but `vitest.config.ts`/`vite.config.ts` (verify with
+`npx tsc -p tsconfig.vitest.json --listFilesOnly`). Any past claim that the tree
+is "green under both configs" was vacuous. Additionally, the npm script's
+`NODE_OPTIONS=…` prefix is POSIX-only, so `npm run type-check` errors outright on
+Windows shells.
 
-`unit-tests.yml` runs `type-check:app`, which **excludes specs**. The spec-inclusive
-`type-check` runs only in `npm-update.yml`, a scheduled dependency job — so a spec that
-fails to compile can reach `main`. Adding one step to `unit-tests.yml` closes it, and
-the tree is currently green under both, so it would go in clean.
+**Second, even a working spec type-check would not gate PRs.** `unit-tests.yml`
+(the PR gate) runs only `type-check:app`, which excludes specs. Vitest transpiles
+through esbuild, which strips types without checking them, so a type-broken spec
+still runs and can pass while testing the wrong thing. This branch hit exactly
+that — when `useDashboardPanelData()` gained its `t` parameter, **55 specs** kept
+the old signature while `type-check:app` reported 0 errors.
+
+Fix is two steps, in order:
+
+1. Split the include in `tsconfig.vitest.json` into `src/**/*.spec.ts` and
+   `src/**/*.spec.js`, run it, and fix what surfaces — spec-only type errors exist
+   today (e.g. `metricGrouping.spec.ts` assigns non-existent keys to `I18nKey`
+   fixtures), so expect this to start **red**, not clean.
+2. Then add the step next to the existing one in `unit-tests.yml`:
+
+```yaml
+- name: Type-check specs (any error fails)
+  working-directory: web
+  run: npm run type-check
+```
 
 ### 4. Standing limits (accepted, not scheduled)
 
-- **312 dynamic keys** — unresolvable by design (§4).
-- **`no-unused-keys` not enabled** — ~1,302 genuinely dead keys of the 2,421 it
-  reports; its autofix would delete live translations (§4).
+- **71 dynamic keys** — conversion considered and **declined**; see §4 for the full
+  reasoning and what closing it would cost.
+- **`no-unused-keys` not enabled** — it reports 2,421 keys but shares the blind spot
+  that makes ~1,000 of those false positives, and its autofix deletes what it flags.
+  The dead-key cleanup in §9.1 uses a directly-measured list instead (§4).
 - **`strictTemplates` deferred** — 2,655 errors, a type-safety migration rather than
   i18n work (§5).
 - **`eslint.config.js` duplicate rule keys** — `prettier/prettier` appears 3×,
diff --git a/web/eslint.config.js b/web/eslint.config.js
index 775015bda6..bae2852700 100644
--- a/web/eslint.config.js
+++ b/web/eslint.config.js
@@ -73,68 +73,6 @@ const noLegacyO2Tokens = {
   },
 };
 
-// User-facing text props. `vue/no-bare-strings-in-template` checks these as STATIC
-// attributes (label="Save"); the custom rule below checks the SAME names as BOUND
-// literals (:label="'Save'" / :label=`Save`). One list feeds both, so "what counts
-// as translatable text passed to a component" is defined in exactly one place —
-// add a prop name here when a component takes user-facing text through a new prop.
-// The a11y/native entries reproduce the built-in rule's defaults (we replace, not
-// extend, its attribute map). Component props are evidence-based (scan of web/src).
-const TEXT_ATTRS = [
-  "title",
-  "aria-label",
-  "aria-placeholder",
-  "aria-roledescription",
-  "aria-valuetext",
-  "alt",
-  "label",
-  "sub-label",
-  "sublabel",
-  "placeholder",
-  "hint",
-  "tooltip",
-  "message",
-  "content",
-  "help-text",
-  "caption",
-  "description",
-  "subtitle",
-  "header",
-  "empty-label",
-  "error-message",
-  "button-label",
-  "primary-button-label",
-  "secondary-button-label",
-  "confirm-text",
-  "cancel-text",
-  // Additional O2/app text props, discovered by scanning web/src for every
-  // `:prop="t(...)"` — a prop a dev already wraps in t() is by definition
-  // translatable text, so its STATIC / bound-literal form must be guarded too.
-  // Re-run that scan when adding text-carrying props and keep this in sync.
-  "sub-title",
-  "footer-title",
-  "dirty-title",
-  "action-label",
-  "ok-label",
-  "firing-label",
-  "neutral-button-label",
-  "filter-label",
-  "empty-message",
-  "no-match-text",
-  "search-placeholder",
-  "ai-placeholder",
-  "ai-tooltip",
-  "disable-ai-reason",
-  "full-time-prefix",
-  "legend-healthy",
-  "legend-avg",
-  "reveal-tooltip",
-  "hide-tooltip",
-  "unstable-dimension-tooltip",
-  "date-disabled-tooltip",
-];
-const TEXT_ATTR_SET = new Set(TEXT_ATTRS);
-
 // Non-translatable literal tokens — code/syntax/units that must stay identical in
 // every language (a CSS unit, a fixed filename, a documented template-variable token).
 // Fed to BOTH i18n rules so they pass WITHOUT a scattered inline eslint-disable
@@ -224,10 +162,12 @@ const BARE_STRING_DEFAULT_ALLOWLIST = [
 
 // Bans hardcoded text left directly in a <template> that the built-in
 // `vue/no-bare-strings-in-template` (STATIC attrs + text nodes only) can't see:
-//   • a BOUND text prop        — :label="'Save'" / :label=`Go`
 //   • a v-text / v-html literal — v-text="'Save'"
 //   • a text interpolation      — {{ 'Save' }}
-// so a dev can't dodge the check by adding a `:`, a v-text, or mustaches. t()-bound
+// so a dev can't dodge the check with a v-text or mustaches. (Bound text PROPS are
+// no longer checked here — every text prop is declared I18nText, which rejects a
+// bare literal, a composed expression, AND a plain string variable at type-check.)
+// t()-bound
 // and variable-bound values are expressions (not bare literals) so they correctly
 // pass; a literal with no letters (punctuation like '—') is skipped. Only BARE
 // literals are caught — composed expressions (:label="'a'+b", ternaries, `${x} y`)
@@ -298,12 +238,10 @@ noLegacyO2Tokens.rules["no-bare-bound-text-props"] = {
         const text = bareText(node.value && node.value.expression);
         if (text == null) return;
         if (dir === "bind") {
-          const arg = node.key.argument; // only :prop / v-bind:prop in the text-attr set
-          if (!arg || arg.type !== "VIdentifier" || !TEXT_ATTR_SET.has(arg.name)) return;
-          context.report({
-            node,
-            message: `Hardcoded text "${text}" in bound prop :${arg.name} — use t('...') with a key in en-US.json.`,
-          });
+          // Bound text props are now guarded by the TYPE, not by a name list: a
+          // prop declared `I18nText` rejects a bare literal (and a plain string
+          // variable) at type-check. See src/types/i18n.ts.
+          return;
         } else if (dir === "text" || dir === "html") {
           context.report({
             node,
@@ -399,19 +337,24 @@ export default [
       "@intlify/vue-i18n/no-missing-keys": "error",
       //
       // `no-bare-strings-in-template` (ERROR): no user-facing string typed straight
-      // into a <template> — text nodes AND static text props (label="Save"). We
-      // REPLACE the built-in attribute map with TEXT_ATTRS so component props, not
-      // just native title/alt/placeholder, are covered. Bound props (:label="'x'")
-      // are caught by the local rule below. (@intlify's own `no-raw-text` is NOT
-      // used — it flags ~1800 literals/punctuation and is too noisy to gate.)
+      // into a <template> TEXT NODE. (@intlify's own `no-raw-text` is NOT used —
+      // it flags ~1800 literals/punctuation and is too noisy to gate.)
+      //
+      // Props are NOT listed here any more. Every text-carrying prop is declared
+      // `I18nText` (src/types/i18n.ts), so `label="Save"`, `:label="'Save'"`,
+      // composed expressions, and even a plain `string` variable are all rejected
+      // by `type-check:app` — strictly more than the old hand-maintained name list
+      // could catch, and with nothing to keep in sync. A text NODE has no prop to
+      // annotate, which is why this rule still runs.
       "vue/no-bare-strings-in-template": [
         "error",
         {
-          attributes: { "/.+/": TEXT_ATTRS },
+          attributes: {},
           allowlist: [...BARE_STRING_DEFAULT_ALLOWLIST, ...NON_TRANSLATABLE],
         },
       ],
-      // The bound-prop half of the same rule (see TEXT_ATTRS above).
+      // Text-position interpolation `{{ 'Save' }}` and v-text/v-html only; the
+      // bound-prop half retired with TEXT_ATTRS (the type covers it).
       "local/no-bare-bound-text-props": "error",
       //
       // `t` must come from the typed wrapper, otherwise it returns an unbranded
diff --git a/web/src/components/AutoRefreshInterval.vue b/web/src/components/AutoRefreshInterval.vue
index 767607004f..4a8c6703c0 100644
--- a/web/src/components/AutoRefreshInterval.vue
+++ b/web/src/components/AutoRefreshInterval.vue
@@ -30,7 +30,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             :class="isAnimating ? 'auto-refresh-icon--spinning' : ''"
             size="sm"
           />
-          <OTooltip :content="`${t('search.autoRefresh')}: ${selectedLabel}`" />
+          <OTooltip :content="raw(`${t('search.autoRefresh')}: ${selectedLabel}`)" />
         </OButton>
       </template>
       <div class="w-75 p-2">
@@ -76,7 +76,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 side="right"
                 align="center"
                 max-width="18.75rem"
-                :content="minRangeRestrictionMessageVal"
+                :content="raw(minRangeRestrictionMessageVal)"
               />
               {{ item.label }}
             </OButton>
@@ -152,7 +152,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 side="right"
                 align="center"
                 max-width="18.75rem"
-                :content="minRangeRestrictionMessageVal"
+                :content="raw(minRangeRestrictionMessageVal)"
               />
               {{ item.label }}
             </OButton>
@@ -174,7 +174,7 @@ import {
   onMounted,
   type PropType,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import { generateDurationLabel } from "../utils/date";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -362,6 +362,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       router,
       btnRefreshInterval,
diff --git a/web/src/components/CodeQueryEditor.vue b/web/src/components/CodeQueryEditor.vue
index 9822a3d60b..32326d78a7 100644
--- a/web/src/components/CodeQueryEditor.vue
+++ b/web/src/components/CodeQueryEditor.vue
@@ -58,6 +58,7 @@ import {
   onActivated,
   watch,
   computed,
+  type PropType,
 } from "vue";
 
 import type * as MonacoEditor from "monaco-editor/esm/vs/editor/editor.api";
@@ -86,7 +87,7 @@ import { useTheme } from "@/composables/useTheme";
 import { debounce } from "lodash-es";
 import searchState from "@/composables/useLogs/searchState";
 import { useNLQuery } from "@/composables/useNLQuery";
-import { useI18nTyped, raw } from "@/types/i18n";
+import { type I18nText, useI18nTyped, raw } from "@/types/i18n";
 import useNotifications from "@/composables/useNotifications";
 import { getImageURL } from "@/utils/zincutils";
 import { isAuthError } from "@/utils/authErrors";
@@ -168,8 +169,8 @@ export default defineComponent({
       default: false,
     },
     disableAiReason: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
   },
   emits: [
diff --git a/web/src/components/ConfirmDialogProvider.vue b/web/src/components/ConfirmDialogProvider.vue
index 833d285124..487be5ff4b 100644
--- a/web/src/components/ConfirmDialogProvider.vue
+++ b/web/src/components/ConfirmDialogProvider.vue
@@ -7,8 +7,8 @@
     data-test="confirm-dialog-provider"
     size="sm"
     :title="currentDialog.title"
-    :primary-button-label="currentDialog.confirmLabel || t('common.ok')"
-    :secondary-button-label="currentDialog.cancelLabel || t('common.cancel')"
+    :primary-button-label="raw(currentDialog.confirmLabel) || t('common.ok')"
+    :secondary-button-label="raw(currentDialog.cancelLabel) || t('common.cancel')"
     :persistent="currentDialog.persistent ?? true"
     @click:primary="handleConfirm"
     @click:secondary="handleCancel"
@@ -21,7 +21,7 @@
 <script setup lang="ts">
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import { useConfirmDialog } from "@/composables/useConfirmDialog";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 const { currentDialog, handleConfirm, handleCancel, handleUpdateOpen } = useConfirmDialog();
 
diff --git a/web/src/components/CopyContent.spec.ts b/web/src/components/CopyContent.spec.ts
index 6082ff72c0..54a3c20063 100644
--- a/web/src/components/CopyContent.spec.ts
+++ b/web/src/components/CopyContent.spec.ts
@@ -31,7 +31,14 @@ const mockStore = createStore({
 const mockI18n = createI18n({
   locale: "en",
   messages: {
-    en: {},
+    // The component passes t("common.*") messages to copyToClipboard, so
+    // mounts using this mock need the keys or t() echoes the key path.
+    en: {
+      common: {
+        contentCopiedSuccessfully: "Content Copied Successfully!",
+        copyContentError: "Error while copying content.",
+      },
+    },
   },
 });
 
@@ -119,7 +126,7 @@ describe("CopyContent.vue Branch Coverage", () => {
         expect.any(Function),
         {
           successMessage: "Content Copied Successfully!",
-          errorMessage: "Error while copy content.",
+          errorMessage: "Error while copying content.",
           timeout: 5000,
         },
       );
@@ -153,7 +160,7 @@ describe("CopyContent.vue Branch Coverage", () => {
         expect.any(Function),
         {
           successMessage: "Content Copied Successfully!",
-          errorMessage: "Error while copy content.",
+          errorMessage: "Error while copying content.",
           timeout: 5000,
         },
       );
@@ -323,7 +330,7 @@ describe("CopyContent.vue Branch Coverage", () => {
         expect.any(Function),
         {
           successMessage: "Content Copied Successfully!",
-          errorMessage: "Error while copy content.",
+          errorMessage: "Error while copying content.",
           timeout: 5000,
         },
       );
diff --git a/web/src/components/CopyContent.vue b/web/src/components/CopyContent.vue
index 316b4cd8cd..1eaceedd2f 100644
--- a/web/src/components/CopyContent.vue
+++ b/web/src/components/CopyContent.vue
@@ -37,8 +37,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 // @ts-nocheck
-import { defineComponent, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { defineComponent, ref, type PropType } from "vue";
+import { type I18nText, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { copyToClipboard } from "@/utils/clipboard";
 import { maskText, b64EncodeStandard } from "../utils/zincutils";
@@ -51,7 +51,7 @@ export default defineComponent({
   components: { OButton, OIcon, OTooltip },
   props: {
     content: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       default: "", // Default value for content prop (empty string in this case)
     },
     displayContent: {
@@ -88,8 +88,8 @@ export default defineComponent({
     const copyToClipboardFn = () => {
       const content = replaceValues(props.content, false);
       copyToClipboard(content, t, {
-        successMessage: "Content Copied Successfully!",
-        errorMessage: "Error while copy content.",
+        successMessage: t("common.contentCopiedSuccessfully"),
+        errorMessage: t("common.copyContentError"),
         timeout: 5000,
       });
     };
diff --git a/web/src/components/CustomDateTimePicker.vue b/web/src/components/CustomDateTimePicker.vue
index 27870c5a05..7cdb22c4d9 100644
--- a/web/src/components/CustomDateTimePicker.vue
+++ b/web/src/components/CustomDateTimePicker.vue
@@ -98,7 +98,7 @@ import ODropdown from "@/lib/overlay/Dropdown/ODropdown.vue";
 import type { DropdownAlign } from "@/lib/overlay/Dropdown/ODropdown.types";
 import { ref, reactive, watch, computed } from "vue";
 import type { PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
@@ -106,7 +106,7 @@ const { t } = useI18nTyped();
 type PeriodKey = "s" | "m" | "h" | "d" | "w" | "M";
 
 interface RelativePeriod {
-  label: string;
+  label: I18nText;
   value: PeriodKey;
 }
 
@@ -137,7 +137,7 @@ const picker = reactive({
       relative: {
         value: 0,
         period: "m",
-        label: "Minutes",
+        label: t("common.minutes"),
       },
     },
   },
@@ -145,12 +145,12 @@ const picker = reactive({
 
 // Periods for selection
 const relativePeriods: RelativePeriod[] = [
-  { label: "Seconds", value: "s" },
-  { label: "Minutes", value: "m" },
-  { label: "Hours", value: "h" },
-  { label: "Days", value: "d" },
-  { label: "Weeks", value: "w" },
-  { label: "Months", value: "M" },
+  { label: t("common.seconds"), value: "s" },
+  { label: t("common.minutes"), value: "m" },
+  { label: t("common.hours"), value: "h" },
+  { label: t("common.days"), value: "d" },
+  { label: t("common.weeks"), value: "w" },
+  { label: t("common.months"), value: "M" },
 ];
 
 const relativeDates: Record<PeriodKey, number[]> = {
@@ -164,18 +164,18 @@ const relativeDates: Record<PeriodKey, number[]> = {
 
 // Options for custom period input
 const relativePeriodsSelect = ref([
-  { label: "Seconds", value: "s" },
-  { label: "Minutes", value: "m" },
-  { label: "Hours", value: "h" },
-  { label: "Days", value: "d" },
-  { label: "Weeks", value: "w" },
-  { label: "Months", value: "M" },
+  { label: t("common.seconds"), value: "s" },
+  { label: t("common.minutes"), value: "m" },
+  { label: t("common.hours"), value: "h" },
+  { label: t("common.days"), value: "d" },
+  { label: t("common.weeks"), value: "w" },
+  { label: t("common.months"), value: "M" },
 ]);
 
 // Function to map period values to their labels
 const getPeriodLabelFromValue = (periodValue: SelectModelValue | string) => {
   const period = relativePeriods.find((p) => p.value === periodValue);
-  return period ? period.label : "Minutes";
+  return period ? period.label : t("common.minutes");
 };
 
 // Watch modelValue to reflect the correct offset when passed in from parent
@@ -212,13 +212,20 @@ const updateCustomPeriod = (newPeriod: SelectModelValue | string) => {
   emit("update:modelValue", `${picker.data.selectedDate.relative.value}${newPeriod}`);
 };
 
-// Display the current selected offset
+// Display the current selected offset. Built from a parameterised message
+// rather than concatenation — word order around the value differs by language.
 const getDisplayValue = () => {
-  return `${picker.data.selectedDate.relative.value} ${picker.data.selectedDate.relative.label} ago`;
+  return t("common.relativeTimeAgo", {
+    value: picker.data.selectedDate.relative.value,
+    unit: picker.data.selectedDate.relative.label,
+  });
 };
 
 const getTrimmedDisplayValue = () => {
-  return `Past ${picker.data.selectedDate.relative.value} ${picker.data.selectedDate.relative.label}`;
+  return t("common.relativeTimePast", {
+    value: picker.data.selectedDate.relative.value,
+    unit: picker.data.selectedDate.relative.label,
+  });
 };
 
 // Check if the current selection matches the modelValue
@@ -234,7 +241,7 @@ const getPeriodLabel = () => {
   const selectedPeriod = relativePeriods.find(
     (p) => p.value === picker.data.selectedDate.relative.period,
   );
-  return selectedPeriod ? selectedPeriod.label : "Minutes";
+  return selectedPeriod ? selectedPeriod.label : t("common.minutes");
 };
 
 const computedClass = computed(() => {
diff --git a/web/src/components/DateTime.vue b/web/src/components/DateTime.vue
index dcc092aa7c..1975938572 100644
--- a/web/src/components/DateTime.vue
+++ b/web/src/components/DateTime.vue
@@ -140,7 +140,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         side="right"
                         align="center"
                         max-width="300px"
-                        :content="queryRangeRestrictionMsg"
+                        :content="raw(queryRangeRestrictionMsg)"
                       />
                     </OButton>
                   </div>
@@ -155,7 +155,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     align="center"
                     max-width="300px"
                     v-if="queryRangeRestrictionInHour > 0"
-                    :content="queryRangeRestrictionMsg"
+                    :content="raw(queryRangeRestrictionMsg)"
                   />
 
                   <div class="flex min-w-0 flex-1 gap-2">
@@ -195,7 +195,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   align="center"
                   max-width="300px"
                   v-if="queryRangeRestrictionInHour > 0"
-                  :content="queryRangeRestrictionMsg"
+                  :content="raw(queryRangeRestrictionMsg)"
                 />
                 <div class="flex justify-center px-3 py-2">
                   <ODateRangeCalendar
@@ -315,7 +315,7 @@ import {
 import { copyToClipboard } from "@/utils/clipboard";
 import { toast } from "@/lib/feedback/Toast/useToast";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { toZonedTime, fromZonedTime } from "date-fns-tz";
 
 interface ConsumableDateTime {
@@ -466,7 +466,7 @@ export default defineComponent({
     const isTimezoneSelectOpen = ref(false);
 
     const timezoneSelectOptions = computed(() =>
-      timezoneOptions.map((tz: string) => ({ label: tz, value: tz })),
+      timezoneOptions.map((tz: string) => ({ label: raw(tz), value: tz })),
     );
 
     let relativePeriods = [
@@ -1283,6 +1283,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       menuOpen,
       onMenuOpenChange,
diff --git a/web/src/components/MenuLink.vue b/web/src/components/MenuLink.vue
index 4c4314ed9c..5331befd63 100644
--- a/web/src/components/MenuLink.vue
+++ b/web/src/components/MenuLink.vue
@@ -67,11 +67,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, inject } from "vue";
+import { defineComponent, computed, inject, type PropType } from "vue";
 import { useStore } from "vuex";
 import { useRouter, RouterLink } from "vue-router";
 import { useTheme } from "@/composables/useTheme";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import { RailIndicatorActiveKey } from "@/lib/core/Navbar/ONavbar.types";
 
@@ -80,13 +80,13 @@ export default defineComponent({
   components: { OIcon },
   props: {
     title: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: true,
     },
 
     caption: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
 
     link: {
diff --git a/web/src/components/O2AIChat.vue b/web/src/components/O2AIChat.vue
index 658ad269a0..15f5116271 100644
--- a/web/src/components/O2AIChat.vue
+++ b/web/src/components/O2AIChat.vue
@@ -31,7 +31,7 @@
                         :sideOffset="8"
                         side="bottom"
                         align="center"
-                        :content="displayedTitle"
+                        :content="raw(displayedTitle)"
                       />
                     </span>
                     <OIcon name="arrow-drop-down" size="md" class="flex-shrink-0" />
@@ -220,7 +220,7 @@
         v-model:open="showImagePreview"
         @update:open="(v) => !v && closeImagePreview()"
         size="lg"
-        :title="previewImage?.filename"
+        :title="raw(previewImage?.filename)"
       >
         <div class="flex justify-center">
           <img
@@ -1018,7 +1018,7 @@
                         class="rounded-default border-border-default max-h-37.5 max-w-50 cursor-pointer border object-contain [transition:transform_0.2s_ease,box-shadow_0.2s_ease] hover:scale-102 hover:shadow-[0_4px_12px_color-mix(in_srgb,var(--color-black)_15%,transparent)]"
                         @click="openImagePreview(img)"
                       />
-                      <OTooltip :content="img.filename" />
+                      <OTooltip :content="raw(img.filename)" />
                     </div>
                   </div>
                   <template v-for="(block, blockIndex) in message.blocks" :key="'fb-' + blockIndex">
@@ -1292,7 +1292,7 @@
           <RichTextInput
             ref="chatInput"
             v-model="inputMessage"
-            :placeholder="inputPlaceholder"
+            :placeholder="raw(inputPlaceholder)"
             :disabled="isLoading"
             :theme="store.state.theme"
             :references="contextReferences"
@@ -1391,7 +1391,7 @@ import {
   computed,
   onUnmounted,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRouter, useRoute } from "vue-router";
 import { useTypewriterPlaceholder } from "@/components/ai-assistant/welcome/useTypewriterPlaceholder";
 import hljs from "highlight.js";
@@ -1652,7 +1652,7 @@ export default defineComponent({
     const pendingConfirmation = ref<{
       tool: string;
       args: Record<string, any>;
-      message: string;
+      message: I18nText;
       navAction?: NavigationAction;
     } | null>(null);
 
@@ -1695,7 +1695,7 @@ export default defineComponent({
     // Active tool call state - for showing tool progress outside message box
     const activeToolCall = ref<{
       tool: string;
-      message: string;
+      message: I18nText;
       context: Record<string, any>;
       call_id?: string;
     } | null>(null);
@@ -2035,7 +2035,9 @@ export default defineComponent({
                 }
               }
               // Keep partial content but indicate it was cancelled
-              lastMessage.content += "\n\n_[Response stopped by user]_";
+              lastMessage.content = raw(
+                lastMessage.content + "\n\n_[" + t("aiAssistant.responseStoppedByUser") + "]_",
+              );
             }
           }
         }
@@ -2053,10 +2055,10 @@ export default defineComponent({
             // Tools ran before any text, so place them ahead of it.
             lastMessage.contentBlocks.unshift(...pendingToolCalls.value);
           } else {
-            const stoppedNote = "_[Response stopped by user]_";
+            const stoppedNote = `_[${t("aiAssistant.responseStoppedByUser")}]_`;
             chatMessages.value.push({
               role: "assistant",
-              content: stoppedNote,
+              content: raw(stoppedNote),
               contentBlocks: [...pendingToolCalls.value, { type: "text", text: stoppedNote }],
             });
           }
@@ -2217,7 +2219,7 @@ export default defineComponent({
         chatMessages.value = [
           {
             role: "assistant",
-            content: "Error: Unable to connect to backend",
+            content: t("aiAssistant.backendConnectionError"),
           },
         ];
         console.error("Error fetching initial message:", error);
@@ -2445,7 +2447,7 @@ export default defineComponent({
                     } else {
                       msgs.push({
                         role: "assistant",
-                        content: "",
+                        content: raw(""),
                         contentBlocks: [...pendingToolCalls.value, confirmBlock],
                       });
                       pendingToolCalls.value = [];
@@ -2533,7 +2535,7 @@ export default defineComponent({
                     if (!lastMessage || lastMessage.role !== "assistant") {
                       msgs.push({
                         role: "assistant",
-                        content: errorMessage,
+                        content: raw(errorMessage),
                         contentBlocks: [
                           ...pendingToolCalls.value,
                           { type: "text", text: errorMessage },
@@ -2543,9 +2545,9 @@ export default defineComponent({
                     } else {
                       // Append error to existing message
                       if (lastMessage.content) {
-                        lastMessage.content += "\n\n" + errorMessage;
+                        lastMessage.content = raw(lastMessage.content + "\n\n" + errorMessage);
                       } else {
-                        lastMessage.content = errorMessage;
+                        lastMessage.content = raw(errorMessage);
                       }
                       if (!lastMessage.contentBlocks) {
                         lastMessage.contentBlocks = [];
@@ -2607,7 +2609,7 @@ export default defineComponent({
                       } else {
                         msgs.push({
                           role: "assistant",
-                          content: "",
+                          content: raw(""),
                           contentBlocks: [...pendingToolCalls.value],
                         });
                       }
@@ -2772,7 +2774,7 @@ export default defineComponent({
                       } else {
                         msgs.push({
                           role: "assistant",
-                          content: "",
+                          content: raw(""),
                           contentBlocks: [...pendingToolCalls.value, confirmBlock],
                         });
                         pendingToolCalls.value = [];
@@ -2835,7 +2837,7 @@ export default defineComponent({
                     } else {
                       msgs.push({
                         role: "assistant",
-                        content: "",
+                        content: raw(""),
                         contentBlocks: [...pendingToolCalls.value, errorBlock],
                       });
                       pendingToolCalls.value = [];
@@ -2916,7 +2918,7 @@ export default defineComponent({
                       // Create new assistant message with pending tool calls + text
                       msgs.push({
                         role: "assistant",
-                        content: streamingMsg,
+                        content: raw(streamingMsg),
                         contentBlocks: [
                           ...pendingToolCalls.value,
                           { type: "text", text: textSegment },
@@ -2927,7 +2929,7 @@ export default defineComponent({
                       await throttledSaveCtx(true);
                     } else {
                       // Update existing assistant message's total content
-                      lastMessage.content = streamingMsg;
+                      lastMessage.content = raw(streamingMsg);
 
                       // Update or add text block in contentBlocks
                       if (!lastMessage.contentBlocks) {
@@ -3053,7 +3055,7 @@ export default defineComponent({
                   if (!lastMessage || lastMessage.role !== "assistant") {
                     msgs.push({
                       role: "assistant",
-                      content: errorMessage,
+                      content: raw(errorMessage),
                       contentBlocks: [
                         ...pendingToolCalls.value,
                         { type: "text", text: errorMessage },
@@ -3062,9 +3064,9 @@ export default defineComponent({
                     pendingToolCalls.value = [];
                   } else {
                     if (lastMessage.content) {
-                      lastMessage.content += "\n\n" + errorMessage;
+                      lastMessage.content = raw(lastMessage.content + "\n\n" + errorMessage);
                     } else {
-                      lastMessage.content = errorMessage;
+                      lastMessage.content = raw(errorMessage);
                     }
                     if (!lastMessage.contentBlocks) {
                       lastMessage.contentBlocks = [];
@@ -3215,7 +3217,7 @@ export default defineComponent({
                   } else {
                     msgs.push({
                       role: "assistant",
-                      content: "",
+                      content: raw(""),
                       contentBlocks: [...pendingToolCalls.value, errorBlock],
                     });
                     pendingToolCalls.value = [];
@@ -3280,7 +3282,7 @@ export default defineComponent({
                   if (!lastMessage || lastMessage.role !== "assistant") {
                     msgs.push({
                       role: "assistant",
-                      content: streamingMsg,
+                      content: raw(streamingMsg),
                       contentBlocks: [
                         ...pendingToolCalls.value,
                         { type: "text", text: textSegment },
@@ -3289,7 +3291,7 @@ export default defineComponent({
                     pendingToolCalls.value = [];
                     await throttledSaveCtx(true);
                   } else {
-                    lastMessage.content = streamingMsg;
+                    lastMessage.content = raw(streamingMsg);
 
                     if (!lastMessage.contentBlocks) {
                       lastMessage.contentBlocks = [];
@@ -3481,7 +3483,7 @@ export default defineComponent({
       {
         id: "aiChatClose",
         key: "escape",
-        description: "Close AI chat",
+        description: t("shortcuts.actions.aiChatClose"),
         // Escape must close the chat even while typing a message in its input.
         allowInInput: true,
         handler: () => {
@@ -3496,7 +3498,7 @@ export default defineComponent({
         id: "aiChatExpand",
         key: "ctrl+b",
         keyForMac: "meta+b",
-        description: "Expand/collapse AI chat",
+        description: t("shortcuts.actions.aiChatExpand"),
         handler: toggleExpand,
       },
     ]);
@@ -3762,10 +3764,14 @@ export default defineComponent({
           target.functionContent = vrlFunction;
         }
 
+        const streamLabel =
+          { logs: t("common.logs"), metrics: t("common.metrics"), traces: t("common.traces") }[
+            streamType as string
+          ] ?? raw(streamType.charAt(0).toUpperCase() + streamType.slice(1));
         return {
           resource_type: streamType,
           action: "load_query",
-          label: `View in ${streamType.charAt(0).toUpperCase() + streamType.slice(1)}`,
+          label: t("aiAssistant.viewInTarget", { target: streamLabel }),
           target,
         };
       }
@@ -3866,7 +3872,9 @@ export default defineComponent({
       return {
         resource_type: resourceType,
         action: "navigate_direct",
-        label: `View ${resourceType.charAt(0).toUpperCase() + resourceType.slice(1)}`,
+        label: t("aiAssistant.viewTarget", {
+          target: resourceType.charAt(0).toUpperCase() + resourceType.slice(1),
+        }),
         target,
       };
     };
@@ -3989,22 +3997,22 @@ export default defineComponent({
       setTimeout(async () => {
         try {
           // Add success message AFTER navigation completes
-          const successMessage = `Successfully navigated to ${pageName}`;
+          const successMessage = t("aiAssistant.navigatedTo", { page: pageName });
           let lastMessage = chatMessages.value[chatMessages.value.length - 1];
 
           if (!lastMessage || lastMessage.role !== "assistant") {
             // Create new assistant message
             chatMessages.value.push({
               role: "assistant",
-              content: successMessage,
+              content: raw(successMessage),
               contentBlocks: [{ type: "text", text: successMessage }],
             });
           } else {
             // Append to existing assistant message
             if (lastMessage.content) {
-              lastMessage.content += "\n\n" + successMessage;
+              lastMessage.content = raw(lastMessage.content + "\n\n" + successMessage);
             } else {
-              lastMessage.content = successMessage;
+              lastMessage.content = raw(successMessage);
             }
             if (!lastMessage.contentBlocks) {
               lastMessage.contentBlocks = [];
@@ -4161,7 +4169,7 @@ export default defineComponent({
       // But we'll use backendMessage for the API call
       chatMessages.value.push({
         role: "user",
-        content: backendMessage, // Use backend message with full context
+        content: raw(backendMessage), // Use backend message with full context
         ...(hasImages && { images: messagesToSend }),
       });
       inputMessage.value = "";
@@ -4280,7 +4288,7 @@ export default defineComponent({
         }
         chatMessages.value.push({
           role: "assistant",
-          content: errorMessage,
+          content: raw(errorMessage),
         });
         await saveToHistory(); // Save after error
       }
@@ -5639,6 +5647,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       inputMessage,
       chatMessages,
       isLoading,
diff --git a/web/src/components/O2AIConfirmDialog.vue b/web/src/components/O2AIConfirmDialog.vue
index 3ea31e0431..2cafd92b16 100644
--- a/web/src/components/O2AIConfirmDialog.vue
+++ b/web/src/components/O2AIConfirmDialog.vue
@@ -88,7 +88,7 @@
             @click="handleConfirm"
             @focus="handleYesFocus"
             @blur="handleYesBlur"
-            >{{ confirmLabel }}</OButton
+            >{{ resolvedConfirmLabel }}</OButton
           >
           <OButton
             ref="noButtonRef"
@@ -104,7 +104,7 @@
             @click="handleCancel"
             @focus="handleNoFocus"
             @blur="handleNoBlur"
-            >{{ cancelLabel }}</OButton
+            >{{ resolvedCancelLabel }}</OButton
           >
         </template>
       </div>
@@ -114,31 +114,34 @@
 
 <script setup lang="ts">
 import { ref, watch, nextTick, computed, onMounted, onUnmounted } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 
 interface ConfirmationData {
   tool?: string;
   args?: Record<string, any>;
-  message?: string;
+  message?: I18nText;
 }
 
 interface Props {
   visible: boolean;
   confirmation: ConfirmationData | null;
-  confirmLabel?: string;
-  cancelLabel?: string;
+  confirmLabel?: I18nText;
+  cancelLabel?: I18nText;
 }
 
 const { t } = useI18nTyped();
 
 const props = withDefaults(defineProps<Props>(), {
-  confirmLabel: "Yes",
-  cancelLabel: "No",
   confirmation: null,
 });
 
+// Render-time defaults so the labels stay locale-reactive; a withDefaults
+// literal would freeze the English text.
+const resolvedConfirmLabel = computed(() => props.confirmLabel ?? t("common.yes"));
+const resolvedCancelLabel = computed(() => props.cancelLabel ?? t("common.no"));
+
 const emit = defineEmits<{
   confirm: [];
   cancel: [];
diff --git a/web/src/components/OrganizationSelector.vue b/web/src/components/OrganizationSelector.vue
index 4c7c110f4e..6a1b28d27b 100644
--- a/web/src/components/OrganizationSelector.vue
+++ b/web/src/components/OrganizationSelector.vue
@@ -30,7 +30,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useVirtualizer } from "@tanstack/vue-virtual";
 import ODropdown from "@/lib/overlay/Dropdown/ODropdown.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -39,7 +39,7 @@ import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
 import { copyToClipboard } from "@/utils/clipboard";
 
 interface OrgOption {
-  label: string;
+  label: I18nText;
   identifier: string;
   [key: string]: any;
 }
diff --git a/web/src/components/QueryEditor.vue b/web/src/components/QueryEditor.vue
index 0ca47823f1..34df87c718 100644
--- a/web/src/components/QueryEditor.vue
+++ b/web/src/components/QueryEditor.vue
@@ -140,7 +140,7 @@
 <script setup lang="ts">
 import { ref, computed, watch } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useTheme } from "@/composables/useTheme";
 import CodeQueryEditor from "@/components/CodeQueryEditor.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -177,9 +177,9 @@ interface Props {
   editorHeight?: string;
   hideNlToggle?: boolean; // Hide floating AI icon (for pages that don't want AI)
   disableAi?: boolean; // Disable AI send (e.g. no stream selected)
-  disableAiReason?: string; // Tooltip reason when AI is disabled
-  aiPlaceholder?: string; // Custom placeholder for AI input (default: 'search.askAIPlaceholder')
-  aiTooltip?: string; // Custom tooltip for AI send button (default: 'search.enterPrompt')
+  disableAiReason?: I18nText; // Tooltip reason when AI is disabled
+  aiPlaceholder?: I18nText; // Custom placeholder for AI input (default: 'search.askAIPlaceholder')
+  aiTooltip?: I18nText; // Custom tooltip for AI send button (default: 'search.enterPrompt')
   hasExpandButton?: boolean; // Reserve right padding so AI bar close btn doesn't overlap the expand btn
 
   // Testing
@@ -199,7 +199,7 @@ const props = withDefaults(defineProps<Props>(), {
   editorHeight: "200px",
   hideNlToggle: false,
   disableAi: false,
-  disableAiReason: "",
+  disableAiReason: raw(""),
   hasExpandButton: false,
   dataTestPrefix: "query-editor",
 });
@@ -368,7 +368,7 @@ const handleAIGenerate = async () => {
   currentAbortController.value = new AbortController();
 
   // Track user message for chat history
-  chatMessages.value.push({ role: "user", content: userInput });
+  chatMessages.value.push({ role: "user", content: raw(userInput) });
 
   // Call the CodeQueryEditor's handleGenerateSQL method with abort + session
   if (editorRef.value && typeof editorRef.value.handleGenerateSQL === "function") {
diff --git a/web/src/components/QueryPlanDialog.vue b/web/src/components/QueryPlanDialog.vue
index 7d20eab846..1e5e18102b 100644
--- a/web/src/components/QueryPlanDialog.vue
+++ b/web/src/components/QueryPlanDialog.vue
@@ -86,7 +86,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             </div>
 
             <div v-else-if="error" class="p-4">
-              <OBanner variant="error" icon="error" :content="error" />
+              <OBanner variant="error" icon="error" :content="raw(error)" />
             </div>
 
             <!-- EXPLAIN ANALYZE view -->
@@ -180,7 +180,7 @@ import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import { defineComponent, ref, computed, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import streamingSearch from "@/services/streaming_search";
 import { useSearchStream } from "@/composables/useLogs/useSearchStream";
@@ -596,6 +596,7 @@ export default defineComponent({
     );
 
     return {
+      raw,
       t,
       showDialog,
       loading,
diff --git a/web/src/components/RichTextInput.vue b/web/src/components/RichTextInput.vue
index 756410fefa..7d43d2a4e6 100644
--- a/web/src/components/RichTextInput.vue
+++ b/web/src/components/RichTextInput.vue
@@ -14,7 +14,7 @@
       class="rich-text-input text-text-body relative max-h-75 min-h-10 overflow-y-auto text-sm leading-[1.6] break-words whitespace-pre-wrap outline-none"
       :class="disabled ? 'cursor-not-allowed' : ''"
       contenteditable="true"
-      :data-placeholder="placeholder"
+      :data-placeholder="resolvedPlaceholder"
       @input="handleInput"
       @keydown="handleKeyDown"
       @paste="handlePaste"
@@ -42,7 +42,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted, watch, nextTick, PropType } from "vue";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
+import { computed, defineComponent, ref, onMounted, watch, nextTick, PropType } from "vue";
 
 export interface ReferenceChip {
   id: string;
@@ -63,8 +64,9 @@ export default defineComponent({
       default: "",
     },
     placeholder: {
-      type: String,
-      default: "Write your prompt",
+      type: String as unknown as PropType<I18nText>,
+      // Resolved in setup so the fallback is translated, not frozen at load.
+      default: undefined,
     },
     disabled: {
       type: Boolean,
@@ -87,6 +89,8 @@ export default defineComponent({
   },
   emits: ["update:modelValue", "keydown", "submit", "focus", "blur", "update:references"],
   setup(props, { emit }) {
+    const { t } = useI18nTyped();
+    const resolvedPlaceholder = computed(() => props.placeholder ?? t("common.writeYourPrompt"));
     const editableDiv = ref<HTMLDivElement | null>(null);
     const isFocused = ref(false);
     const localReferences = ref<ReferenceChip[]>([...props.references]);
@@ -614,6 +618,7 @@ export default defineComponent({
     });
 
     return {
+      resolvedPlaceholder,
       editableDiv,
       isFocused,
       handleInput,
diff --git a/web/src/components/ThemeSwitcher.vue b/web/src/components/ThemeSwitcher.vue
index 8bd650a364..b82203214c 100644
--- a/web/src/components/ThemeSwitcher.vue
+++ b/web/src/components/ThemeSwitcher.vue
@@ -29,14 +29,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         class="size-5!"
       />
     </Transition>
-    <OTooltip side="top" align="center" :content="tooltipText" />
+    <OTooltip side="top" align="center" :content="raw(tooltipText)" />
   </OButton>
 </template>
 
 <script lang="ts">
 import { ref, watch, onMounted, computed, defineComponent } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -112,6 +112,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       store,
       darkMode,
       tooltipText,
diff --git a/web/src/components/WebinarBanner.vue b/web/src/components/WebinarBanner.vue
index 0f2897f79d..aae9bb1e0c 100644
--- a/web/src/components/WebinarBanner.vue
+++ b/web/src/components/WebinarBanner.vue
@@ -128,7 +128,7 @@ import { ref, computed, onMounted, watch } from "vue";
 import { useStore } from "vuex";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 
 const store = useStore();
 const { t } = useI18nTyped();
@@ -149,7 +149,7 @@ interface WebinarData {
   id: number;
   documentId: string;
   tag: string;
-  title: string;
+  title: I18nText;
   date: string;
   primaryButton: PrimaryButton;
 }
diff --git a/web/src/components/actionScripts/EditScript.vue b/web/src/components/actionScripts/EditScript.vue
index 3e7cb9d49f..6332aa0e12 100644
--- a/web/src/components/actionScripts/EditScript.vue
+++ b/web/src/components/actionScripts/EditScript.vue
@@ -409,7 +409,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import { ref, nextTick, onMounted, watch } from "vue";
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import {
   getUUID,
@@ -484,11 +484,11 @@ const formData = ref(defaultActionScript);
 
 const actionTypes = [
   {
-    label: "Scheduled",
+    label: t("home.scheduledAlert"),
     value: "scheduled",
   },
   {
-    label: "Real Time",
+    label: t("actions.realTime"),
     value: "service",
   },
 ];
@@ -502,11 +502,11 @@ const dialog = ref({
 
 const frequencyTabs = [
   {
-    label: "Cron Job",
+    label: t("actions.cronJob"),
     value: "repeat",
   },
   {
-    label: "Once",
+    label: t("reports.frequencyOnce"),
     value: "once",
   },
 ];
@@ -980,7 +980,7 @@ const handleActionScript = async () => {
   }
 };
 
-const filteredServiceAccounts: Ref<{ label: string; value: string }[]> = ref([]);
+const filteredServiceAccounts: Ref<{ label: I18nText; value: string }[]> = ref([]);
 const isFetchingServiceAccounts = ref(false);
 
 const serviceAccountsOptions: any[] = [];
diff --git a/web/src/components/ai-assistant/welcome/useGreeting.ts b/web/src/components/ai-assistant/welcome/useGreeting.ts
index ec8aecb968..21fc0a577f 100644
--- a/web/src/components/ai-assistant/welcome/useGreeting.ts
+++ b/web/src/components/ai-assistant/welcome/useGreeting.ts
@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nKey } from "@/types/i18n";
 
 /**
  * Builds a time-of-day greeting using the user's local timezone.
@@ -27,7 +27,10 @@ export function useGreeting(email: () => string | undefined) {
   });
 
   const greeting = computed(() => {
-    const key = `aiAssistant.greeting.${period.value}`;
+    // Annotated so the built key is checked against I18nKey: `period` is a
+    // literal union, so TS expands this to the four real keys and a rename or
+    // deletion of any of them fails the build instead of rendering the path.
+    const key: I18nKey = `aiAssistant.greeting.${period.value}`;
     const phrase = t(key);
     return displayName.value ? `${phrase}, ${displayName.value}` : phrase;
   });
diff --git a/web/src/components/ai_toolsets/AddAiToolset.vue b/web/src/components/ai_toolsets/AddAiToolset.vue
index b4265e9417..3693184d26 100644
--- a/web/src/components/ai_toolsets/AddAiToolset.vue
+++ b/web/src/components/ai_toolsets/AddAiToolset.vue
@@ -78,7 +78,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <div class="o2-input mb-4">
               <!-- eslint-disable vue/no-bare-strings-in-template -- example URL format, not translatable content -->
               <OFormInput
-                placeholder="https://api.example.com/mcp/"
+                :placeholder="raw('https://api.example.com/mcp/')"
                 data-test="ai-toolset-mcp-url"
                 name="mcp.url"
                 :label="t('aiToolset.mcpUrl')"
@@ -154,7 +154,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <div class="o2-input mb-4">
               <!-- eslint-disable vue/no-bare-strings-in-template -- example CLI command name, not translatable content -->
               <OFormInput
-                placeholder="kubectl"
+                :placeholder="raw('kubectl')"
                 data-test="ai-toolset-cli-command"
                 name="cli.command"
                 :label="t('aiToolset.cliCommand')"
@@ -166,7 +166,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <div class="o2-input mb-4">
               <!-- eslint-disable vue/no-bare-strings-in-template -- example CLI subcommand names, not translatable content -->
               <OFormInput
-                placeholder="get, describe, logs"
+                :placeholder="raw('get, describe, logs')"
                 name="cli.allowed_subcommands_raw"
                 :label="t('aiToolset.allowedSubcommands')"
                 :helpText="t('aiToolset.subcommandsHint')"
@@ -246,7 +246,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 <OFormInput
                   :name="`cli.credFiles[${idx}].key`"
                   :label="t('aiToolset.credEnvVar')"
-                  helpText="e.g. KUBECONFIG"
+                  :helpText="raw('e.g. KUBECONFIG')"
                   class="o2-input w-48"
                 />
                 <OButton
@@ -329,7 +329,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { defineAsyncComponent, defineComponent, ref, computed, onMounted } from "vue";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import aiToolsetsService from "@/services/ai_toolsets";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -378,9 +378,9 @@ export default defineComponent({
     const isEditing = ref(false);
 
     const kindOptions = [
-      { label: "MCP Server", value: "mcp" },
-      { label: "CLI Tool", value: "cli" },
-      { label: "Skill", value: "skill" },
+      { label: t("aiToolset.kindMcp"), value: "mcp" },
+      { label: t("aiToolset.kindCli"), value: "cli" },
+      { label: t("aiToolset.kindSkill"), value: "skill" },
     ];
 
     // -----------------------------------------------------------------------
@@ -445,7 +445,7 @@ export default defineComponent({
       try {
         if (isEditing.value && editingId.value) {
           await aiToolsetsService.update(org, editingId.value, {
-            description: value.description || undefined,
+            description: value.description ? raw(value.description) : undefined,
             data,
           });
           toast({
@@ -456,7 +456,7 @@ export default defineComponent({
           await aiToolsetsService.create(org, {
             name: value.name,
             kind: value.kind as ToolsetKind,
-            description: value.description || undefined,
+            description: value.description ? raw(value.description) : undefined,
             data,
           });
           toast({
@@ -654,6 +654,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       // Exposed for the theme-aware footer background (`store.state.theme`).
       store,
diff --git a/web/src/components/alerts/AddAlert.vue b/web/src/components/alerts/AddAlert.vue
index fb6c9bd8f3..d392da1229 100644
--- a/web/src/components/alerts/AddAlert.vue
+++ b/web/src/components/alerts/AddAlert.vue
@@ -46,7 +46,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               </span>
               <span v-else class="truncate" :title="anomalyConfig.name">
                 {{ anomalyConfig.name }}
-                <OTooltip v-if="anomalyConfig.name?.length > 24" :content="anomalyConfig.name" />
+                <OTooltip
+                  v-if="anomalyConfig.name?.length > 24"
+                  :content="raw(anomalyConfig.name)"
+                />
               </span>
             </template>
           </template>
@@ -525,6 +528,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, computed, watch, provide } from "vue";
 import type { SelectOption } from "@/lib/forms/Select/OSelect.types";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -691,6 +695,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       ...alertForm,
       isAnomalyDetectionEnabled,
       alertTypeOptions,
diff --git a/web/src/components/alerts/AddDestination.vue b/web/src/components/alerts/AddDestination.vue
index 72ff51512f..97ec97a4ac 100644
--- a/web/src/components/alerts/AddDestination.vue
+++ b/web/src/components/alerts/AddDestination.vue
@@ -440,7 +440,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import { ref, computed, onBeforeMount, onActivated, watch } from "vue";
 import type { PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import destinationService from "@/services/alert_destination";
 import { useStore } from "vuex";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -519,7 +519,7 @@ const apiHeaders = form.useStore(
 const isUpdatingDestination = ref(false);
 const isLoadingActions = ref(false);
 const router = useRouter();
-const actionOptions = ref<{ value: string; label: string; type: string }[]>([]);
+const actionOptions = ref<{ value: string; label: I18nText; type: string }[]>([]);
 
 const { getAllActions } = useActions();
 
@@ -895,17 +895,17 @@ const prebuiltTemplateOptions = computed(() => {
     return template.type !== "email";
   });
 
-  const options: { label: string; value: string }[] = [];
+  const options: { label: I18nText; value: string }[] = [];
 
   if (defaultPrebuiltTemplateName.value) {
     const defaultLabel = t("alert_destinations.templateDefaultOption", {
       name: defaultPrebuiltTemplateName.value,
     });
-    options.push({ label: defaultLabel, value: defaultPrebuiltTemplateName.value });
+    options.push({ label: raw(defaultLabel), value: defaultPrebuiltTemplateName.value });
   }
 
   matching.forEach((template) => {
-    options.push({ label: template.name, value: template.name });
+    options.push({ label: raw(template.name), value: template.name });
   });
 
   return options;
diff --git a/web/src/components/alerts/AlertHistory.spec.ts b/web/src/components/alerts/AlertHistory.spec.ts
index ff6efc7fab..abe944a994 100644
--- a/web/src/components/alerts/AlertHistory.spec.ts
+++ b/web/src/components/alerts/AlertHistory.spec.ts
@@ -433,13 +433,15 @@ describe("AlertHistory.vue", () => {
         expect(r.variant, s).toBe("success-soft");
         expect(r.icon, s).toBe("check-circle-outline");
       }
-      expect(resolveBadge("alertState", "ok").label).toBe("Ok");
+      // "Ok" moved from a hardcoded `label` to a translatable `labelKey`,
+      // which OTag resolves via t() (label precedence: prop → labelKey → label).
+      expect(resolveBadge("alertState", "ok").labelKey).toBe("components.badge.alertState.ok");
     });
 
     it("condition_not_satisfied → green 'Ok' (matches the histogram count)", () => {
       const r = resolveBadge("alertState", "condition_not_satisfied");
       expect(r.variant).toBe("success-soft");
-      expect(r.label).toBe("Ok");
+      expect(r.labelKey).toBe("components.badge.alertState.ok");
       expect(r.icon).toBe("check-circle-outline");
     });
 
diff --git a/web/src/components/alerts/AlertHistory.vue b/web/src/components/alerts/AlertHistory.vue
index ba51c7bbae..72a385b632 100644
--- a/web/src/components/alerts/AlertHistory.vue
+++ b/web/src/components/alerts/AlertHistory.vue
@@ -113,7 +113,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               unit="us"
               mode="absolute"
               :timezone="store.state.timezone"
-              empty-label="—"
+              :empty-label="raw('—')"
             />
           </template>
 
@@ -123,7 +123,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               unit="us"
               mode="absolute"
               :timezone="store.state.timezone"
-              empty-label="—"
+              :empty-label="raw('—')"
             />
           </template>
 
@@ -133,7 +133,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               unit="us"
               mode="absolute"
               :timezone="store.state.timezone"
-              empty-label="—"
+              :empty-label="raw('—')"
             />
           </template>
 
@@ -449,7 +449,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { ref, onMounted, watch } from "vue";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { formatDate } from "@/utils/date";
 import DateTime from "@/components/DateTime.vue";
 import OTable from "@/lib/core/Table/OTable.vue";
diff --git a/web/src/components/alerts/AlertHistoryTimeline.vue b/web/src/components/alerts/AlertHistoryTimeline.vue
index da8a393904..d457cdbe46 100644
--- a/web/src/components/alerts/AlertHistoryTimeline.vue
+++ b/web/src/components/alerts/AlertHistoryTimeline.vue
@@ -135,21 +135,23 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { ref, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
-const props = withDefaults(
-  defineProps<{
-    history: Array<{ status: string; timestamp: number }>;
-    // Legend/tooltip wording. Defaults are alert-centric ("Firing"/"Ok");
-    // workflows pass "Failed"/"Success".
-    firingLabel?: string;
-    okLabel?: string;
-  }>(),
-  { firingLabel: "Firing", okLabel: "Ok" },
-);
-const { firingLabel, okLabel } = props;
+const props = defineProps<{
+  history: Array<{ status: string; timestamp: number }>;
+  // Legend/tooltip wording. Defaults are alert-centric ("Firing"/"Ok");
+  // workflows pass "Failed"/"Success".
+  firingLabel?: I18nText;
+  okLabel?: I18nText;
+}>();
+
+// Resolved here rather than as `withDefaults` defaults: a default is evaluated
+// once at module scope, which would freeze the wording in whatever locale
+// happened to be active when the module first loaded.
+const firingLabel = computed(() => props.firingLabel ?? t("alerts.historyTimeline.firing"));
+const okLabel = computed(() => props.okLabel ?? t("alerts.historyTimeline.ok"));
 
 const hoveredIndex = ref<number | null>(null);
 
@@ -167,10 +169,10 @@ function isOk(s: string) {
 
 function normalizeStatus(s: string): string {
   const v = s?.toLowerCase();
-  if (isFiring(v)) return firingLabel;
-  if (isOk(v)) return okLabel;
-  if (v === "skipped") return "Skipped";
-  return s?.replace(/_/g, " ") ?? "Unknown";
+  if (isFiring(v)) return firingLabel.value;
+  if (isOk(v)) return okLabel.value;
+  if (v === "skipped") return t("alerts.historyTimeline.skipped");
+  return s?.replace(/_/g, " ") ?? t("alerts.historyTimeline.unknown");
 }
 
 function blockColor(status: string): string {
diff --git a/web/src/components/alerts/AlertList.vue b/web/src/components/alerts/AlertList.vue
index 66202bfc2c..7cd69caafc 100644
--- a/web/src/components/alerts/AlertList.vue
+++ b/web/src/components/alerts/AlertList.vue
@@ -273,7 +273,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   unit="iso"
                   mode="absolute"
                   :timezone="store.state.timezone"
-                  empty-label="—"
+                  :empty-label="raw('—')"
                 />
               </template>
 
@@ -709,7 +709,7 @@ import { useRouter } from "vue-router";
 import useStreams from "@/composables/useStreams";
 
 import { convertUnixToDateFormat as convertUnixToFormat } from "@/utils/date";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { debounce } from "lodash-es";
 import alertsService from "@/services/alerts";
 import destinationService from "@/services/alert_destination";
@@ -2835,6 +2835,7 @@ export default defineComponent({
     ]);
 
     return {
+      raw,
       t,
       store,
       router,
diff --git a/web/src/components/alerts/AlertTargetsSelect.vue b/web/src/components/alerts/AlertTargetsSelect.vue
index a2ad2e8181..68aeb83c42 100644
--- a/web/src/components/alerts/AlertTargetsSelect.vue
+++ b/web/src/components/alerts/AlertTargetsSelect.vue
@@ -82,13 +82,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 
 interface Option {
-  label: string;
+  label: I18nText;
   value: string;
 }
 // Option lists may be plain strings (destinations = `getFormattedDestinations`
@@ -152,12 +152,12 @@ watch(propsCombined, (next) => {
 // Normalize a raw option (string or {label,value}) to a { name, label } pair.
 // Returns null for anything unusable (see the isFilled note above) so the caller
 // can drop it rather than render a `dest:undefined` row or throw.
-const norm = (o: RawOption): { name: string; label: string } | null => {
+const norm = (o: RawOption): { name: string; label: I18nText } | null => {
   if (!isFilled(o)) return null;
-  if (typeof o === "string") return { name: o, label: o };
+  if (typeof o === "string") return { name: o, label: raw(o) };
   if (!isFilled((o as Option).value)) return null;
   const value = String((o as Option).value);
-  return { name: value, label: (o as Option).label ?? value };
+  return { name: value, label: (o as Option).label ?? raw(value) };
 };
 
 const toTagged = (list: RawOption[] | undefined, tag: string) =>
diff --git a/web/src/components/alerts/CustomConfirmDialog.vue b/web/src/components/alerts/CustomConfirmDialog.vue
index 625b072b37..2f0edca9a1 100644
--- a/web/src/components/alerts/CustomConfirmDialog.vue
+++ b/web/src/components/alerts/CustomConfirmDialog.vue
@@ -19,7 +19,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     data-test="custom-confirm-dialog"
     v-model:open="isVisible"
     size="sm"
-    :title="title"
+    :title="resolvedTitle"
     persistent
     :show-close="false"
     :secondary-button-label="t('common.cancel')"
@@ -34,9 +34,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, watch } from "vue";
+import { computed, defineComponent, ref, watch, type PropType } from "vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 
 export default defineComponent({
   name: "CustomConfirmDialog",
@@ -47,12 +47,14 @@ export default defineComponent({
       default: false,
     },
     title: {
-      type: String,
-      default: "Confirm Action",
+      type: String as unknown as PropType<I18nText>,
+      // Resolved in setup, not here: a literal default would ship untranslated,
+      // and t() at module scope would freeze the copy at page-load locale.
+      default: undefined,
     },
     message: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
   },
   emits: ["update:modelValue", "confirm", "cancel"],
@@ -76,12 +78,16 @@ export default defineComponent({
       emit("cancel");
     };
 
+    const resolvedTitle = computed(() => props.title ?? t("common.confirmAction"));
+
     const onConfirm = () => {
       isVisible.value = false;
       emit("confirm");
     };
 
     return {
+      raw,
+      resolvedTitle,
       isVisible,
       onCancel,
       onConfirm,
diff --git a/web/src/components/alerts/DestinationPreview.vue b/web/src/components/alerts/DestinationPreview.vue
index d0092cbe55..4df5bc3ba3 100644
--- a/web/src/components/alerts/DestinationPreview.vue
+++ b/web/src/components/alerts/DestinationPreview.vue
@@ -17,7 +17,7 @@ limitations under the License.
   <ODialog
     v-model:open="isOpen"
     size="md"
-    :title="`${t('alerts.destinationPreview')} - ${getDestinationTypeName(type)}`"
+    :title="raw(`${t('alerts.destinationPreview')} - ${getDestinationTypeName(type)}`)"
     data-test="destination-preview-dialog"
   >
     <div data-test="destination-preview-card" class="w-full">
@@ -398,7 +398,7 @@ limitations under the License.
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import { copyToClipboard } from "@/utils/clipboard";
@@ -447,8 +447,8 @@ const getDestinationTypeName = (type: string): string => {
 // Copy template to clipboard
 const copyTemplate = () => {
   copyToClipboard(props.templateContent, t, {
-    successMessage: "Template copied to clipboard",
-    errorMessage: "Failed to copy template",
+    successMessage: t("alerts.previewCopyTemplateSuccess"),
+    errorMessage: t("alerts.previewCopyTemplateError"),
     timeout: 2000,
   });
 };
diff --git a/web/src/components/alerts/FieldsInput.vue b/web/src/components/alerts/FieldsInput.vue
index 673aa5f5be..05061356fe 100644
--- a/web/src/components/alerts/FieldsInput.vue
+++ b/web/src/components/alerts/FieldsInput.vue
@@ -138,7 +138,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :placeholder="t('alerts.column')"
               :creatable="props.enableNewValueMode"
               :error="!!fieldErrors[`${field.uuid}-column`]"
-              :error-message="fieldErrors[`${field.uuid}-column`] || ''"
+              :error-message="raw(fieldErrors[`${field.uuid}-column`] || '')"
               data-test="alert-conditions-select-column"
               @create="
                 (val: string) => {
@@ -162,7 +162,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :options="triggerOperators"
               class="min-w-30 py-2"
               :error="!!fieldErrors[`${field.uuid}-operator`]"
-              :error-message="fieldErrors[`${field.uuid}-operator`] || ''"
+              :error-message="raw(fieldErrors[`${field.uuid}-operator`] || '')"
               data-test="alert-conditions-operator-select"
               @update:model-value="
                 (v: any) => {
@@ -180,7 +180,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :placeholder="t('common.value')"
               class="min-w-37.5 py-2"
               :error="!!fieldErrors[`${field.uuid}-value`]"
-              :error-message="fieldErrors[`${field.uuid}-value`] || ''"
+              :error-message="raw(fieldErrors[`${field.uuid}-value`] || '')"
               data-test="alert-conditions-value-input"
               @update:model-value="
                 (v: any) => {
@@ -224,7 +224,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import { ref, computed, reactive, inject } from "vue";
 import type { PropType, Ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OInput from "@/lib/forms/Input/OInput.vue";
diff --git a/web/src/components/alerts/FilterCondition.vue b/web/src/components/alerts/FilterCondition.vue
index 36e7864465..d73ccde48c 100644
--- a/web/src/components/alerts/FilterCondition.vue
+++ b/web/src/components/alerts/FilterCondition.vue
@@ -113,8 +113,8 @@ const props = defineProps({
     required: true,
   },
   label: {
-    type: String,
-    default: "",
+    type: String as unknown as PropType<I18nText>,
+    default: raw(""),
     required: true,
   },
   depth: {
@@ -156,8 +156,8 @@ const props = defineProps({
   },
 });
 
-import { ref, computed, watch, inject } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { ref, computed, watch, inject, type PropType } from "vue";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 
diff --git a/web/src/components/alerts/ImportAlert.vue b/web/src/components/alerts/ImportAlert.vue
index c2d595c3e2..8cd4195259 100644
--- a/web/src/components/alerts/ImportAlert.vue
+++ b/web/src/components/alerts/ImportAlert.vue
@@ -114,7 +114,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       <OInput
                         data-test="alert-import-name-input"
                         :model-value="userSelectedAlertName[index] || ''"
-                        :label="t('alerts.name') + ' *'"
+                        :label="raw(t('alerts.name') + ' *')"
                         :error="!userSelectedAlertName[index]?.toString().trim()"
                         :error-message="t('alerts.validation.fieldRequired')"
                         @update:model-value="
@@ -139,7 +139,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         data-test="alert-import-stream-name-input"
                         :model-value="userSelectedStreamName[index] || ''"
                         :options="streamList"
-                        :label="t('alerts.stream_name') + ' *'"
+                        :label="raw(t('alerts.stream_name') + ' *')"
                         searchable
                         :error="!userSelectedStreamName[index]"
                         :error-message="t('alerts.validation.fieldRequired')"
@@ -192,7 +192,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         data-test="alert-import-stream-type-input"
                         :model-value="userSelectedStreamType[index] || ''"
                         :options="streamTypes"
-                        :label="t('alerts.streamType') + ' *'"
+                        :label="raw(t('alerts.streamType') + ' *')"
                         class="w-75!"
                         :error="!userSelectedStreamType[index]"
                         :error-message="t('alerts.validation.fieldRequired')"
@@ -295,7 +295,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, onMounted, computed, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import alertsService from "../../services/alerts";
@@ -347,10 +347,10 @@ export default defineComponent({
   setup(props, { emit }) {
     type ErrorMessage = {
       field: string;
-      message: string;
+      message: I18nText;
     };
     type alertCreator = {
-      message: string;
+      message: I18nText;
       success: boolean;
     }[];
 
@@ -400,7 +400,7 @@ export default defineComponent({
     const organizationDataList = computed(() => {
       return store.state.organizations.map((org: any) => {
         return {
-          label: org.identifier,
+          label: raw(org.identifier),
           value: org.identifier,
           disabled:
             !org.identifier || org.identifier !== store.state.selectedOrganization.identifier,
@@ -568,13 +568,17 @@ export default defineComponent({
         };
         await anomalyDetectionService.create(org, payload);
         alertCreators.value.push({
-          message: `Anomaly Detection - ${index}: "${jsonObj.name}" imported successfully`,
+          message: t("alerts.import.anomalyImportSuccess", { index, name: jsonObj.name }),
           success: true,
         });
         return true;
       } catch (e: any) {
         alertCreators.value.push({
-          message: `Anomaly Detection - ${index}: "${jsonObj.name}" import failed — ${e?.response?.data?.message || "Unknown Error"}`,
+          message: t("alerts.import.anomalyImportFailed", {
+            index,
+            name: jsonObj.name,
+            reason: e?.response?.data?.message || t("alerts.import.unknownError"),
+          }),
           success: false,
         });
         return false;
@@ -608,12 +612,12 @@ export default defineComponent({
     };
 
     const validateAlertInputs = async (input: any, index: number) => {
-      let alertErrors: (string | { message: string; field: string })[] = [];
+      let alertErrors: (string | ErrorMessage)[] = [];
 
       // 1. Validate 'name' field
       if (!input.name || typeof input.name !== "string" || input.name.trim() === "") {
         alertErrors.push({
-          message: `Alert - ${index}: Name is mandatory and should be a valid string.`,
+          message: t("alerts.import.nameRequired", { index }),
           field: "alert_name",
         });
       }
@@ -626,7 +630,10 @@ export default defineComponent({
         input.org_id != store.state.selectedOrganization.identifier
       ) {
         alertErrors.push({
-          message: `Alert - ${index}: Organization Id is mandatory, should exist in organization list and should be equal to ${store.state.selectedOrganization.identifier}.`,
+          message: t("alerts.import.orgIdInvalid", {
+            index,
+            orgId: store.state.selectedOrganization.identifier,
+          }),
           field: "org_id",
         });
       }
@@ -635,7 +642,7 @@ export default defineComponent({
       const validStreamTypes = ["logs", "metrics", "traces"];
       if (!input.stream_type || !validStreamTypes.includes(input.stream_type)) {
         alertErrors.push({
-          message: `Alert - ${index}: Stream Type is mandatory and should be one of: 'logs', 'metrics', 'traces'.`,
+          message: t("alerts.import.streamTypeInvalid", { index }),
           field: "stream_type",
         });
       }
@@ -658,7 +665,7 @@ export default defineComponent({
         !streamList.value.includes(input.stream_name)
       ) {
         alertErrors.push({
-          message: `Alert - ${index}: Stream Name is mandatory, should exist in the stream list and should be a valid string.`,
+          message: t("alerts.import.streamNameInvalid", { index }),
           field: "stream_name",
         });
       }
@@ -895,17 +902,17 @@ export default defineComponent({
         input.destinations.length === 0
       ) {
         alertErrors.push({
-          message: `Alert - ${index}: Destinations are required and should be an array.`,
+          message: t("alerts.import.destinationsRequired", { index }),
           field: "destination_name",
         });
       }
 
       if (typeof input.enabled !== "boolean") {
-        alertErrors.push(`Alert - ${index}: Enabled should be Boolean.`);
+        alertErrors.push(t("alerts.import.enabledBoolean", { index }));
       }
 
       if (input.tz_offset && (typeof input.tz_offset !== "number" || input.tz_offset < 0)) {
-        alertErrors.push(`Alert - ${index}: Timezone offset should be a number.`);
+        alertErrors.push(t("alerts.import.tzOffsetNumber", { index }));
       }
 
       if (
@@ -914,7 +921,7 @@ export default defineComponent({
         input.trigger_condition.timezone === ""
       ) {
         alertErrors.push({
-          message: `Alert - ${index}: Timezone is required when frequency type is 'cron'.`,
+          message: t("alerts.import.timezoneRequiredForCron", { index }),
           field: "timezone",
         });
       }
@@ -922,7 +929,7 @@ export default defineComponent({
       input.destinations.forEach((destination: any) => {
         if (!checkDestinationInList(props.destinations, destination)) {
           alertErrors.push({
-            message: `Alert - ${index}: "${destination}" destination does not exist`,
+            message: t("alerts.import.destinationNotExist", { index, destination }),
             field: "destination_name",
           });
         }
@@ -1006,7 +1013,7 @@ export default defineComponent({
 
         // Success
         alertCreators.value.push({
-          message: `Alert - ${index}: "${input.name}" created successfully \nNote: please remove the created alert object ${input.name} from the json file`,
+          message: t("alerts.import.createSuccess", { index, name: input.name }),
           success: true,
         });
         // Emit update after each successful creation
@@ -1016,7 +1023,11 @@ export default defineComponent({
       } catch (error: any) {
         // Failure
         alertCreators.value.push({
-          message: `Alert - ${index}: "${input.name}" creation failed --> \n Reason: ${error?.response?.data?.message || "Unknown Error"}`,
+          message: t("alerts.import.createFailed", {
+            index,
+            name: input.name,
+            reason: error?.response?.data?.message || t("alerts.import.unknownError"),
+          }),
           success: false,
         });
         return false;
@@ -1134,6 +1145,7 @@ export default defineComponent({
 
     return {
       t,
+      raw,
       importJson,
       router,
       baseImportRef,
diff --git a/web/src/components/alerts/ImportDestination.vue b/web/src/components/alerts/ImportDestination.vue
index 9ed1dbd59d..9f9e89519d 100644
--- a/web/src/components/alerts/ImportDestination.vue
+++ b/web/src/components/alerts/ImportDestination.vue
@@ -74,7 +74,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             updateDestinationName(val, index);
                           }
                         "
-                        :label="t('alert_destinations.import.destinationName') + ' *'"
+                        :label="raw(t('alert_destinations.import.destinationName') + ' *')"
                         class="showLabelOnTop"
                         tabindex="0"
                       />
@@ -97,7 +97,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             updateDestinationUrl(val, index);
                           }
                         "
-                        :label="t('alert_destinations.import.destinationUrl') + ' *'"
+                        :label="raw(t('alert_destinations.import.destinationUrl') + ' *')"
                         class="showLabelOnTop"
                         tabindex="0"
                       />
@@ -121,7 +121,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           }
                         "
                         :options="destinationTypes"
-                        :label="t('alert_destinations.destination_type') + ' *'"
+                        :label="raw(t('alert_destinations.destination_type') + ' *')"
                         class="showLabelOnTop no-case py-2"
                       />
                     </div>
@@ -144,7 +144,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           }
                         "
                         :options="destinationMethods"
-                        :label="t('alert_destinations.import.destinationMethod') + ' *'"
+                        :label="raw(t('alert_destinations.import.destinationMethod') + ' *')"
                         class="showLabelOnTop no-case py-2"
                       />
                     </div>
@@ -170,10 +170,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           }
                         "
                         :options="filteredTemplates"
-                        :label="t('alert_destinations.import.templates') + ' *'"
+                        :label="raw(t('alert_destinations.import.templates') + ' *')"
                         class="showLabelOnTop no-case py-2"
                         :error="!!templateErrors[index]"
-                        :error-message="templateErrors[index]"
+                        :error-message="raw(templateErrors[index])"
                         @search="filterTemplates"
                       />
                     </div>
@@ -197,7 +197,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             updateDestinationEmails(val, index);
                           }
                         "
-                        :label="t('alert_destinations.import.emails') + ' *'"
+                        :label="raw(t('alert_destinations.import.emails') + ' *')"
                         class="showLabelOnTop"
                         tabindex="0"
                       />
@@ -224,12 +224,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           }
                         "
                         :options="filteredActions"
-                        :label="t('alert_destinations.import.actions') + ' *'"
+                        :label="raw(t('alert_destinations.import.actions') + ' *')"
                         labelKey="label"
                         valueKey="value"
                         class="showLabelOnTop no-case w-75! py-2"
                         :error="!!actionErrors[index]"
-                        :error-message="actionErrors[index]"
+                        :error-message="raw(actionErrors[index])"
                         @search="filterActions"
                       />
                     </div>
@@ -297,7 +297,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, computed, reactive, onMounted } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import destinationService from "@/services/alert_destination";
@@ -331,10 +331,10 @@ export default defineComponent({
   setup(props, { emit }) {
     type ErrorMessage = {
       field: string;
-      message: string;
+      message: I18nText;
     };
     type destinationCreator = {
-      message: string;
+      message: I18nText;
       success: boolean;
     }[];
     type destinationErrors = (ErrorMessage | string)[][];
@@ -402,7 +402,7 @@ export default defineComponent({
         userSelectedActionOptions.value = actionsData.list
           .filter((action: any) => action.execution_details_type === "service")
           .map((action: any) => ({
-            label: action.name,
+            label: raw(action.name),
             value: action.id,
           }));
         filteredActions.value = userSelectedActionOptions.value;
@@ -622,7 +622,7 @@ export default defineComponent({
       value ? "" : t("alerts.validation.fieldRequired");
 
     const validateDestinationInputs = async (input: any, index: number) => {
-      let destinationErrors: (string | { message: string; field: string })[] = [];
+      let destinationErrors: (string | ErrorMessage)[] = [];
 
       // Validate name
       if (!input.name || typeof input.name !== "string" || input.name.trim() === "") {
@@ -831,6 +831,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       importJson,
       router,
diff --git a/web/src/components/alerts/ImportSemanticGroups.vue b/web/src/components/alerts/ImportSemanticGroups.vue
index b7a08e37de..1d5b1d7731 100644
--- a/web/src/components/alerts/ImportSemanticGroups.vue
+++ b/web/src/components/alerts/ImportSemanticGroups.vue
@@ -251,7 +251,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     data-test="import-semantic-groups-group-dialog"
     v-model:open="showGroupDialog"
     size="md"
-    :title="selectedGroup?.display"
+    :title="raw(selectedGroup?.display)"
     :sub-title="t('common.idPrefix', { id: selectedGroup?.id })"
     :primary-button-label="t('common.close')"
     @click:primary="showGroupDialog = false"
@@ -282,7 +282,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     data-test="import-semantic-groups-modification-dialog"
     v-model:open="showModificationDialog"
     size="lg"
-    :title="selectedModification?.proposed.display"
+    :title="raw(selectedModification?.proposed.display)"
     :sub-title="t('correlation.importSemanticGroups.compareChanges')"
     :primary-button-label="t('common.close')"
     @click:primary="showModificationDialog = false"
@@ -355,7 +355,7 @@ import BaseImport from "@/components/common/BaseImport.vue";
 import alertsService from "@/services/alerts";
 import OCheckbox from "@/lib/forms/Checkbox/OCheckbox.vue";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 interface SemanticGroup {
   id: string;
diff --git a/web/src/components/alerts/ImportSemanticGroupsDrawer.vue b/web/src/components/alerts/ImportSemanticGroupsDrawer.vue
index ca9a1bc6d7..68a9db944a 100644
--- a/web/src/components/alerts/ImportSemanticGroupsDrawer.vue
+++ b/web/src/components/alerts/ImportSemanticGroupsDrawer.vue
@@ -228,7 +228,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     data-test="import-semantic-groups-drawer-group-dialog"
     v-model:open="showGroupDialog"
     size="md"
-    :title="selectedGroup?.display"
+    :title="raw(selectedGroup?.display)"
     :sub-title="t('common.idPrefix', { id: selectedGroup?.id })"
     :primary-button-label="t('common.close')"
     @click:primary="showGroupDialog = false"
@@ -254,7 +254,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     data-test="import-semantic-groups-drawer-modification-dialog"
     v-model:open="showModificationDialog"
     size="lg"
-    :title="selectedModification?.proposed.display"
+    :title="raw(selectedModification?.proposed.display)"
     :sub-title="t('correlation.compareChanges')"
     :primary-button-label="t('common.close')"
     @click:primary="showModificationDialog = false"
@@ -320,7 +320,7 @@ import OCheckbox from "@/lib/forms/Checkbox/OCheckbox.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OCollapsible from "@/lib/core/Collapsible/OCollapsible.vue";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
diff --git a/web/src/components/alerts/ImportTemplate.vue b/web/src/components/alerts/ImportTemplate.vue
index 27d7728fb5..6902d2c1b9 100644
--- a/web/src/components/alerts/ImportTemplate.vue
+++ b/web/src/components/alerts/ImportTemplate.vue
@@ -186,7 +186,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import templateService from "@/services/alert_templates";
@@ -218,10 +218,10 @@ export default defineComponent({
   setup(props, { emit }) {
     type ErrorMessage = {
       field: string;
-      message: string;
+      message: I18nText;
     };
     type templateCreator = {
-      message: string;
+      message: I18nText;
       success: boolean;
     }[];
     type templateErrors = (ErrorMessage | string)[][];
@@ -369,17 +369,17 @@ export default defineComponent({
     };
 
     const validateTemplateInputs = async (input: any, index: number) => {
-      let templateErrors: (string | { message: string; field: string })[] = [];
+      let templateErrors: (string | ErrorMessage)[] = [];
 
       // Validate name using the updated props.templates
       if (!input.name || typeof input.name !== "string" || input.name.trim() === "") {
         templateErrors.push({
-          message: `Template - ${index}: The "name" field is required and should be a valid string.`,
+          message: t("alert_templates.import.nameRequired", { index }),
           field: "template_name",
         });
       } else if (props.templates.some((template: any) => template.name === input.name)) {
         templateErrors.push({
-          message: `Template - ${index}: "${input.name}" already exists`,
+          message: t("alert_templates.import.nameExists", { index, name: input.name }),
           field: "template_name",
         });
       }
@@ -387,7 +387,7 @@ export default defineComponent({
       // Validate type
       if (!input.type || (input.type !== "email" && input.type !== "http")) {
         templateErrors.push({
-          message: `Template - ${index}: The "type" field must be either "email" or "http"`,
+          message: t("alert_templates.import.typeInvalid", { index }),
           field: "type",
         });
       }
@@ -395,14 +395,14 @@ export default defineComponent({
       // Validate body
       if (!input.body || typeof input.body !== "string" || input.body.trim() === "") {
         templateErrors.push({
-          message: `Template - ${index}: The "body" field is required and should be a valid JSON string.`,
+          message: t("alert_templates.import.bodyRequired", { index }),
           field: "body",
         });
       } else {
         const result = validateTemplateBody(input.body);
         if (!result.valid) {
           templateErrors.push({
-            message: `Template - ${index}: The "body" field should contain valid JSON. Placeholders like {value} for numbers and "{name}" for strings are supported.`,
+            message: t("alert_templates.import.bodyInvalidJson", { index }),
             field: "body",
           });
         }
@@ -412,7 +412,7 @@ export default defineComponent({
       if (input.type === "email") {
         if (!input.title || typeof input.title !== "string" || input.title.trim() === "") {
           templateErrors.push({
-            message: `Template - ${index}: The "title" field is required for email type templates.`,
+            message: t("alert_templates.import.titleRequiredEmail", { index }),
             field: "title",
           });
         }
@@ -445,7 +445,7 @@ export default defineComponent({
         });
 
         tempalteCreators.value.push({
-          message: `Template - ${index}: "${input.name}" created successfully \nNote: please remove the created alert object ${input.name} from the json file `,
+          message: t("alert_templates.import.createSuccess", { index, name: input.name }),
           success: true,
         });
 
@@ -455,7 +455,11 @@ export default defineComponent({
         return true;
       } catch (error: any) {
         tempalteCreators.value.push({
-          message: `Template - ${index}: "${input.name}" creation failed --> \n Reason: ${error?.response?.data?.message || "Unknown Error"}`,
+          message: t("alert_templates.import.createFailed", {
+            index,
+            name: input.name,
+            reason: error?.response?.data?.message || t("alert_templates.import.unknownError"),
+          }),
           success: false,
         });
         return false;
diff --git a/web/src/components/alerts/IncidentAlertTriggersTable.vue b/web/src/components/alerts/IncidentAlertTriggersTable.vue
index a559857bd8..04c51b108d 100644
--- a/web/src/components/alerts/IncidentAlertTriggersTable.vue
+++ b/web/src/components/alerts/IncidentAlertTriggersTable.vue
@@ -62,7 +62,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             type="correlationReason"
             :value="row.correlation_reason"
           />
-          <OTooltip :content="getReasonTooltip(row.correlation_reason)" side="top" />
+          <OTooltip :content="raw(getReasonTooltip(row.correlation_reason))" side="top" />
         </span>
       </template>
     </OTable>
@@ -71,7 +71,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, PropType, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { formatToReadable } from "@/utils/date";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -168,6 +168,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       columns,
       formatTimestamp,
diff --git a/web/src/components/alerts/IncidentDetailDrawer.spec.ts b/web/src/components/alerts/IncidentDetailDrawer.spec.ts
index dfc9e654f3..42e6b4f351 100644
--- a/web/src/components/alerts/IncidentDetailDrawer.spec.ts
+++ b/web/src/components/alerts/IncidentDetailDrawer.spec.ts
@@ -1233,8 +1233,9 @@ describe("IncidentDetailDrawer.vue", () => {
     });
 
     it("should have translation for fired times with parameter", () => {
-      const translation = wrapper.vm.t("alerts.incidents.firedTimes", { count: 5 });
-      expect(translation).toBe("Fired 5 time(s)");
+      // Pipe plural: `count` in the named bag selects the branch AND fills {count}.
+      expect(wrapper.vm.t("alerts.incidents.firedTimes", { count: 5 })).toBe("Fired 5 times");
+      expect(wrapper.vm.t("alerts.incidents.firedTimes", { count: 1 })).toBe("Fired 1 time");
     });
 
     it("should have translation for refresh correlated data", () => {
diff --git a/web/src/components/alerts/IncidentDetailDrawer.vue b/web/src/components/alerts/IncidentDetailDrawer.vue
index 7e954fed03..f3bfd3043e 100644
--- a/web/src/components/alerts/IncidentDetailDrawer.vue
+++ b/web/src/components/alerts/IncidentDetailDrawer.vue
@@ -45,7 +45,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           {{ incidentDetails.title }}
           <OTooltip
             v-if="incidentDetails && (incidentDetails.title?.length ?? 0) > 35"
-            :content="incidentDetails.title"
+            :content="raw(incidentDetails.title)"
           />
         </span>
       </template>
@@ -58,14 +58,16 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <OTag type="incidentStatus" :value="incidentDetails.status" />
             <OTooltip
               :content="
-                t('alerts.incidents.status') + ': ' + getStatusLabel(incidentDetails.status)
+                raw(t('alerts.incidents.status') + ': ' + getStatusLabel(incidentDetails.status))
               "
             />
           </span>
 
           <span class="inline-flex cursor-default">
             <OTag type="severity" :value="incidentDetails.severity" />
-            <OTooltip :content="t('alerts.incidents.severity') + ': ' + incidentDetails.severity" />
+            <OTooltip
+              :content="raw(t('alerts.incidents.severity') + ': ' + incidentDetails.severity)"
+            />
           </span>
 
           <span class="inline-flex cursor-default">
@@ -759,7 +761,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                                 {{ index + 1 }}.
                               </span>
                               <div class="min-w-0 flex-1">
-                                <OTooltip v-if="alert.name.length > 30" :content="alert.name" />
+                                <OTooltip
+                                  v-if="alert.name.length > 30"
+                                  :content="raw(alert.name)"
+                                />
                                 <span class="block truncate font-medium">
                                   {{
                                     alert.name.length > 30
@@ -1363,7 +1368,7 @@ import {
   onBeforeUnmount,
   onUnmounted,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
 import { useRouter } from "vue-router";
@@ -1481,16 +1486,16 @@ export default defineComponent({
 
     // Status and Severity options
     const statusOptions = [
-      { label: "Open", value: "open" },
-      { label: "Acknowledged", value: "acknowledged" },
-      { label: "Resolved", value: "resolved" },
+      { label: t("alerts.incidents.statusOpen"), value: "open" },
+      { label: t("alerts.incidents.statusAcknowledged"), value: "acknowledged" },
+      { label: t("alerts.incidents.statusResolved"), value: "resolved" },
     ];
 
     const severityOptions = [
-      { label: "P1 - Critical", value: "P1" },
-      { label: "P2 - High", value: "P2" },
-      { label: "P3 - Medium", value: "P3" },
-      { label: "P4 - Low", value: "P4" },
+      { label: t("alerts.incidents.severityP1"), value: "P1" },
+      { label: t("alerts.incidents.severityP2"), value: "P2" },
+      { label: t("alerts.incidents.severityP3"), value: "P3" },
+      { label: t("alerts.incidents.severityP4"), value: "P4" },
     ];
 
     // Table of Contents
@@ -2774,10 +2779,10 @@ export default defineComponent({
             });
           } else {
             const ok = await confirm({
-              title: "Re-run AI Analysis?",
-              message: "Severity has changed. Would you like AI to re-analyze this incident?",
-              confirmLabel: "Re-run AI analysis",
-              cancelLabel: "No thanks",
+              title: t("alerts.incidents.rerunAnalysisTitle"),
+              message: t("alerts.incidents.rerunAnalysisMessage"),
+              confirmLabel: t("alerts.incidents.rerunAnalysisConfirmLabel"),
+              cancelLabel: t("alerts.incidents.rerunAnalysisCancelLabel"),
               persistent: false,
             });
             if (ok) {
@@ -3355,6 +3360,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       loading,
diff --git a/web/src/components/alerts/IncidentList.vue b/web/src/components/alerts/IncidentList.vue
index ae6e148055..75ae48db9a 100644
--- a/web/src/components/alerts/IncidentList.vue
+++ b/web/src/components/alerts/IncidentList.vue
@@ -117,7 +117,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           <OTag
             type="incidentStatus"
             :value="row.status"
-            :label="getStatusLabel(row.status)"
+            :label="raw(getStatusLabel(row.status))"
             size="sm"
             data-test="incident-status-badge"
           />
@@ -183,7 +183,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             unit="us"
             mode="relative"
             :timezone="store.state.timezone"
-            empty-label="—"
+            :empty-label="raw('—')"
           />
         </template>
         <template #cell-actions="{ row }">
@@ -251,7 +251,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, shallowRef, computed, onMounted, watch, nextTick } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter, useRoute } from "vue-router";
 import { formatToReadable } from "@/utils/date";
@@ -813,6 +813,7 @@ export default defineComponent({
     ]);
 
     return {
+      raw,
       t,
       loading,
       allIncidents,
diff --git a/web/src/components/alerts/IncidentTimeline.vue b/web/src/components/alerts/IncidentTimeline.vue
index 4205f1dbf4..24e642e535 100644
--- a/web/src/components/alerts/IncidentTimeline.vue
+++ b/web/src/components/alerts/IncidentTimeline.vue
@@ -137,7 +137,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                               side="bottom"
                               align="start"
                               :max-width="'24rem'"
-                              :content="getFailureTooltip(event)"
+                              :content="raw(getFailureTooltip(event))"
                             />
                           </span>
                           <span
@@ -286,7 +286,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import { ref, onMounted, watch, nextTick } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useTheme } from "@/composables/useTheme";
 import { formatToDateOnly } from "@/utils/date";
 import incidentsService from "@/services/incidents";
diff --git a/web/src/components/alerts/OrganizationDeduplicationSettings.vue b/web/src/components/alerts/OrganizationDeduplicationSettings.vue
index 35c3c651a5..000a026dd3 100644
--- a/web/src/components/alerts/OrganizationDeduplicationSettings.vue
+++ b/web/src/components/alerts/OrganizationDeduplicationSettings.vue
@@ -96,7 +96,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             :data-test="'organizationdeduplication-fingerprint-' + group.id + '-checkbox'"
             :key="group.id"
             :value="group.id"
-            :label="`${group.display} (${group.id})`"
+            :label="raw(`${group.display} (${group.id})`)"
           />
         </OFormCheckboxGroup>
       </div>
@@ -147,7 +147,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import { ref, watch } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import alertsService from "@/services/alerts";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
diff --git a/web/src/components/alerts/PreviewAlert.vue b/web/src/components/alerts/PreviewAlert.vue
index 2d41eb5894..8159376f83 100644
--- a/web/src/components/alerts/PreviewAlert.vue
+++ b/web/src/components/alerts/PreviewAlert.vue
@@ -50,7 +50,7 @@ import { reactive } from "vue";
 import { onBeforeMount } from "vue";
 import { cloneDeep } from "lodash-es";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import searchService from "@/services/search";
 import { b64EncodeUnicode, smartDecodeVrlFunction } from "@/utils/zincutils";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -1013,7 +1013,7 @@ const refreshData = () => {
   ];
 
   let yAxis: Array<{
-    label: string;
+    label: I18nText;
     alias: string;
     column: string;
     color: string | null;
@@ -1080,7 +1080,7 @@ const refreshData = () => {
     // Configure y-axis for zo_sql_num (counts)
     yAxis = [
       {
-        label: "count",
+        label: raw("count"),
         alias: "zo_sql_num",
         column: "zo_sql_num",
         color: "#5960b2",
diff --git a/web/src/components/alerts/QueryEditorDialog.vue b/web/src/components/alerts/QueryEditorDialog.vue
index 27ac30e513..a637a0a5bc 100644
--- a/web/src/components/alerts/QueryEditorDialog.vue
+++ b/web/src/components/alerts/QueryEditorDialog.vue
@@ -246,7 +246,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       side="top"
                       align="center"
                       :max-width="'520px'"
-                      :content="localSqlQueryErrorMsg || sqlQueryErrorMsg"
+                      :content="raw(localSqlQueryErrorMsg || sqlQueryErrorMsg)"
                     />
                   </div>
                 </div>
@@ -318,7 +318,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       :query="vrlFunctionContent"
                       :hide-nl-toggle="false"
                       :disable-ai="false"
-                      :disable-ai-reason="''"
+                      :disable-ai-reason="raw('')"
                       :ai-placeholder="t('search.askAIFunctionPlaceholder')"
                       :ai-tooltip="t('search.enterFunctionPrompt')"
                       :debounce-time="300"
@@ -514,7 +514,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import { ref, computed, watch, type PropType, onMounted, inject, type Ref } from "vue";
 import { type SqlErrorRange } from "@/utils/query/sqlDiagnostics";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
 import OButton from "@/lib/core/Button/OButton.vue";
diff --git a/web/src/components/alerts/SemanticFieldGroupsConfig.vue b/web/src/components/alerts/SemanticFieldGroupsConfig.vue
index e954120463..0269437d8f 100644
--- a/web/src/components/alerts/SemanticFieldGroupsConfig.vue
+++ b/web/src/components/alerts/SemanticFieldGroupsConfig.vue
@@ -115,7 +115,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :key="group.id"
           v-model="localFingerprintFields"
           :value="group.id"
-          :label="group.display"
+          :label="raw(group.display)"
           class="min-w-50"
           @update:model-value="emitUpdate"
         />
@@ -139,7 +139,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import { ref, computed, watch, onMounted, nextTick } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { v4 as uuidv4 } from "uuid";
 import SemanticGroupItem from "./SemanticGroupItem.vue";
 import ImportSemanticGroupsDrawer from "./ImportSemanticGroupsDrawer.vue";
@@ -248,7 +248,7 @@ const categoryOptions = computed(() => {
   return Array.from(groupsMap.entries())
     .sort((a, b) => a[0].localeCompare(b[0]))
     .map(([category, count]) => ({
-      label: category,
+      label: raw(category),
       value: category,
       count: count,
     }));
diff --git a/web/src/components/alerts/steps/Advanced.vue b/web/src/components/alerts/steps/Advanced.vue
index 8bd925654d..9e07482d43 100644
--- a/web/src/components/alerts/steps/Advanced.vue
+++ b/web/src/components/alerts/steps/Advanced.vue
@@ -224,7 +224,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, computed, inject, type PropType, type Ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { getUUID } from "@/utils/zincutils";
 import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
@@ -269,8 +269,8 @@ export default defineComponent({
       default: () => [],
     },
     description: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
     rowTemplate: {
       type: String,
@@ -404,6 +404,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       variableRows,
diff --git a/web/src/components/alerts/steps/AlertSettings.vue b/web/src/components/alerts/steps/AlertSettings.vue
index 9b8bed0b47..0aafa8c57b 100644
--- a/web/src/components/alerts/steps/AlertSettings.vue
+++ b/web/src/components/alerts/steps/AlertSettings.vue
@@ -232,7 +232,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { computed, defineComponent, inject, onMounted, ref, type PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import OFormInput from "@/lib/forms/Input/OFormInput.vue";
@@ -346,7 +346,7 @@ export default defineComponent({
         (config.isEnterprise === "true" || config.isCloud === "true") &&
         store.state.zoConfig?.workflows_enabled === true,
     );
-    const workflowOptions = ref<{ label: string; value: string }[]>([]);
+    const workflowOptions = ref<{ label: I18nText; value: string }[]>([]);
     const fetchWorkflows = async () => {
       if (!workflowsEnabled.value) return;
       try {
@@ -355,7 +355,8 @@ export default defineComponent({
         );
         const list = Array.isArray(res.data) ? res.data : (res.data?.list ?? []);
         workflowOptions.value = list.map((wf: any) => ({
-          label: wf.name,
+          // Workflow names come from the server — never translated copy.
+          label: raw(wf.name),
           value: wf.id,
         }));
       } catch {
diff --git a/web/src/components/alerts/steps/CompareWithPast.vue b/web/src/components/alerts/steps/CompareWithPast.vue
index 58f485d504..520fff3262 100644
--- a/web/src/components/alerts/steps/CompareWithPast.vue
+++ b/web/src/components/alerts/steps/CompareWithPast.vue
@@ -214,7 +214,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             {{ t("alerts.compareWithPast.addComparisonWindow") }}
             <OTooltip
               v-if="isComparisonDisabled"
-              :content="comparisonDisabledTooltip"
+              :content="raw(comparisonDisabledTooltip)"
               side="top"
               align="center"
               :sideOffset="8"
@@ -229,7 +229,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, watch, computed, inject, type PropType } from "vue";
-import { useI18nTyped, type I18nKey } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nKey } from "@/types/i18n";
 import { useStore } from "vuex";
 import { getUUID } from "@/utils/zincutils";
 import CustomDateTimePicker from "@/components/CustomDateTimePicker.vue";
@@ -396,6 +396,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       multiWindowContainerRef,
diff --git a/web/src/components/alerts/steps/QueryConfig.vue b/web/src/components/alerts/steps/QueryConfig.vue
index 686d016780..39311efe4a 100644
--- a/web/src/components/alerts/steps/QueryConfig.vue
+++ b/web/src/components/alerts/steps/QueryConfig.vue
@@ -100,7 +100,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       <OTooltip
                         :content="
                           logFunctionOptions.find((o: any) => o.value === selectedFunction)
-                            ?.tooltip || ''
+                            ?.tooltip || raw('')
                         "
                         :delay="400"
                       />
@@ -317,7 +317,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       <OTooltip
                         :content="
                           logFunctionOptions.find((o: any) => o.value === selectedFunction)
-                            ?.tooltip || ''
+                            ?.tooltip || raw('')
                         "
                         :delay="400"
                       />
@@ -584,7 +584,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         />
                         <OTooltip
                           v-if="cronTimezone"
-                          :content="cronTimezone"
+                          :content="raw(cronTimezone)"
                           :delay="300"
                           side="bottom"
                         />
@@ -964,7 +964,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         />
                         <OTooltip
                           v-if="cronTimezone"
-                          :content="cronTimezone"
+                          :content="raw(cronTimezone)"
                           :delay="300"
                           side="bottom"
                         />
@@ -1176,7 +1176,7 @@ import {
   type Ref,
 } from "vue";
 import { type SqlErrorRange } from "@/utils/query/sqlDiagnostics";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import {
   b64EncodeUnicode,
@@ -2087,11 +2087,11 @@ export default defineComponent({
             value: "custom",
           },
           {
-            label: "SQL",
+            label: raw("SQL"),
             value: "sql",
           },
           {
-            label: "PromQL",
+            label: raw("PromQL"),
             value: "promql",
           },
         ];
@@ -2104,7 +2104,7 @@ export default defineComponent({
           value: "custom",
         },
         {
-          label: "SQL",
+          label: raw("SQL"),
           value: "sql",
         },
       ];
@@ -2770,6 +2770,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       store,
       highlightedSqlQuery,
diff --git a/web/src/components/anomaly_detection/steps/AnomalyDetectionConfig.vue b/web/src/components/anomaly_detection/steps/AnomalyDetectionConfig.vue
index 558807a872..9eede70d9b 100644
--- a/web/src/components/anomaly_detection/steps/AnomalyDetectionConfig.vue
+++ b/web/src/components/anomaly_detection/steps/AnomalyDetectionConfig.vue
@@ -51,7 +51,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <OFormSelect
                 :name="`filters[${idx}].field`"
                 :options="filteredStreamFields"
-                :placeholder="filter.field ? '' : t('alerts.anomaly.fieldPlaceholder')"
+                :placeholder="filter.field ? raw('') : t('alerts.anomaly.fieldPlaceholder')"
                 class="alert-v3-select filter-field-select"
                 style="width: 200px"
                 :loading="loadingFields"
@@ -111,7 +111,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 :show-auto-complete="true"
                 :disable-ai="!config.stream_name"
                 :disable-ai-reason="
-                  !config.stream_name ? t('alerts.anomaly.selectStreamFirst') : ''
+                  !config.stream_name ? t('alerts.anomaly.selectStreamFirst') : raw('')
                 "
                 editor-height="100%"
                 data-test="anomaly-custom-sql"
@@ -184,7 +184,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 v-if="detectionFunction && detectionFunction !== 'count'"
                 name="detection_function_field"
                 :options="filteredDetectionFields"
-                :placeholder="detectionFunctionField ? '' : t('alerts.anomaly.fieldPlaceholder')"
+                :placeholder="
+                  detectionFunctionField ? raw('') : t('alerts.anomaly.fieldPlaceholder')
+                "
                 :loading="loadingFields"
                 data-test="anomaly-detection-function-field"
                 class="alert-v3-select"
@@ -562,11 +564,11 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     label-always
                     markers
                     :marker-labels="[
-                      { value: 0, label: '0' },
-                      { value: 25, label: '25' },
-                      { value: 50, label: '50' },
-                      { value: 75, label: '75' },
-                      { value: 100, label: '100' },
+                      { value: 0, label: raw('0') },
+                      { value: 25, label: raw('25') },
+                      { value: 50, label: raw('50') },
+                      { value: 75, label: raw('75') },
+                      { value: 100, label: raw('100') },
                     ]"
                     class="sensitivity-range-slider mt-3.5 h-36.25! [--color-slider-thumb-border:white] [--color-slider-thumb:var(--color-accent)] [--color-slider-track-fill:var(--color-accent)] [--color-slider-value:var(--color-text-secondary)]"
                     data-test="anomaly-threshold-range"
@@ -583,7 +585,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { computed, defineComponent, ref, watch, type PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import streamService from "@/services/stream";
 import {
@@ -647,7 +649,7 @@ export default defineComponent({
     // "SQL" stays a literal — a proper noun, not translatable copy.
     const queryTabOptions = computed(() => [
       { label: t("alerts.queryBuilder"), value: "filters" },
-      { label: "SQL", value: "custom_sql" },
+      { label: raw("SQL"), value: "custom_sql" },
     ]);
 
     const filterOperators = ANOMALY_FILTER_OPERATORS;
@@ -1192,6 +1194,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       store,
       form,
diff --git a/web/src/components/cipherkeys/AddAkeylessType.vue b/web/src/components/cipherkeys/AddAkeylessType.vue
index c3558d1a5d..3e1dd44dc8 100644
--- a/web/src/components/cipherkeys/AddAkeylessType.vue
+++ b/web/src/components/cipherkeys/AddAkeylessType.vue
@@ -240,7 +240,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { computed, defineComponent, inject, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OFormInput from "@/lib/forms/Input/OFormInput.vue";
 import OFormTextarea from "@/lib/forms/Input/OFormTextarea.vue";
@@ -281,12 +281,12 @@ export default defineComponent({
     const secretType = select((s) => s?.values?.key?.store?.akeyless?.store?.type, "");
 
     const authenticationTypeOptions = [
-      { label: "Access Key", value: "access_key" },
-      { label: "LDAP", value: "ldap" },
+      { label: t("cipherKey.accessKey"), value: "access_key" },
+      { label: raw("LDAP"), value: "ldap" },
     ];
     const secretTypeOptions = [
-      { label: "Static Secret", value: "static_secret" },
-      { label: "DFC", value: "dfc" },
+      { label: t("cipherKey.staticSecret"), value: "static_secret" },
+      { label: raw("DFC"), value: "dfc" },
     ];
 
     const getSecretOptionLabel = (value: string) =>
@@ -296,6 +296,7 @@ export default defineComponent({
       authenticationTypeOptions.find((option) => option.value === value)?.label ?? "";
 
     return {
+      raw,
       t,
       authenticationTypeOptions,
       secretTypeOptions,
diff --git a/web/src/components/cipherkeys/AddCipherKey.vue b/web/src/components/cipherkeys/AddCipherKey.vue
index 826aa4b19b..a82d51342a 100644
--- a/web/src/components/cipherkeys/AddCipherKey.vue
+++ b/web/src/components/cipherkeys/AddCipherKey.vue
@@ -63,7 +63,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 <OStep
                   data-test="cipher-key-key-store-detils-step"
                   :name="1"
-                  :title="step1Title"
+                  :title="raw(step1Title)"
                   icon="edit"
                   :done="step > 1"
                 >
@@ -166,7 +166,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 <script lang="ts" setup>
 import { ref, computed, onMounted, onActivated } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
 import AddOpenobserveType from "@/components/cipherkeys/AddOpenobserveType.vue";
@@ -204,8 +204,8 @@ const pendingContinue = ref(false);
 const originalData = ref("");
 
 const cipherKeyTypes = [
-  { label: "OpenObserve", value: "local" },
-  { label: "Akeyless", value: "akeyless" },
+  { label: raw("OpenObserve"), value: "local" },
+  { label: raw("Akeyless"), value: "akeyless" },
 ];
 
 const dialog = ref({
diff --git a/web/src/components/cipherkeys/AddEncryptionMechanism.vue b/web/src/components/cipherkeys/AddEncryptionMechanism.vue
index 9bcaf7da6b..4a6a5fc749 100644
--- a/web/src/components/cipherkeys/AddEncryptionMechanism.vue
+++ b/web/src/components/cipherkeys/AddEncryptionMechanism.vue
@@ -47,7 +47,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { computed, defineComponent, inject } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OFormSelect from "@/lib/forms/Select/OFormSelect.vue";
 import { FORM_CONTEXT_KEY } from "@/lib/forms/Form/OForm.types";
 
@@ -66,13 +66,14 @@ export default defineComponent({
       : computed(() => "simple");
 
     const providerTypeOptions = [
-      { value: "simple", label: "Simple" },
-      { value: "tink_keyset", label: "Tink KeySet" },
+      { value: "simple", label: t("cipherKeys.mechanismSimple") },
+      { value: "tink_keyset", label: raw("Tink KeySet") },
     ];
 
-    const plainAlgorithmOptions = [{ value: "aes-256-siv", label: "AES 256 SIV" }];
+    const plainAlgorithmOptions = [{ value: "aes-256-siv", label: raw("AES 256 SIV") }];
 
     return {
+      raw,
       t,
       mechanismType,
       providerTypeOptions,
diff --git a/web/src/components/common/AppTabs.vue b/web/src/components/common/AppTabs.vue
index 53a9e98d8d..cd8bb19515 100644
--- a/web/src/components/common/AppTabs.vue
+++ b/web/src/components/common/AppTabs.vue
@@ -38,12 +38,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         :data-test="`tab-${tab.value}-dirty-dot`"
         aria-hidden="true"
       />
-      <OTooltip v-if="tab.tooltipLabel" :content="tab.tooltipLabel" />
+      <OTooltip v-if="tab.tooltipLabel" :content="raw(tab.tooltipLabel)" />
     </OToggleGroupItem>
   </OToggleGroup>
 </template>
 
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import type { Component } from "vue";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
@@ -53,11 +54,11 @@ import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import type { ToggleGroupItemSize } from "@/lib/core/ToggleGroup/OToggleGroupItem.types";
 
 interface Tab {
-  label: string;
+  label: I18nText;
   value: string;
   style?: Record<string, string>;
   disabled?: boolean;
-  title?: string;
+  title?: I18nText;
   tooltipLabel?: string;
   hide?: boolean;
   icon?: Component | string;
@@ -75,12 +76,12 @@ const props = withDefaults(
     activeTab: string;
     size?: ToggleGroupItemSize;
     // Tooltip shown when hovering an unsaved-changes dot (optional).
-    dirtyTitle?: string;
+    dirtyTitle?: I18nText;
   }>(),
   {
     show: true,
     size: "sm",
-    dirtyTitle: "",
+    dirtyTitle: raw(""),
   },
 );
 
diff --git a/web/src/components/common/BaseImport.vue b/web/src/components/common/BaseImport.vue
index 3faec9bac5..a67823c0ea 100644
--- a/web/src/components/common/BaseImport.vue
+++ b/web/src/components/common/BaseImport.vue
@@ -26,7 +26,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <OPageHeader
       v-if="!hideHeader"
       :title="title"
-      :back="{ label: '', onClick: handleBack, dataTest: `${testPrefix}-import-back-btn` }"
+      :back="{ label: raw(''), onClick: handleBack, dataTest: `${testPrefix}-import-back-btn` }"
       class="border-border-default shrink-0 border-b"
       :class="headerContainerClass"
     >
@@ -78,7 +78,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <AppTabs
                     :data-test="`${testPrefix}-import-tabs`"
                     class="tabs-selection-container"
-                    :tabs="tabs"
+                    :tabs="resolvedTabs"
                     v-model:active-tab="activeTab"
                     @update:active-tab="handleTabChange"
                   />
@@ -131,7 +131,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           :label="t('dashboard.dropFileMsg')"
                           accept=".json"
                           multiple
-                          helpText=".json files only"
+                          :helpText="t('common.jsonFilesOnlyHint')"
                         >
                           <template v-slot:prepend>
                             <OIcon name="cloud-upload" size="sm" @click.stop.prevent />
@@ -207,7 +207,7 @@ import {
   onBeforeUnmount,
   type PropType,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import axios from "axios";
 import AppTabs from "./AppTabs.vue";
 import OPageHeader from "@/lib/core/PageHeader/OPageHeader.vue";
@@ -235,26 +235,19 @@ export default defineComponent({
   props: {
     // Title for the import page
     title: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: true,
     },
-    // Tabs configuration (shape matches AppTabs' Tab interface)
+    // Tabs configuration (shape matches AppTabs' Tab interface).
+    // No `default` here on purpose: the fallback tabs carry translated labels and
+    // a prop default factory runs outside the component's i18n context, which
+    // would freeze them at the locale active when the first instance mounted.
+    // `resolvedTabs` in setup() builds them with `t()` instead — see below.
     tabs: {
       type: Array as PropType<
-        { label: string; value: string; icon?: string; disabled?: boolean }[]
+        { label: I18nText; value: string; icon?: string; disabled?: boolean }[]
       >,
-      default: () => [
-        {
-          label: "File Upload / JSON",
-          value: "import_json_file",
-          icon: "upload",
-        },
-        {
-          label: "URL Import",
-          value: "import_json_url",
-          icon: "link",
-        },
-      ],
+      required: false,
     },
     // Default active tab
     defaultActiveTab: {
@@ -354,6 +347,17 @@ export default defineComponent({
       }
     };
 
+    // Tabs the page actually renders: the host's `tabs` prop when given,
+    // otherwise the built-in File-upload / URL pair, translated here (inside
+    // setup) so the labels follow the active locale.
+    const resolvedTabs = computed(
+      () =>
+        props.tabs ?? [
+          { label: t("common.fileUploadJsonTab"), value: "import_json_file", icon: "upload" },
+          { label: t("common.urlImportTab"), value: "import_json_url", icon: "link" },
+        ],
+    );
+
     // Computed styles
     const contentStyle = computed(() => {
       return "width: 100%;";
@@ -516,12 +520,14 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       jsonStr,
       jsonFiles,
       url,
       jsonArrayOfObj,
       activeTab,
+      resolvedTabs,
       splitterModel,
       editorKey,
       isImporting,
diff --git a/web/src/components/common/GroupHeader.vue b/web/src/components/common/GroupHeader.vue
index f1ff0f328b..a767796789 100644
--- a/web/src/components/common/GroupHeader.vue
+++ b/web/src/components/common/GroupHeader.vue
@@ -28,17 +28,22 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { getImageURL } from "@/utils/zincutils";
-import { computed, defineComponent } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { computed, defineComponent, type PropType } from "vue";
+import { useI18nTyped, raw, type I18nText } from "@/types/i18n";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
 
 export default defineComponent({
   name: "GroupHeader",
   components: { OSeparator },
   props: {
+    // User-facing text: typed I18nText so a bare literal at the call site is a
+    // compile error. The double cast is required because `StringConstructor`
+    // returns plain `string`, which does not overlap the branded `I18nText` —
+    // `<script setup>` components can use `defineProps<{ title: I18nText }>()`
+    // directly and avoid this.
     title: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
     iconPath: {
       type: String,
diff --git a/web/src/components/common/JsonEditor.vue b/web/src/components/common/JsonEditor.vue
index 2e229e4df1..b212237bd6 100644
--- a/web/src/components/common/JsonEditor.vue
+++ b/web/src/components/common/JsonEditor.vue
@@ -57,8 +57,16 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted, watch, computed, defineAsyncComponent } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import {
+  defineComponent,
+  ref,
+  onMounted,
+  watch,
+  computed,
+  defineAsyncComponent,
+  type PropType,
+} from "vue";
+import { type I18nText, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { getImageURL } from "@/utils/zincutils";
 import O2AIChat from "../O2AIChat.vue";
@@ -79,7 +87,7 @@ export default defineComponent({
       required: true,
     },
     title: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: true,
     },
     type: {
diff --git a/web/src/components/common/KpiCard.vue b/web/src/components/common/KpiCard.vue
index 19b28fc8c8..55a33e878a 100644
--- a/web/src/components/common/KpiCard.vue
+++ b/web/src/components/common/KpiCard.vue
@@ -67,12 +67,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 withDefaults(
   defineProps<{
-    label?: string;
+    label?: I18nText;
     /** Override the label's typography classes. Omit for the compact default. */
     labelClass?: string;
     icon?: IconName;
@@ -89,7 +90,7 @@ withDefaults(
     dataTest?: string;
   }>(),
   {
-    label: "",
+    label: raw(""),
     labelClass: undefined,
     icon: undefined,
     iconClass: undefined,
diff --git a/web/src/components/common/QueryErrorState.vue b/web/src/components/common/QueryErrorState.vue
index 860f1be07e..0aefa94e8a 100644
--- a/web/src/components/common/QueryErrorState.vue
+++ b/web/src/components/common/QueryErrorState.vue
@@ -303,7 +303,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useAiIcon } from "@/composables/useAiIcon";
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 import EmptyStateActionCard from "@/lib/core/EmptyState/EmptyStateActionCard.vue";
@@ -335,9 +335,9 @@ const props = withDefaults(
     /** Override the default "broken-panel" illustration (hero size only). */
     illustration?: IllustrationName;
     /** Override the error code's default title. */
-    title?: string;
+    title?: I18nText;
     /** Override the error code's default description. */
-    description?: string;
+    description?: I18nText;
   }>(),
   { size: "hero", aiEnabled: false },
 );
diff --git a/web/src/components/common/RelativeTime.vue b/web/src/components/common/RelativeTime.vue
index c66034969a..b2e8a74de3 100644
--- a/web/src/components/common/RelativeTime.vue
+++ b/web/src/components/common/RelativeTime.vue
@@ -19,8 +19,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 import { timestampToTimezoneDate } from "@/utils/zincutils";
-import { ref, onMounted, onBeforeUnmount, watch, computed } from "vue";
+import { ref, onMounted, onBeforeUnmount, watch, computed, type PropType } from "vue";
 import { useStore } from "vuex";
 
 export default {
@@ -31,9 +32,9 @@ export default {
       default: null,
     },
     fullTimePrefix: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: false,
-      default: "",
+      default: raw(""),
     },
   },
   setup(props) {
@@ -110,6 +111,7 @@ export default {
     });
 
     return {
+      raw,
       relativeTime,
       formattedExactTime,
     };
diff --git a/web/src/components/common/SectionHub.vue b/web/src/components/common/SectionHub.vue
index c707daad98..b06e519a62 100644
--- a/web/src/components/common/SectionHub.vue
+++ b/web/src/components/common/SectionHub.vue
@@ -89,6 +89,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import { useRouter, type RouteLocationRaw } from "vue-router";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -98,8 +99,8 @@ const router = useRouter();
 
 export interface SectionHubItem {
   key: string;
-  label: string;
-  description?: string;
+  label: I18nText;
+  description?: I18nText;
   icon?: string;
   to: RouteLocationRaw;
   visible?: boolean;
@@ -107,14 +108,14 @@ export interface SectionHubItem {
 }
 
 export interface SectionHubGroup {
-  label: string;
+  label: I18nText;
   items: SectionHubItem[];
 }
 
 const props = defineProps<{
-  title?: string;
+  title?: I18nText;
   /** Optional one-line description shown under the hub title. */
-  description?: string;
+  description?: I18nText;
   groups: SectionHubGroup[];
 }>();
 
diff --git a/web/src/components/common/SectionRail.vue b/web/src/components/common/SectionRail.vue
index 584f8dcb2a..ab6b2f5fca 100644
--- a/web/src/components/common/SectionRail.vue
+++ b/web/src/components/common/SectionRail.vue
@@ -68,6 +68,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import { useRouter, type RouteLocationRaw } from "vue-router";
 import OTabs from "@/lib/navigation/Tabs/OTabs.vue";
@@ -92,7 +93,7 @@ const props = defineProps<{
   /** Currently-active section key (highlighted). */
   activeKey?: string;
   /** Optional small heading shown above the groups (e.g. the module name). */
-  title?: string;
+  title?: I18nText;
 }>();
 
 // Drop hidden items/empty groups (each item may carry a `visible` flag).
diff --git a/web/src/components/common/ShareButton.vue b/web/src/components/common/ShareButton.vue
index f88539d578..61ee78e8a1 100644
--- a/web/src/components/common/ShareButton.vue
+++ b/web/src/components/common/ShareButton.vue
@@ -44,7 +44,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, onBeforeUnmount, computed, type PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { copyToClipboard } from "@/utils/clipboard";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -85,8 +85,8 @@ export default defineComponent({
     },
     // Custom tooltip text
     tooltip: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
     // Optional keyboard-shortcut hint shown in the tooltip (raw key, e.g. "ctrl+shift+c")
     shortcut: {
@@ -308,6 +308,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       isLoading,
       isWebUrlNotConfigured,
diff --git a/web/src/components/common/empty-states/EmptyState.vue b/web/src/components/common/empty-states/EmptyState.vue
index 34dd71fcd8..8a204d3347 100644
--- a/web/src/components/common/empty-states/EmptyState.vue
+++ b/web/src/components/common/empty-states/EmptyState.vue
@@ -83,13 +83,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 withDefaults(
   defineProps<{
-    title?: string;
-    description?: string;
+    title?: I18nText;
+    description?: I18nText;
     /** Optional eyebrow label rendered above the actions (e.g. "Quick start"). */
     actionsLabel?: string;
   }>(),
-  { title: "", description: "", actionsLabel: "" },
+  { title: raw(""), description: raw(""), actionsLabel: "" },
 );
 </script>
diff --git a/web/src/components/common/empty-states/QuickStartCard.vue b/web/src/components/common/empty-states/QuickStartCard.vue
index 6593d5a30c..514b4f17ed 100644
--- a/web/src/components/common/empty-states/QuickStartCard.vue
+++ b/web/src/components/common/empty-states/QuickStartCard.vue
@@ -46,12 +46,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 defineProps<{
   icon: IconName;
-  label: string;
-  sublabel?: string;
+  label: I18nText;
+  sublabel?: I18nText;
 }>();
 </script>
diff --git a/web/src/components/common/sidebar/SearchFieldList.spec.ts b/web/src/components/common/sidebar/SearchFieldList.spec.ts
index d7a7d1eb0b..a65535a711 100644
--- a/web/src/components/common/sidebar/SearchFieldList.spec.ts
+++ b/web/src/components/common/sidebar/SearchFieldList.spec.ts
@@ -114,6 +114,11 @@ const mockI18n = createI18n({
       search: {
         searchField: "Search field",
       },
+      // The component passes t("common.valueCopiedToClipboard") to
+      // copyToClipboard; without the key this mock echoes the key path.
+      common: {
+        valueCopiedToClipboard: "Value copied to clipboard",
+      },
     },
   },
 });
diff --git a/web/src/components/common/sidebar/SearchFieldList.vue b/web/src/components/common/sidebar/SearchFieldList.vue
index c35e443022..2e05d54544 100644
--- a/web/src/components/common/sidebar/SearchFieldList.vue
+++ b/web/src/components/common/sidebar/SearchFieldList.vue
@@ -654,7 +654,7 @@ const addSearchTerm = (term: string) => {
 };
 
 const copyContentValue = (value: string) => {
-  copyToClipboard(value, t, { successMessage: "Value copied to clipboard" });
+  copyToClipboard(value, t, { successMessage: t("common.valueCopiedToClipboard") });
 };
 </script>
 
diff --git a/web/src/components/cross-linking/CrossLinkDialog.vue b/web/src/components/cross-linking/CrossLinkDialog.vue
index 1659e94b65..a2282eccb7 100644
--- a/web/src/components/cross-linking/CrossLinkDialog.vue
+++ b/web/src/components/cross-linking/CrossLinkDialog.vue
@@ -112,7 +112,7 @@
 <script lang="ts">
 import { defineComponent, ref, watch, computed, type PropType } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import CrossLinkUserGuide from "./CrossLinkUserGuide.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
@@ -252,7 +252,7 @@ export default defineComponent({
       const added = new Set((formFields.value ?? []).map((f) => f.name));
       return (props.availableFields || [])
         .filter((name) => !added.has(name))
-        .map((name) => ({ label: name, value: name }));
+        .map((name) => ({ label: raw(name), value: name }));
     });
 
     function onFieldSelect(value: string) {
diff --git a/web/src/components/cross-linking/CrossLinkManager.spec.ts b/web/src/components/cross-linking/CrossLinkManager.spec.ts
index 161a709e3c..8396134a15 100644
--- a/web/src/components/cross-linking/CrossLinkManager.spec.ts
+++ b/web/src/components/cross-linking/CrossLinkManager.spec.ts
@@ -91,7 +91,10 @@ describe("CrossLinkManager Component", () => {
   describe("Props Default Values", () => {
     it("should default title to 'Cross-Links'", () => {
       wrapper = createWrapper({ title: undefined });
-      expect(wrapper.vm.$options.props.title.default).toBe("Cross-Links");
+      // The default is no longer a literal on the prop — a literal there would ship
+      // untranslated and t() at module scope would freeze the locale. It is resolved
+      // per-render in setup(), so assert what the user actually sees.
+      expect(wrapper.text()).toContain("Cross-Links");
     });
 
     it("should default subtitle to empty string", () => {
diff --git a/web/src/components/cross-linking/CrossLinkManager.vue b/web/src/components/cross-linking/CrossLinkManager.vue
index c739815e0c..d033ebaf96 100644
--- a/web/src/components/cross-linking/CrossLinkManager.vue
+++ b/web/src/components/cross-linking/CrossLinkManager.vue
@@ -3,7 +3,7 @@
     <!-- Header -->
     <div class="mb-3 flex items-center justify-between">
       <div>
-        <div class="text-base font-bold">{{ title }}</div>
+        <div class="text-base font-bold">{{ resolvedTitle }}</div>
         <div v-if="subtitle" class="text-text-muted text-xs">
           {{ subtitle }}
         </div>
@@ -100,7 +100,7 @@
 <script lang="ts">
 import { defineComponent, ref, computed, type PropType } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import CrossLinkDialog from "./CrossLinkDialog.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
@@ -121,12 +121,13 @@ export default defineComponent({
       default: () => [],
     },
     title: {
-      type: String,
-      default: "Cross-Links",
+      type: String as unknown as PropType<I18nText>,
+      // Resolved in setup so the fallback is translated, not frozen at load.
+      default: undefined,
     },
     subtitle: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
     readonly: {
       type: Boolean,
@@ -145,6 +146,7 @@ export default defineComponent({
   setup(props, { emit }) {
     const store = useStore();
     const { t } = useI18nTyped();
+    const resolvedTitle = computed(() => props.title ?? t("common.crossLinks"));
     const showAddDialog = ref(false);
     const editingLink = ref<CrossLink | null>(null);
     const editingOriginalName = ref("");
@@ -192,6 +194,9 @@ export default defineComponent({
     }
 
     return {
+      resolvedTitle,
+
+      raw,
       t,
       store,
       links,
diff --git a/web/src/components/dashboards/AddDashboardFromGitHub.spec.ts b/web/src/components/dashboards/AddDashboardFromGitHub.spec.ts
index b02ecd9d25..0ab0416179 100644
--- a/web/src/components/dashboards/AddDashboardFromGitHub.spec.ts
+++ b/web/src/components/dashboards/AddDashboardFromGitHub.spec.ts
@@ -789,7 +789,7 @@ describe("AddDashboardFromGitHub Component", () => {
       ];
       await wrapper.vm.$nextTick();
       const drawer = wrapper.find('[data-test-stub="o-drawer"]');
-      expect(drawer.attributes("data-primary-label")).toBe("Add 1 dashboard(s)");
+      expect(drawer.attributes("data-primary-label")).toBe("Add 1 dashboard");
     });
 
     it("should disable the ODrawer primary button when no dashboards selected", async () => {
diff --git a/web/src/components/dashboards/AddDashboardFromGitHub.vue b/web/src/components/dashboards/AddDashboardFromGitHub.vue
index dcfa55bc7d..631992abff 100644
--- a/web/src/components/dashboards/AddDashboardFromGitHub.vue
+++ b/web/src/components/dashboards/AddDashboardFromGitHub.vue
@@ -43,7 +43,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       v-else-if="error"
       preset="load-error"
       size="hero"
-      :description="error"
+      :description="raw(error)"
       :action-label="t('dashboard.addDashboardFromGitHub.retry')"
       @action="loadDashboards"
     />
@@ -204,7 +204,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 import { defineComponent, ref, computed, watch } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import dashboardsService from "@/services/dashboards";
 import AddFolder from "@/components/dashboards/AddFolder.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -223,7 +223,7 @@ import { toast } from "@/lib/feedback/Toast/useToast";
 interface GitHubDashboard {
   name: string;
   displayName: string;
-  description?: string;
+  description?: I18nText;
   folderPath: string;
   jsonFiles: string[];
 }
@@ -266,7 +266,7 @@ export default defineComponent({
     const selectedDashboards = ref<GitHubDashboard[]>([]);
     const showFolderSelection = ref(false);
     const selectedFolderObj = ref<string | null>(null);
-    const folderOptions = ref<{ label: string; value: string }[]>([]);
+    const folderOptions = ref<{ label: I18nText; value: string }[]>([]);
     const importing = ref(false);
     const preparing = ref(false);
     const showAddFolderDialog = ref(false);
@@ -434,7 +434,7 @@ export default defineComponent({
         ];
 
         folderOptions.value = sorted.map((f: any) => ({
-          label: f.name,
+          label: raw(f.name),
           value: f.folderId,
         }));
 
@@ -656,6 +656,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       show,
       loading,
diff --git a/web/src/components/dashboards/PanelEditor/types/panelEditor.ts b/web/src/components/dashboards/PanelEditor/types/panelEditor.ts
index 2aaa5ffebd..b5d1180564 100644
--- a/web/src/components/dashboards/PanelEditor/types/panelEditor.ts
+++ b/web/src/components/dashboards/PanelEditor/types/panelEditor.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { Ref } from "vue";
 
 // ============================================================================
@@ -97,8 +99,8 @@ export interface PanelEditorChartData {
   version?: number;
   id?: string;
   type?: string;
-  title?: string;
-  description?: string;
+  title?: I18nText;
+  description?: I18nText;
   config?: Record<string, any>;
   htmlContent?: string;
   markdownContent?: string;
@@ -152,8 +154,8 @@ export interface PanelEditorChartData {
  */
 export interface PanelEditorDashboardData {
   dashboardId?: string;
-  title?: string;
-  description?: string;
+  title?: I18nText;
+  description?: I18nText;
   tabs?: any[];
   variables?: {
     list?: any[];
diff --git a/web/src/components/dashboards/QueryInspector.vue b/web/src/components/dashboards/QueryInspector.vue
index c88cac6fea..f62e3f37cb 100644
--- a/web/src/components/dashboards/QueryInspector.vue
+++ b/web/src/components/dashboards/QueryInspector.vue
@@ -70,7 +70,7 @@
             </div>
             <div class="group relative mt-1">
               <div
-                class="rounded-default bg-theme-body-bg-primary border-card-glass-border inspector-query-editor max-h-40 overflow-y-auto border p-2 font-mono text-sm break-all whitespace-pre-wrap [scrollbar-color:color-mix(in_srgb,var(--color-grey-500)_20%,transparent)_transparent] [scrollbar-width:thin]"
+                class="rounded-default bg-theme-body-bg-primary border-card-glass-border inspector-query-editor max-h-40 [scrollbar-width:thin] [scrollbar-color:color-mix(in_srgb,var(--color-grey-500)_20%,transparent)_transparent] overflow-y-auto border p-2 font-mono text-sm break-all whitespace-pre-wrap"
                 :data-test="`query-inspector-original-query-${index}`"
                 v-html="
                   highlightSearch(
@@ -99,7 +99,7 @@
             </div>
             <div class="group relative mt-1">
               <div
-                class="rounded-default bg-theme-body-bg-primary border-card-glass-border inspector-query-editor max-h-40 overflow-y-auto border p-2 font-mono text-sm break-all whitespace-pre-wrap [scrollbar-color:color-mix(in_srgb,var(--color-grey-500)_20%,transparent)_transparent] [scrollbar-width:thin]"
+                class="rounded-default bg-theme-body-bg-primary border-card-glass-border inspector-query-editor max-h-40 [scrollbar-width:thin] [scrollbar-color:color-mix(in_srgb,var(--color-grey-500)_20%,transparent)_transparent] overflow-y-auto border p-2 font-mono text-sm break-all whitespace-pre-wrap"
                 :data-test="`query-inspector-executed-query-${index}`"
                 v-html="
                   highlightSearch(
diff --git a/web/src/components/dashboards/addPanel/AddAnnotation.vue b/web/src/components/dashboards/addPanel/AddAnnotation.vue
index a1eef57c4d..70e6360363 100644
--- a/web/src/components/dashboards/addPanel/AddAnnotation.vue
+++ b/web/src/components/dashboards/addPanel/AddAnnotation.vue
@@ -80,7 +80,7 @@
 import { ref, computed, watch } from "vue";
 import type { PropType } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped, raw } from "@/types/i18n";
+import { useI18nTyped, raw, type I18nText } from "@/types/i18n";
 import { useLoading } from "@/composables/useLoading";
 import { annotationService } from "@/services/dashboard_annotations";
 import useNotifications from "@/composables/useNotifications";
@@ -95,7 +95,7 @@ import type { AddAnnotationForm } from "./AddAnnotation.schema";
 
 interface AnnotationData {
   annotation_id: string | null;
-  title: string;
+  title: I18nText;
   text: string;
   start_time: number | null;
   end_time: number | null;
@@ -105,7 +105,7 @@ interface AnnotationData {
 
 interface AnnotationPanel {
   id: string;
-  title: string;
+  title: I18nText;
   tabName?: string;
 }
 
@@ -136,7 +136,7 @@ const showDeleteConfirm = ref(false);
 const annotationData = ref<AnnotationData>(
   props.annotation || {
     annotation_id: null,
-    title: "",
+    title: raw(""),
     text: "",
     start_time: null,
     end_time: null,
@@ -158,9 +158,9 @@ const groupedPanels = ref<Record<string, AnnotationPanel[]>>({});
 
 const groupedPanelsOptions = computed(() =>
   Object.entries(groupedPanels.value).flatMap(([tab, panels]) => [
-    { label: tab, isTab: true, disable: true },
+    { label: raw(tab), isTab: true, disable: true },
     ...panels.map((panel) => ({
-      label: panel.title,
+      label: raw(panel.title),
       value: panel.id,
       isTab: false,
     })),
@@ -286,7 +286,7 @@ const confirmDelete = async () => {
 // reads consistent values. Plain async — OForm awaits it, and the ODialog
 // built-in primary button (form-id) auto-shows the Save spinner (no useLoading).
 const saveAnnotation = async (value: AddAnnotationForm) => {
-  if (value?.title != null) annotationData.value.title = value.title;
+  if (value?.title != null) annotationData.value.title = raw(value.title);
   annotationData.value.text = value?.text ?? "";
   annotationData.value.panels = value?.panels ?? [];
   await handleSave();
diff --git a/web/src/components/dashboards/addPanel/AxisFieldChipLabel.vue b/web/src/components/dashboards/addPanel/AxisFieldChipLabel.vue
index 5aff1f7e7a..520e2f99f8 100644
--- a/web/src/components/dashboards/addPanel/AxisFieldChipLabel.vue
+++ b/web/src/components/dashboards/addPanel/AxisFieldChipLabel.vue
@@ -30,12 +30,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 
 const props = withDefaults(
   defineProps<{
     /** Full chip label, e.g. "histogram(_timestamp, acos(actual_value))" */
-    label: string;
+    label: I18nText;
     /** Token utility for every function/aggregation name (nested included) */
     fnClass?: string;
     /** Token utility for the emphasized field/column name */
diff --git a/web/src/components/dashboards/addPanel/ColorPaletteDropDown.vue b/web/src/components/dashboards/addPanel/ColorPaletteDropDown.vue
index 03eb7974f8..4a048ba469 100644
--- a/web/src/components/dashboards/addPanel/ColorPaletteDropDown.vue
+++ b/web/src/components/dashboards/addPanel/ColorPaletteDropDown.vue
@@ -144,7 +144,7 @@ import useDashboardPanelData from "@/composables/dashboard/useDashboardPanel";
 import { getColorPalette } from "@/utils/dashboard/colorPalette";
 import { computed, inject, onBeforeMount, defineComponent } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
 import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -153,9 +153,9 @@ import OSelectGroup from "@/lib/forms/Select/OSelectGroup.vue";
 import type { SelectModelValue } from "@/lib/forms/Select/OSelect.types";
 
 interface ColorOption {
-  label: string;
+  label: I18nText;
   value?: string;
-  subLabel?: string;
+  subLabel?: I18nText;
   colorPalette?: string[];
   header?: boolean;
 }
diff --git a/web/src/components/dashboards/addPanel/ConfigPanel.vue b/web/src/components/dashboards/addPanel/ConfigPanel.vue
index 30b1cd72e4..13dfb6402d 100644
--- a/web/src/components/dashboards/addPanel/ConfigPanel.vue
+++ b/web/src/components/dashboards/addPanel/ConfigPanel.vue
@@ -151,7 +151,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   data-test="dashboard-config-panel-time-picker"
                   class="w-fit max-w-full min-w-0 overflow-hidden"
                 />
-                <OTooltip :content="formattedPickerValue" max-width="320px" />
+                <OTooltip :content="raw(formattedPickerValue)" max-width="320px" />
               </div>
               <OIcon
                 class="mr-1 ml-2 flex-shrink-0 shrink-0 cursor-pointer"
@@ -440,7 +440,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               v-for="(tab, index) in dashboardPanelData.data.queries"
               :key="index"
               :name="index"
-              :label="`${t('dashboard.queryLabel')} ${Number(index) + 1}`"
+              :label="raw(`${t('dashboard.queryLabel')} ${Number(index) + 1}`)"
               :data-test="`dashboard-config-query-tab-${index}`"
             >
             </OTab>
@@ -603,7 +603,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             />
           </div>
           <OInput
-            placeholder="{field_name}"
+            :placeholder="raw('{field_name}')"
             v-model="
               dashboardPanelDataModel.data.queries[dashboardPanelData.layout.currentQueryIndex]
                 .config.query_label
@@ -719,7 +719,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           v-if="shouldShowNoValueReplacement(dashboardPanelData, promqlMode)"
           v-show="isConfigOptionVisible('data', 'no-value-replacement')"
           v-model="dashboardPanelDataModel.data.config.no_value_replacement"
-          placeholder="-"
+          :placeholder="raw('-')"
           :label="t('dashboard.noValueReplacement')"
           data-test="dashboard-config-no-value-replacement"
         >
@@ -1729,7 +1729,7 @@ import { type SwitchValue } from "@/lib/forms/Switch/OSwitch.types";
 import useDashboardPanelData from "@/composables/dashboard/useDashboardPanel";
 import { getUnitOptions } from "@/composables/dashboard/useColumnFormatting";
 import { computed, defineComponent, inject, nextTick, onBeforeMount, onMounted, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import Drilldown from "./Drilldown.vue";
 import ValueMapping from "./ValueMapping.vue";
 import ColorBySeries from "./ColorBySeries.vue";
@@ -2150,8 +2150,10 @@ export default defineComponent({
         value: "center",
       },
     ];
-    // Single source of truth — shared with the column-formatting dialog.
-    const unitOptions = getUnitOptions(t);
+    // Single source of truth — shared with the column-formatting dialog. Its
+    // labels are already translated (it is handed `t`), but the helper's
+    // signature widens them back to `string`, so re-brand them for OSelect.
+    const unitOptions = getUnitOptions(t).map((o) => ({ ...o, label: raw(o.label) }));
 
     const labelPositionOptions = [
       {
@@ -2306,7 +2308,7 @@ export default defineComponent({
 
       return streamFields.schema.map((it: any) => {
         return {
-          label: it.name,
+          label: raw(it.name),
           value: it.name,
         };
       });
@@ -2557,6 +2559,7 @@ export default defineComponent({
     const decimalsTouched = ref(false);
 
     return {
+      raw,
       legendsPositionModel,
       legendsTypeModel,
       chartAlignModel,
diff --git a/web/src/components/dashboards/addPanel/DashboardQueryEditor.vue b/web/src/components/dashboards/addPanel/DashboardQueryEditor.vue
index 95352d0464..2dd447b441 100644
--- a/web/src/components/dashboards/addPanel/DashboardQueryEditor.vue
+++ b/web/src/components/dashboards/addPanel/DashboardQueryEditor.vue
@@ -211,7 +211,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     "
                     :hide-nl-toggle="false"
                     :disable-ai="false"
-                    :disable-ai-reason="''"
+                    :disable-ai-reason="raw('')"
                     :ai-placeholder="t('function.askAIFunctionPlaceholder')"
                     :ai-tooltip="t('function.enterFunctionPrompt')"
                     editor-height="100%"
@@ -276,7 +276,7 @@ import OTabs from "@/lib/navigation/Tabs/OTabs.vue";
 import OTab from "@/lib/navigation/Tabs/OTab.vue";
 // @ts-nocheck
 import { defineComponent, ref, watch, computed, onMounted, nextTick, onUnmounted } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import useDashboardPanelData from "../../../composables/dashboard/useDashboardPanel";
 import QueryTypeSelector from "../addPanel/QueryTypeSelector.vue";
@@ -892,6 +892,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       router,
       onDropDownClick,
diff --git a/web/src/components/dashboards/addPanel/DrilldownUserGuide.vue b/web/src/components/dashboards/addPanel/DrilldownUserGuide.vue
index 02a5d54a9b..91c2804c05 100644
--- a/web/src/components/dashboards/addPanel/DrilldownUserGuide.vue
+++ b/web/src/components/dashboards/addPanel/DrilldownUserGuide.vue
@@ -16,7 +16,7 @@
   </div>
   <Teleport to="body">
     <div
-      class="user-guide border-border-default rounded-default bg-surface-base pointer-events-auto fixed z-9999 max-h-75 w-125 overflow-y-auto border p-2.5 [scrollbar-color:color-mix(in_srgb,var(--color-grey-950)_25%,transparent)_color-mix(in_srgb,var(--color-grey-950)_5%,transparent)] [scrollbar-width:thin] [&_div]:m-0 [&_li]:m-0 [&_p]:m-0 [&_ul]:m-0"
+      class="user-guide border-border-default rounded-default bg-surface-base pointer-events-auto fixed z-9999 max-h-75 w-125 [scrollbar-width:thin] [scrollbar-color:color-mix(in_srgb,var(--color-grey-950)_25%,transparent)_color-mix(in_srgb,var(--color-grey-950)_5%,transparent)] overflow-y-auto border p-2.5 [&_div]:m-0 [&_li]:m-0 [&_p]:m-0 [&_ul]:m-0"
       v-show="showUserGuide"
       @mouseleave="showUserGuide = false"
       ref="userGuideDivRef"
diff --git a/web/src/components/dashboards/addPanel/OverrideConfig.vue b/web/src/components/dashboards/addPanel/OverrideConfig.vue
index c2883a2006..4898ebb1b2 100644
--- a/web/src/components/dashboards/addPanel/OverrideConfig.vue
+++ b/web/src/components/dashboards/addPanel/OverrideConfig.vue
@@ -28,14 +28,14 @@
 
 <script lang="ts">
 import { defineComponent, ref, computed, inject, onBeforeMount } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OverrideConfigPopup from "../OverrideConfigPopup.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import useDashboardPanelData from "../../../composables/dashboard/useDashboardPanel";
 
 interface Column {
   alias: string;
-  label: string;
+  label: I18nText;
   format?: (val: unknown) => string;
 }
 
diff --git a/web/src/components/dashboards/addPanel/PanelFieldList.vue b/web/src/components/dashboards/addPanel/PanelFieldList.vue
index f133ebaac7..26c7bb88b8 100644
--- a/web/src/components/dashboards/addPanel/PanelFieldList.vue
+++ b/web/src/components/dashboards/addPanel/PanelFieldList.vue
@@ -396,7 +396,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch, onMounted, inject } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
 import useDashboardPanelData from "@/composables/dashboard/useDashboardPanel";
@@ -515,7 +515,7 @@ function onStreamChange(val: SelectModelValue) {
 // ── Stream type options ────────────────────────────────────────────────
 
 const streamTypeOptions = computed(() =>
-  ["logs", "metrics", "traces"].map((t: string) => ({ label: t, value: t })),
+  ["logs", "metrics", "traces"].map((t: string) => ({ label: raw(t), value: t })),
 );
 
 // ── Stream list ────────────────────────────────────────────────────────
diff --git a/web/src/components/dashboards/addPanel/PanelSidebar.vue b/web/src/components/dashboards/addPanel/PanelSidebar.vue
index 5c87157613..d7e768a087 100644
--- a/web/src/components/dashboards/addPanel/PanelSidebar.vue
+++ b/web/src/components/dashboards/addPanel/PanelSidebar.vue
@@ -71,7 +71,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, watch, provide } from "vue";
+import { type I18nText } from "@/types/i18n";
+import { defineComponent, ref, watch, provide, type PropType } from "vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
@@ -80,7 +81,7 @@ export default defineComponent({
   components: { OSeparator, OButton, OIcon },
   props: {
     title: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: true,
     },
     modelValue: {
diff --git a/web/src/components/dashboards/addPanel/TablePaginationControls.spec.ts b/web/src/components/dashboards/addPanel/TablePaginationControls.spec.ts
index fee38c9349..3e28439a01 100644
--- a/web/src/components/dashboards/addPanel/TablePaginationControls.spec.ts
+++ b/web/src/components/dashboards/addPanel/TablePaginationControls.spec.ts
@@ -22,6 +22,9 @@ const mockI18n = createI18n({
   locale: "en",
   messages: {
     en: {
+      common: {
+        all: "All",
+      },
       dashboard: {
         rowsPerPage: "Rows per page",
       },
diff --git a/web/src/components/dashboards/addPanel/TablePaginationControls.vue b/web/src/components/dashboards/addPanel/TablePaginationControls.vue
index 07441748b9..f2b37aa4f7 100644
--- a/web/src/components/dashboards/addPanel/TablePaginationControls.vue
+++ b/web/src/components/dashboards/addPanel/TablePaginationControls.vue
@@ -84,7 +84,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import type { SelectModelValue } from "@/lib/forms/Select/OSelect.types";
@@ -140,12 +140,13 @@ export default defineComponent({
 
     const formattedPaginationOptions = computed(() =>
       props.paginationOptions.map((opt) => ({
-        label: opt === 0 ? "All" : String(opt),
+        label: opt === 0 ? t("common.all") : raw(String(opt)),
         value: opt,
       })),
     );
 
     return {
+      raw,
       countDisplay,
       formattedPaginationOptions,
       t,
diff --git a/web/src/components/dashboards/addPanel/customChartExamples/CustomChartConfirmDialog.vue b/web/src/components/dashboards/addPanel/customChartExamples/CustomChartConfirmDialog.vue
index 6ed80621c5..a98324cac8 100644
--- a/web/src/components/dashboards/addPanel/customChartExamples/CustomChartConfirmDialog.vue
+++ b/web/src/components/dashboards/addPanel/customChartExamples/CustomChartConfirmDialog.vue
@@ -46,8 +46,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 // @ts-nocheck
-import { defineComponent, ref, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { defineComponent, ref, computed, type PropType } from "vue";
+import { type I18nText, useI18nTyped } from "@/types/i18n";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import OCheckbox from "@/lib/forms/Checkbox/OCheckbox.vue";
 import OBanner from "@/lib/feedback/Banner/OBanner.vue";
@@ -58,11 +58,11 @@ export default defineComponent({
   emits: ["update:ok", "update:cancel", "update:modelValue"],
   props: {
     title: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: true,
     },
     message: {
-      type: String,
+      type: String as unknown as PropType<I18nText>,
       required: true,
     },
     warningMessage: {
diff --git a/web/src/components/dashboards/addPanel/customChartExamples/CustomChartTypeSelector.vue b/web/src/components/dashboards/addPanel/customChartExamples/CustomChartTypeSelector.vue
index 613ad07b34..6cc7695f2b 100644
--- a/web/src/components/dashboards/addPanel/customChartExamples/CustomChartTypeSelector.vue
+++ b/web/src/components/dashboards/addPanel/customChartExamples/CustomChartTypeSelector.vue
@@ -131,7 +131,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     >
                       <img
                         :src="chart.asset"
-                        :alt="chart.label"
+                        :alt="t(chart.labelKey)"
                         class="h-full w-full object-cover"
                         loading="lazy"
                       />
@@ -139,7 +139,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   </OCardSection>
                   <OCardSection class="px-2 pt-0 pb-2">
                     <div class="text-center text-xs font-medium">
-                      {{ chart.label }}
+                      {{ t(chart.labelKey) }}
                     </div>
                   </OCardSection>
                 </OCard>
@@ -218,8 +218,10 @@ export default defineComponent({
       const filtered: ChartCategory[] = [];
 
       chartCategories.value.forEach((category) => {
+        // Search the RESOLVED name, not the key — otherwise typing "line" would
+        // match the dotted path rather than what the user can actually see.
         const filteredCharts = category.type.filter((chart) =>
-          chart.label.toLowerCase().includes(query),
+          t(chart.labelKey).toLowerCase().includes(query),
         );
 
         if (filteredCharts.length > 0) {
diff --git a/web/src/components/dashboards/addPanel/customChartExamples/customChartExampleTypes.ts b/web/src/components/dashboards/addPanel/customChartExamples/customChartExampleTypes.ts
index 238c662994..2cbee78ca3 100644
--- a/web/src/components/dashboards/addPanel/customChartExamples/customChartExampleTypes.ts
+++ b/web/src/components/dashboards/addPanel/customChartExamples/customChartExampleTypes.ts
@@ -1,7 +1,15 @@
+import type { I18nKey } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 
 export interface ChartType {
-  label: string;
+  /**
+   * i18n KEY for the example's display name, not the English text — this module
+   * is a plain, module-scope constant with no `t()` in reach, so resolving here
+   * would freeze the copy at whatever locale was active on import. The consumer
+   * (CustomChartTypeSelector.vue) calls `t(labelKey)` at render time instead.
+   */
+  labelKey: I18nKey;
   value: string;
   asset: string;
 }
@@ -17,22 +25,22 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Line",
       type: [
         {
-          label: "Basic Line Chart",
+          labelKey: "dashboard.customChartTypeSelector.examples.basicLineChart",
           value: "line-simple",
           asset: getImageURL("dashboard/CustomChartAssets/line-simple.webp"),
         },
         {
-          label: "Confidence Band",
+          labelKey: "dashboard.customChartTypeSelector.examples.confidenceBand",
           value: "confidence-band",
           asset: getImageURL("dashboard/CustomChartAssets/confidence-band.webp"),
         },
         {
-          label: "Multiple X Axes",
+          labelKey: "dashboard.customChartTypeSelector.examples.multipleXAxes",
           value: "multiple-x-axis",
           asset: getImageURL("dashboard/CustomChartAssets/multiple-x-axis.webp"),
         },
         {
-          label: "Intraday Line Breaks 1",
+          labelKey: "dashboard.customChartTypeSelector.examples.intradayLineBreaks1",
           value: "intraday-breaks-1",
           asset: getImageURL("dashboard/CustomChartAssets/intraday-breaks-1.webp"),
         },
@@ -42,17 +50,17 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Bar",
       type: [
         {
-          label: "Bar Race",
+          labelKey: "dashboard.customChartTypeSelector.examples.barRace",
           value: "bar-race",
           asset: getImageURL("dashboard/CustomChartAssets/bar-race.webp"),
         },
         {
-          label: "Stacked Bar Normalization",
+          labelKey: "dashboard.customChartTypeSelector.examples.stackedBarNormalization",
           value: "bar-stack-normalization",
           asset: getImageURL("dashboard/CustomChartAssets/bar-stack-normalization.webp"),
         },
         {
-          label: "Stacked Radial Bar (Polar)",
+          labelKey: "dashboard.customChartTypeSelector.examples.stackedRadialBarPolar",
           value: "bar-polar-stack-radial",
           asset: getImageURL("dashboard/CustomChartAssets/bar-polar-stack-radial.webp"),
         },
@@ -62,12 +70,12 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Pie",
       type: [
         {
-          label: "Pie with Border",
+          labelKey: "dashboard.customChartTypeSelector.examples.pieWithBorder",
           value: "pie-border-radius",
           asset: getImageURL("dashboard/CustomChartAssets/pie-border-radius.webp"),
         },
         {
-          label: "Partition Data to Pies",
+          labelKey: "dashboard.customChartTypeSelector.examples.partitionDataToPies",
           value: "data-transform-multiple-pie",
           asset: getImageURL("dashboard/CustomChartAssets/data-transform-multiple-pie.webp"),
         },
@@ -77,12 +85,12 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Scatter",
       type: [
         {
-          label: "Scatter Matrix",
+          labelKey: "dashboard.customChartTypeSelector.examples.scatterMatrix",
           value: "scatter-matrix",
           asset: getImageURL("dashboard/CustomChartAssets/scatter-matrix.webp"),
         },
         {
-          label: "Scatter Polynomial Regression",
+          labelKey: "dashboard.customChartTypeSelector.examples.scatterPolynomialRegression",
           value: "scatter-polynomial-regression",
           asset: getImageURL("dashboard/CustomChartAssets/scatter-polynomial-regression.webp"),
         },
@@ -92,12 +100,12 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Radar",
       type: [
         {
-          label: "Customized Radar Chart",
+          labelKey: "dashboard.customChartTypeSelector.examples.customizedRadarChart",
           value: "radar-custom",
           asset: getImageURL("dashboard/CustomChartAssets/radar-custom.webp"),
         },
         {
-          label: "Multiple Radar",
+          labelKey: "dashboard.customChartTypeSelector.examples.multipleRadar",
           value: "radar-multiple-2",
           asset: getImageURL("dashboard/CustomChartAssets/radar-multiple-2.webp"),
         },
@@ -107,7 +115,7 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Boxplot",
       type: [
         {
-          label: "Data Transform Simple Aggregate",
+          labelKey: "dashboard.customChartTypeSelector.examples.dataTransformSimpleAggregate",
           value: "data-transform-aggregate",
           asset: getImageURL("dashboard/CustomChartAssets/data-transform-aggregate.webp"),
         },
@@ -117,7 +125,7 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Graph",
       type: [
         {
-          label: "Graph on Cartesian",
+          labelKey: "dashboard.customChartTypeSelector.examples.graphOnCartesian",
           value: "graph-on-cartesian",
           asset: getImageURL("dashboard/CustomChartAssets/graph-on-cartesian.webp"),
         },
@@ -127,7 +135,7 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Treemap",
       type: [
         {
-          label: "Treemap chart",
+          labelKey: "dashboard.customChartTypeSelector.examples.treemapChart",
           value: "treemap-chart",
           asset: getImageURL("dashboard/CustomChartAssets/treemap-chart.webp"),
         },
@@ -137,7 +145,7 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Funnel",
       type: [
         {
-          label: "Customized Funnel",
+          labelKey: "dashboard.customChartTypeSelector.examples.customizedFunnel",
           value: "funnel-customize",
           asset: getImageURL("dashboard/CustomChartAssets/funnel-customize.webp"),
         },
@@ -147,7 +155,7 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "Dataset",
       type: [
         {
-          label: "Series Layout",
+          labelKey: "dashboard.customChartTypeSelector.examples.seriesLayout",
           value: "dataset-series-layout",
           asset: getImageURL("dashboard/CustomChartAssets/dataset-series-layout.webp"),
         },
@@ -157,22 +165,22 @@ export const chartTypesData: { data: ChartCategory[] } = {
       chartLabel: "3D",
       type: [
         {
-          label: "3D Bar with Dataset",
+          labelKey: "dashboard.customChartTypeSelector.examples.threeDBarWithDataset",
           value: "bar3d-dataset",
           asset: getImageURL("dashboard/CustomChartAssets/bar3d-dataset.webp"),
         },
         {
-          label: "Bar3D Punch Card",
+          labelKey: "dashboard.customChartTypeSelector.examples.bar3dPunchCard",
           value: "bar3d-punchcard",
           asset: getImageURL("dashboard/CustomChartAssets/bar3d-punchcard.webp"),
         },
         {
-          label: "3D Scatter with Scatter Matrix",
+          labelKey: "dashboard.customChartTypeSelector.examples.threeDScatterWithScatterMatrix",
           value: "scatter3d-scatter-matrix",
           asset: getImageURL("dashboard/CustomChartAssets/scatter3d-scatter-matrix.webp"),
         },
         {
-          label: "3D Scatter Dataset",
+          labelKey: "dashboard.customChartTypeSelector.examples.threeDScatterDataset",
           value: "scatter3d-dataset",
           asset: getImageURL("dashboard/CustomChartAssets/scatter3D-dataset.webp"),
         },
diff --git a/web/src/components/dashboards/settings/AddSettingVariable.vue b/web/src/components/dashboards/settings/AddSettingVariable.vue
index c831a3250b..1adb12a9a3 100644
--- a/web/src/components/dashboards/settings/AddSettingVariable.vue
+++ b/web/src/components/dashboards/settings/AddSettingVariable.vue
@@ -20,7 +20,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <DashboardHeader :title="title" backButton @back="close"> </DashboardHeader>
 
       <div
-        class="[&::-webkit-scrollbar-thumb]:rounded-default [&::-webkit-scrollbar-thumb]:bg-border-default min-h-0 flex-1 overflow-y-auto px-0.75 pb-4 [scrollbar-color:var(--color-border-default)_transparent] [scrollbar-width:thin] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:bg-transparent"
+        class="[&::-webkit-scrollbar-thumb]:rounded-default [&::-webkit-scrollbar-thumb]:bg-border-default min-h-0 flex-1 [scrollbar-width:thin] [scrollbar-color:var(--color-border-default)_transparent] overflow-y-auto px-0.75 pb-4 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar]:bg-transparent"
       >
         <OForm greedy id="add-setting-variable-form" :form="form" class="px-0.5">
           <div class="mt-3">
@@ -204,7 +204,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       valueKey="name"
                       searchable
                       :placeholder="
-                        filter.name ? '' : t('dashboard.addSettingVariable.selectFieldPlaceholder')
+                        filter.name
+                          ? raw('')
+                          : t('dashboard.addSettingVariable.selectFieldPlaceholder')
                       "
                       :title="filter.name || undefined"
                       @update:model-value="filterUpdated(index, $event)"
@@ -529,7 +531,7 @@ import {
   computed,
   nextTick,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useSelectAutoComplete } from "../../../composables/useSelectAutocomplete";
 import { useStore } from "vuex";
 import { addVariable, getDashboard, updateVariable } from "../../../utils/commons";
@@ -607,7 +609,7 @@ export default defineComponent({
         filter: [],
       },
       value: "",
-      options: [{ label: "", value: "", selected: true }],
+      options: [{ label: raw(""), value: "", selected: true }],
       multiSelect: false,
       hideOnDashboard: false,
       selectAllValueForMultiSelect: "first",
@@ -689,7 +691,7 @@ export default defineComponent({
     // Format tabs for selection from dashboard data
     const tabsOptions = computed(() =>
       dashboardData.value.tabs.map((tab: any) => ({
-        label: tab.name,
+        label: raw(tab.name),
         value: tab.tabId,
       })),
     );
@@ -730,7 +732,7 @@ export default defineComponent({
           // Add existing panels from this tab
           panelOptions.push(
             ...(tab.panels || []).map((panel: any) => ({
-              label: panel.title,
+              label: raw(panel.title),
               value: panel.id,
             })),
           );
@@ -788,7 +790,7 @@ export default defineComponent({
     ]);
 
     const streamTypeOptions = computed(() =>
-      data.streamType.map((t: string) => ({ label: t, value: t })),
+      data.streamType.map((t: string) => ({ label: raw(t), value: t })),
     );
 
     const handleCustomSelectAll = () => {
@@ -1051,7 +1053,7 @@ export default defineComponent({
     const addField = () => {
       // add new field for options
       formPush("options", {
-        label: "",
+        label: raw(""),
         value: "",
         selected: false,
       });
@@ -1442,7 +1444,7 @@ export default defineComponent({
       });
 
       return filteredVars.map((it: any) => ({
-        label: it.name,
+        label: raw(it.name),
         value: "$" + it.name,
       }));
     });
@@ -1539,6 +1541,7 @@ export default defineComponent({
       isSavingVariable,
       store,
       t,
+      raw,
       data,
       streamsFilterFn,
       fieldsFilterFn,
diff --git a/web/src/components/dashboards/settings/VariableAdHocValueSelector.vue b/web/src/components/dashboards/settings/VariableAdHocValueSelector.vue
index a9ddfdd478..cbdbf20338 100644
--- a/web/src/components/dashboards/settings/VariableAdHocValueSelector.vue
+++ b/web/src/components/dashboards/settings/VariableAdHocValueSelector.vue
@@ -55,7 +55,7 @@
 import { defineComponent, ref, toRef, watch, type Ref, toRefs } from "vue";
 import { useSelectAutoComplete } from "../../../composables/useSelectAutocomplete";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import DynamicFilterIcon from "../../icons/DynamicFilterIcon.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OInput from "@/lib/forms/Input/OInput.vue";
@@ -79,8 +79,8 @@ export default defineComponent({
     const store = useStore();
     const { t } = useI18nTyped();
     const operatorOptions = [
-      { label: "=", value: "=" },
-      { label: "!=", value: "!=" },
+      { label: raw("="), value: "=" },
+      { label: raw("!="), value: "!=" },
     ];
     const options = toRef(props.variableItem, "options");
     const { modelValue: adhocVariables } = toRefs(props) as {
@@ -121,6 +121,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       fieldsFilterFn,
       fieldsFilteredOptions,
       addFields,
diff --git a/web/src/components/dashboards/settings/common/DashboardHeader.vue b/web/src/components/dashboards/settings/common/DashboardHeader.vue
index e3707963fd..ea52520672 100644
--- a/web/src/components/dashboards/settings/common/DashboardHeader.vue
+++ b/web/src/components/dashboards/settings/common/DashboardHeader.vue
@@ -42,7 +42,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
+import { raw, type I18nText } from "@/types/i18n";
+import { defineComponent, type PropType } from "vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
 
@@ -51,8 +52,8 @@ export default defineComponent({
   components: { OSeparator, OButton },
   props: {
     title: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
     backButton: {
       type: Boolean,
@@ -66,6 +67,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       onBackClicked,
     };
   },
diff --git a/web/src/components/flow/NodePalette.vue b/web/src/components/flow/NodePalette.vue
index 87674597b0..e9ce910d3c 100644
--- a/web/src/components/flow/NodePalette.vue
+++ b/web/src/components/flow/NodePalette.vue
@@ -37,6 +37,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     testPrefix  — data-test prefix, so each editor keeps its existing selectors
 -->
 <script lang="ts">
+import type { I18nText } from "@/types/i18n";
 // Palette styling lives in its own token-driven stylesheet (see the note at the
 // top of node-palette.css for why it cannot be scoped). Imported here rather
 // than through an SFC style block, so this component carries none at all.
@@ -51,8 +52,8 @@ interface NodePaletteItem {
   subtype?: string;
   io_type?: string;
   isSectionHeader?: boolean;
-  label?: string;
-  tooltip?: string;
+  label?: I18nText;
+  tooltip?: I18nText;
   icon?: string;
   [key: string]: unknown;
 }
diff --git a/web/src/components/flow/StepPickerDialog.vue b/web/src/components/flow/StepPickerDialog.vue
index 595bda5998..50e9e47ff4 100644
--- a/web/src/components/flow/StepPickerDialog.vue
+++ b/web/src/components/flow/StepPickerDialog.vue
@@ -57,7 +57,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           <OSearchInput
             ref="searchRef"
             v-model="search"
-            :placeholder="placeholderText"
+            :placeholder="raw(placeholderText)"
             clearable
             class="w-full"
             :data-test="testPrefix + '-search'"
@@ -103,14 +103,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
 
 interface StepItem {
   key: string;
-  title: string;
-  description?: string;
+  title: I18nText;
+  description?: I18nText;
   icon?: string;
   iconTint?: string;
   [k: string]: any;
@@ -119,8 +119,8 @@ interface StepItem {
 const props = withDefaults(
   defineProps<{
     items: StepItem[];
-    searchPlaceholder?: string;
-    noMatchText?: string;
+    searchPlaceholder?: I18nText;
+    noMatchText?: I18nText;
     testPrefix?: string;
     /** Viewport point to open at (usually the click). Null = screen-centred. */
     anchor?: { x: number; y: number } | null;
@@ -130,8 +130,8 @@ const props = withDefaults(
     // Empty, not English: t() cannot run at module scope (no setup context), so
     // the locale fallback lives in the computeds below. A caller may still pass
     // its own already-translated string.
-    searchPlaceholder: "",
-    noMatchText: "",
+    searchPlaceholder: raw(""),
+    noMatchText: raw(""),
     testPrefix: "flow-step",
   },
 );
diff --git a/web/src/components/functions/AddEnrichmentTable.vue b/web/src/components/functions/AddEnrichmentTable.vue
index bc2f1b11ba..3e1f43797e 100644
--- a/web/src/components/functions/AddEnrichmentTable.vue
+++ b/web/src/components/functions/AddEnrichmentTable.vue
@@ -369,16 +369,16 @@ export default defineComponent({
       if (hasFailedJob.value) {
         // When there's a failed job, only allow: reload, replace failed, or replace all
         return [
-          { label: "Reload existing URLs", value: "reload" },
-          { label: "Replace failed URL only", value: "replace_failed" },
-          { label: "Replace all URLs", value: "replace" },
+          { label: t("function.updateModeReload"), value: "reload" },
+          { label: t("function.updateModeReplaceFailed"), value: "replace_failed" },
+          { label: t("function.updateModeReplaceAll"), value: "replace" },
         ];
       } else {
         // Normal mode: reload, append, or replace
         return [
-          { label: "Reload existing URLs", value: "reload" },
-          { label: "Add new URL", value: "append" },
-          { label: "Replace all URLs", value: "replace" },
+          { label: t("function.updateModeReload"), value: "reload" },
+          { label: t("function.updateModeAppend"), value: "append" },
+          { label: t("function.updateModeReplaceAll"), value: "replace" },
         ];
       }
     });
diff --git a/web/src/components/functions/AddFunction.vue b/web/src/components/functions/AddFunction.vue
index 44ab3f54a1..0236d051c9 100644
--- a/web/src/components/functions/AddFunction.vue
+++ b/web/src/components/functions/AddFunction.vue
@@ -58,7 +58,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   name="function"
                   v-model:is-expanded="expandState.functions"
                   :label="
-                    (transType === '1' ? t('function.jsfunction') : t('function.vrlfunction')) + '*'
+                    raw(
+                      (transType === '1' ? t('function.jsfunction') : t('function.vrlfunction')) +
+                        '*',
+                    )
                   "
                   min-header-height="2.125rem"
                 />
@@ -73,7 +76,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     :query="formData.function"
                     :hide-nl-toggle="!store.state.zoConfig.ai_enabled"
                     :disable-ai="!store.state.zoConfig.ai_enabled"
-                    :disable-ai-reason="''"
+                    :disable-ai-reason="raw('')"
                     :ai-placeholder="t('function.askAIFunctionPlaceholder')"
                     :ai-tooltip="t('function.enterFunctionPrompt')"
                     editor-height="100%"
@@ -182,7 +185,7 @@ import {
 } from "vue";
 
 import jsTransformService from "../../services/jstransform";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import config from "@/aws-exports";
 import segment from "../../services/segment_analytics";
@@ -597,6 +600,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       emit,
       disableColor,
diff --git a/web/src/components/functions/FullViewContainer.vue b/web/src/components/functions/FullViewContainer.vue
index a0f020dabb..d3996874dd 100644
--- a/web/src/components/functions/FullViewContainer.vue
+++ b/web/src/components/functions/FullViewContainer.vue
@@ -31,7 +31,8 @@
   </div>
 </template>
 <script setup lang="ts">
-import { computed } from "vue";
+import { type I18nText } from "@/types/i18n";
+import { computed, type PropType } from "vue";
 import { useStore } from "vuex";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 
@@ -41,7 +42,7 @@ const props = defineProps({
     required: true,
   },
   label: {
-    type: String,
+    type: String as unknown as PropType<I18nText>,
     required: true,
   },
   isExpandable: {
diff --git a/web/src/components/functions/TestFunction.vue b/web/src/components/functions/TestFunction.vue
index 225dfd30c1..f9049d51e0 100644
--- a/web/src/components/functions/TestFunction.vue
+++ b/web/src/components/functions/TestFunction.vue
@@ -14,7 +14,12 @@
             class="text-status-error-text mx-1 cursor-pointer"
             size="sm"
           >
-            <OTooltip side="right" align="center" :side-offset="10" :content="sqlQueryErrorMsg" />
+            <OTooltip
+              side="right"
+              align="center"
+              :side-offset="10"
+              :content="raw(sqlQueryErrorMsg)"
+            />
           </OIcon>
         </template>
         <template #right>
@@ -142,7 +147,12 @@
             class="text-status-error-text mx-1 cursor-pointer"
             size="sm"
           >
-            <OTooltip side="right" align="center" :side-offset="10" :content="eventsErrorMsg" />
+            <OTooltip
+              side="right"
+              align="center"
+              :side-offset="10"
+              :content="raw(eventsErrorMsg)"
+            />
           </OIcon>
         </template>
         <template #right>
@@ -206,7 +216,7 @@
               side="right"
               align="center"
               :side-offset="10"
-              :content="outputEventsErrorMsg"
+              :content="raw(outputEventsErrorMsg)"
             />
           </OIcon>
         </template>
@@ -361,9 +371,9 @@ const { getStreams, getStream } = useStreams(t);
 const { buildQueryPayload } = useQuery();
 
 const streamTypes = [
-  { label: "Logs", value: "logs", icon: "description" },
-  { label: "Metrics", value: "metrics", icon: "bar-chart" },
-  { label: "Traces", value: "traces", icon: "activity" },
+  { label: t("common.logs"), value: "logs", icon: "description" },
+  { label: t("common.metrics"), value: "metrics", icon: "bar-chart" },
+  { label: t("common.traces"), value: "traces", icon: "activity" },
 ];
 
 const isFetchingStreams = ref(false);
diff --git a/web/src/components/iam/IngestionTokens.vue b/web/src/components/iam/IngestionTokens.vue
index eeb110c5ae..94b046f8da 100644
--- a/web/src/components/iam/IngestionTokens.vue
+++ b/web/src/components/iam/IngestionTokens.vue
@@ -211,7 +211,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 import { ref, computed, defineComponent, onBeforeMount } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OPageLayout from "@/lib/core/PageLayout/OPageLayout.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -240,7 +240,7 @@ import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 interface Token {
   name: string;
   token: string;
-  description: string;
+  description: I18nText;
   is_default: boolean;
   enabled: boolean;
   created_by: string;
diff --git a/web/src/components/iam/groups/EditGroup.vue b/web/src/components/iam/groups/EditGroup.vue
index f89baaec38..aabaa2f01e 100644
--- a/web/src/components/iam/groups/EditGroup.vue
+++ b/web/src/components/iam/groups/EditGroup.vue
@@ -17,7 +17,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <OPageLayout
     data-test="edit-group-section"
-    :title="groupDetails.group_name"
+    :title="raw(groupDetails.group_name)"
     :back="{ label: t('iam.groups'), onClick: cancelEditGroup }"
     bleed
   >
@@ -96,7 +96,7 @@ import GroupRoles from "./GroupRoles.vue";
 import GroupUsers from "./GroupUsers.vue";
 import AppTabs from "@/components/common/AppTabs.vue";
 import OPageLayout from "@/lib/core/PageLayout/OPageLayout.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useRouter, onBeforeRouteLeave } from "vue-router";
 import { onBeforeMount } from "vue";
 import { getGroup, updateGroup } from "@/services/iam";
diff --git a/web/src/components/iam/groups/GroupUsers.vue b/web/src/components/iam/groups/GroupUsers.vue
index 81f8990adf..a56be11ce4 100644
--- a/web/src/components/iam/groups/GroupUsers.vue
+++ b/web/src/components/iam/groups/GroupUsers.vue
@@ -145,7 +145,7 @@ import { cloneDeep } from "lodash-es";
 import { computed, watch } from "vue";
 import type { Ref } from "vue";
 import { ref, onBeforeMount } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import { TABLE_CHECKBOX_COL_SIZE, COL } from "@/lib/core/Table/OTable.types";
@@ -189,7 +189,7 @@ const { t } = useI18nTyped();
 // Org option rows: the "All" entry carries a `value`; real-org entries carry
 // identifier/id and other metadata, so every non-label field is optional.
 interface OrgOption {
-  label: string;
+  label: I18nText;
   value?: string;
   id?: string;
   identifier?: string;
diff --git a/web/src/components/iam/quota/Quota.vue b/web/src/components/iam/quota/Quota.vue
index ef6b0e627a..62a05822b7 100644
--- a/web/src/components/iam/quota/Quota.vue
+++ b/web/src/components/iam/quota/Quota.vue
@@ -394,7 +394,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import {
   computed,
   defineComponent,
@@ -501,7 +501,7 @@ export default defineComponent({
         icon: "table-chart",
       },
       {
-        label: "JSON",
+        label: raw("JSON"),
         value: "json",
         icon: "data-object",
         disabled: activeTab.value === "role-limits" && !expandedRow.value,
@@ -810,7 +810,7 @@ export default defineComponent({
             "default",
           );
           organizations.value = response.data.data.map((org: any) => ({
-            label: org.name,
+            label: raw(org.name),
             value: org.identifier,
           }));
           organizations.value.sort((a: any, b: any) => a.label.localeCompare(b.label));
@@ -822,7 +822,7 @@ export default defineComponent({
         }
       } else {
         organizations.value = store.state.organizations.map((org: any) => ({
-          label: org.name,
+          label: raw(org.name),
           value: org.identifier,
         }));
       }
@@ -1484,6 +1484,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       isDark,
       t,
       selectedOrganization,
diff --git a/web/src/components/iam/roles/EditRole.vue b/web/src/components/iam/roles/EditRole.vue
index 30519e7e0f..a53330904d 100644
--- a/web/src/components/iam/roles/EditRole.vue
+++ b/web/src/components/iam/roles/EditRole.vue
@@ -18,7 +18,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <OPageLayout
     class="pb-2.5"
     data-test="edit-role-page"
-    :title="editingRole"
+    :title="raw(editingRole)"
     :back="{ label: t('iam.roles'), onClick: cancelPermissionsUpdate }"
     bleed
   >
@@ -262,7 +262,7 @@ import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
 import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import type { Resource, Entity, Permission } from "@/ts/interfaces";
 import PermissionsTable from "@/components/iam/roles/PermissionsTable.vue";
 import { useStore } from "vuex";
diff --git a/web/src/components/iam/serviceAccounts/AddServiceAccount.vue b/web/src/components/iam/serviceAccounts/AddServiceAccount.vue
index c2d09efcab..62476f2058 100644
--- a/web/src/components/iam/serviceAccounts/AddServiceAccount.vue
+++ b/web/src/components/iam/serviceAccounts/AddServiceAccount.vue
@@ -108,7 +108,7 @@ import OFormInput from "@/lib/forms/Input/OFormInput.vue";
 import OFormSelect from "@/lib/forms/Select/OFormSelect.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import AddRole from "@/components/iam/roles/AddRole.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import config from "@/aws-exports";
 import service_accounts from "@/services/service_accounts";
@@ -252,7 +252,7 @@ export default defineComponent({
     // still selected; only its permissions need to be granted manually.
     async onRoleAdded({ role_name, startFrom }: { role_name: string; startFrom?: string }) {
       if (!this.roleOptions.some((o: any) => o.value === role_name)) {
-        this.roleOptions.push({ label: role_name, value: role_name });
+        this.roleOptions.push({ label: raw(role_name), value: role_name });
       }
       const form = (this.$refs.saForm as any)?.form;
       if (form) {
diff --git a/web/src/components/iam/serviceAccounts/ServiceAccountsList.vue b/web/src/components/iam/serviceAccounts/ServiceAccountsList.vue
index 739617d293..e9b48d2d11 100644
--- a/web/src/components/iam/serviceAccounts/ServiceAccountsList.vue
+++ b/web/src/components/iam/serviceAccounts/ServiceAccountsList.vue
@@ -268,17 +268,20 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <OTabPanel name="curl">
               <pre
                 class="bg-surface-subtle text-text-body rounded-default overflow-auto p-3 text-xs whitespace-pre-wrap"
-                >{{ tokenCurlSnippet }}</pre>
+                >{{ tokenCurlSnippet }}</pre
+              >
             </OTabPanel>
             <OTabPanel name="header">
               <pre
                 class="bg-surface-subtle text-text-body rounded-default overflow-auto p-3 text-xs whitespace-pre-wrap"
-                >{{ tokenHeaderSnippet }}</pre>
+                >{{ tokenHeaderSnippet }}</pre
+              >
             </OTabPanel>
             <OTabPanel name="env">
               <pre
                 class="bg-surface-subtle text-text-body rounded-default overflow-auto p-3 text-xs whitespace-pre-wrap"
-                >{{ tokenEnvSnippet }}</pre>
+                >{{ tokenEnvSnippet }}</pre
+              >
             </OTabPanel>
           </OTabPanels>
 
diff --git a/web/src/components/iam/users/AddUser.vue b/web/src/components/iam/users/AddUser.vue
index 381a0f11d4..b90dfb96f7 100644
--- a/web/src/components/iam/users/AddUser.vue
+++ b/web/src/components/iam/users/AddUser.vue
@@ -205,7 +205,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 import { defineComponent, ref, onActivated, onBeforeMount, watch, type PropType } from "vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import userServiece from "@/services/users";
@@ -262,10 +262,13 @@ export default defineComponent({
       default: "admin",
     },
     roles: {
-      type: Array as PropType<{ label: string; value: string }[]>,
+      type: Array as PropType<{ label: I18nText; value: string }[]>,
+      // raw(), not t(): prop defaults are evaluated before setup() runs, so no
+      // translator is in scope. The only caller (User.vue) always passes
+      // `:roles`, so this fallback does not reach the screen today.
       default: () => [
         {
-          label: "Admin",
+          label: raw("Admin"),
           value: "admin",
         },
       ],
@@ -558,7 +561,7 @@ export default defineComponent({
       loadingOrganizations.value = !store.state.organizations.length;
       store.state.organizations.forEach((org: any) => {
         organizationOptions.value.push({
-          label: org.name,
+          label: raw(org.name),
           value: org.identifier,
         });
       });
diff --git a/web/src/components/iam/users/InvitationList.vue b/web/src/components/iam/users/InvitationList.vue
index c8d1cef697..5aec0ae470 100644
--- a/web/src/components/iam/users/InvitationList.vue
+++ b/web/src/components/iam/users/InvitationList.vue
@@ -87,7 +87,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :value="row.expires_at"
               unit="us"
               :timezone="store.state.timezone"
-              empty-label="—"
+              :empty-label="raw('—')"
             />
           </template>
           <template #cell-actions="{ row }">
@@ -421,6 +421,7 @@ export default defineComponent({
     ]);
 
     return {
+      raw,
       t,
       store,
       invitations,
diff --git a/web/src/components/iam/users/User.vue b/web/src/components/iam/users/User.vue
index 9f457b5f1e..e7f5b400b9 100644
--- a/web/src/components/iam/users/User.vue
+++ b/web/src/components/iam/users/User.vue
@@ -258,7 +258,7 @@ import OTable from "@/lib/core/Table/OTable.vue";
 import type { OTableColumnDef } from "@/lib/core/Table/OTable.types";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import config from "@/aws-exports";
 import usersService from "@/services/users";
 import UpdateUserRole from "@/components/iam/users/UpdateRole.vue";
@@ -467,7 +467,7 @@ export default defineComponent({
     ]);
     const isBuiltinRole = (r: string) => BUILTIN_ROLES.has(String(r ?? "").toLowerCase());
     const userEmail: any = ref("");
-    const options = ref<{ label: string; value: string }[]>([]);
+    const options = ref<{ label: I18nText; value: string }[]>([]);
     const customRoles = ref<string[]>([]);
     const selectedRole = ref();
     const currentUserRole = ref("");
diff --git a/web/src/components/ingestion/AIIntegrations.vue b/web/src/components/ingestion/AIIntegrations.vue
index a82fa2fe94..4c2aa034f6 100644
--- a/web/src/components/ingestion/AIIntegrations.vue
+++ b/web/src/components/ingestion/AIIntegrations.vue
@@ -25,7 +25,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 v-for="cat in aiCategories"
                 :key="cat.slug"
                 :name="cat.slug"
-                :label="cat.name"
+                :label="raw(cat.name)"
                 :data-test="`ai-integrations-category-${cat.slug}`"
               />
             </OTabs>
@@ -61,7 +61,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       v-for="integration in filteredIntegrations"
                       :key="integration.slug"
                       :name="integration.routeName"
-                      :label="integration.name"
+                      :label="raw(integration.name)"
                       :data-test="`ai-integrations-item-${integration.slug}`"
                     >
                       <template #icon>
@@ -108,7 +108,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, computed, watch, onBeforeMount } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
 import { useRouter, useRoute } from "vue-router";
@@ -215,6 +215,7 @@ export default defineComponent({
     );
 
     return {
+      raw,
       t,
       store,
       isDark,
diff --git a/web/src/components/ingestion/Custom.vue b/web/src/components/ingestion/Custom.vue
index 5f5426df48..d351bde467 100644
--- a/web/src/components/ingestion/Custom.vue
+++ b/web/src/components/ingestion/Custom.vue
@@ -177,8 +177,8 @@ export default defineComponent({
 
     const copyToClipboardFn = (content: any) => {
       copyToClipboard(content.innerText, t, {
-        successMessage: "Content Copied Successfully!",
-        errorMessage: "Error while copy content.",
+        successMessage: t("common.contentCopiedSuccessfully"),
+        errorMessage: t("ingestion.copyContentError"),
         timeout: 5000,
       }).then((success: boolean) => {
         if (success) {
diff --git a/web/src/components/ingestion/DataSourceSidebarLayout.vue b/web/src/components/ingestion/DataSourceSidebarLayout.vue
index 6fa2c1931a..49f676447c 100644
--- a/web/src/components/ingestion/DataSourceSidebarLayout.vue
+++ b/web/src/components/ingestion/DataSourceSidebarLayout.vue
@@ -84,7 +84,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import ORouteTab from "@/lib/navigation/Tabs/ORouteTab.vue";
 import OTabs from "@/lib/navigation/Tabs/OTabs.vue";
 import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
@@ -93,9 +93,9 @@ import OSplitter from "@/lib/core/Splitter/OSplitter.vue";
 interface DataSourceTab {
   name: string;
   to: Record<string, any>;
-  label: string;
+  label: I18nText;
   icon?: string;
-  title?: string;
+  title?: I18nText;
   dataTest?: string;
 }
 
@@ -112,7 +112,7 @@ const props = withDefaults(
     /** data-test for the search input. */
     searchDataTest?: string;
     /** Placeholder for the search input (defaults to common.search). */
-    searchPlaceholder?: string;
+    searchPlaceholder?: I18nText;
     /** Extra class(es) for the OTabs element. */
     tabsClass?: string;
     /** data-test for the tab-list wrapper. */
@@ -126,7 +126,7 @@ const props = withDefaults(
     splitterWidth: 250,
     searchable: false,
     searchDataTest: "",
-    searchPlaceholder: "",
+    searchPlaceholder: raw(""),
     tabsClass: "",
     panelDataTest: "",
     tabDataTestPrefix: "",
diff --git a/web/src/components/ingestion/Languages.vue b/web/src/components/ingestion/Languages.vue
index afdc25c657..9114ab42f5 100644
--- a/web/src/components/ingestion/Languages.vue
+++ b/web/src/components/ingestion/Languages.vue
@@ -41,7 +41,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import DataSourceSidebarLayout from "@/components/ingestion/DataSourceSidebarLayout.vue";
 // @ts-ignore
 import { defineComponent, ref, onBeforeMount, onUpdated } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import config from "@/aws-exports";
@@ -102,7 +102,7 @@ export default defineComponent({
           },
         },
         icon: "img:" + getImageURL("images/ingestion/python.svg"),
-        label: "Python",
+        label: raw("Python"),
         contentClass: "tab_content",
       },
       {
diff --git a/web/src/components/ingestion/ai/AIIntegrationDetail.vue b/web/src/components/ingestion/ai/AIIntegrationDetail.vue
index dcf34ce2b2..377fae8cee 100644
--- a/web/src/components/ingestion/ai/AIIntegrationDetail.vue
+++ b/web/src/components/ingestion/ai/AIIntegrationDetail.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import useIngestion from "@/composables/useIngestion";
@@ -84,9 +84,9 @@ const richContent = computed(() =>
       :logo-url="integration.logo"
       :logo-url-dark="integration.logoDark"
     />
-    <AIIntegrationCard v-else-if="cardContent" :content="cardContent" :doc-url="docURL" />
+    <AIIntegrationCard v-else-if="cardContent" :content="raw(cardContent)" :doc-url="docURL" />
     <div v-else class="text-base">
-      <CopyContent :content="aiContent" />
+      <CopyContent :content="raw(aiContent)" />
       <div class="pt-6 pb-2 font-bold">
         {{ t("ingestion.ai.viewDocsPrefix") }}
         <a
diff --git a/web/src/components/ingestion/ai/McpServerCard.vue b/web/src/components/ingestion/ai/McpServerCard.vue
index 5f34201406..93f37590f7 100644
--- a/web/src/components/ingestion/ai/McpServerCard.vue
+++ b/web/src/components/ingestion/ai/McpServerCard.vue
@@ -31,7 +31,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import CopyContent from "@/components/CopyContent.vue";
@@ -318,7 +318,7 @@ const openDocs = () => {
     <!-- Endpoint -->
     <div class="flex flex-col gap-2">
       <div class="font-semibold">{{ t("ingestion.mcp.endpointLabel") }}</div>
-      <CopyContent :content="endpoint" />
+      <CopyContent :content="raw(endpoint)" />
     </div>
 
     <!-- Authentication method -->
@@ -385,7 +385,7 @@ const openDocs = () => {
         <p class="text-text-secondary">
           {{ t("ingestion.mcp.credential.shownOnce", { email: credential.email }) }}
         </p>
-        <CopyContent :content="credentialHeader" />
+        <CopyContent :content="raw(credentialHeader)" />
         <div class="flex gap-2">
           <OButton
             variant="outline"
@@ -451,7 +451,7 @@ const openDocs = () => {
           }}
         </OButton>
       </div>
-      <CopyContent :content="activeConfig" />
+      <CopyContent :content="raw(activeConfig)" />
     </div>
 
     <!-- Security note (token mode only) -->
diff --git a/web/src/components/ingestion/ai/content/AIIntegrationCard.vue b/web/src/components/ingestion/ai/content/AIIntegrationCard.vue
index a6e13e2409..881c913778 100644
--- a/web/src/components/ingestion/ai/content/AIIntegrationCard.vue
+++ b/web/src/components/ingestion/ai/content/AIIntegrationCard.vue
@@ -24,13 +24,13 @@ import OBanner from "@/lib/feedback/Banner/OBanner.vue";
 import OCodeBlock from "@/lib/core/Code/OCodeBlock.vue";
 import { parseCard } from "./parseCard";
 import { renderCardSegments, safeHttpUrl, type CardSubstitutions } from "./renderMarkdown";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
 const props = defineProps<{
   /** Raw `data-source-ui.md` content for this integration. */
-  content: string;
+  content: I18nText;
   /** Optional documentation URL shown as a footer link. */
   docUrl?: string;
 }>();
@@ -93,7 +93,7 @@ const renderedSections = computed(() =>
         v-for="(w, i) in warnings"
         :key="`warn-${i}`"
         variant="warning"
-        :content="w"
+        :content="raw(w)"
         class="mb-5"
       />
 
diff --git a/web/src/components/ingestion/ai/content/manifest.ts b/web/src/components/ingestion/ai/content/manifest.ts
index ac8985dfd0..103405ca6e 100644
--- a/web/src/components/ingestion/ai/content/manifest.ts
+++ b/web/src/components/ingestion/ai/content/manifest.ts
@@ -18,6 +18,8 @@
 // the UI which tab (category) each rich card belongs to and in what order — so
 // adding/moving a card is a content-repo-only change, no web edit required.
 
+import type { I18nText } from "@/types/i18n";
+
 export interface ManifestEntry {
   /** Folder slug under datasource-ui-content/ — matches the markdown content. */
   slug: string;
@@ -43,7 +45,7 @@ export interface ManifestCategory {
   /** Tab slug. Matches an existing tab to merge into it, or a new one to create it. */
   slug: string;
   /** Tab display name (used when creating a new tab). */
-  label?: string;
+  label?: I18nText;
   /** Tab position in the sidebar (ascending). */
   order?: number;
 }
diff --git a/web/src/components/ingestion/ai/content/parseCard.ts b/web/src/components/ingestion/ai/content/parseCard.ts
index 775c29f12a..1a9155f1e1 100644
--- a/web/src/components/ingestion/ai/content/parseCard.ts
+++ b/web/src/components/ingestion/ai/content/parseCard.ts
@@ -21,6 +21,8 @@
 // and treat every other `##` heading as a collapsible section. Internal-only
 // sections ("Panel implementation notes", "Reference") are dropped.
 
+import { raw, type I18nText } from "@/types/i18n";
+
 export interface CardMetadata {
   /** Card title (from the metadata table, or the H1 as a fallback). */
   displayName?: string;
@@ -38,7 +40,7 @@ export interface CardMetadata {
 
 export interface CardSection {
   /** Heading with any "Section N — " prefix stripped, e.g. "Install". */
-  title: string;
+  title: I18nText;
   /** Raw markdown body of the section. */
   body: string;
 }
@@ -58,7 +60,7 @@ const EXCLUDED_TITLES = new Set([
 ]);
 
 interface RawSection {
-  title: string;
+  title: I18nText;
   lines: string[];
 }
 
@@ -75,7 +77,7 @@ function splitSections(md: string): { preamble: string[]; sections: RawSection[]
 
     const heading = !inFence ? /^##\s+(.*)$/.exec(line) : null;
     if (heading) {
-      current = { title: heading[1].trim(), lines: [] };
+      current = { title: raw(heading[1].trim()), lines: [] };
       sections.push(current);
       continue;
     }
@@ -163,7 +165,7 @@ export function parseCard(md: string): ParsedCard {
   const displaySections: CardSection[] = sections
     .filter((s) => !EXCLUDED_TITLES.has(s.title.toLowerCase()))
     .map((s) => ({
-      title: s.title.replace(/^Section\s+\d+\s*[—–-]\s*/i, "").trim(),
+      title: raw(s.title.replace(/^Section\s+\d+\s*[—–-]\s*/i, "").trim()),
       body: s.lines.join("\n").trim(),
     }))
     .filter((s) => s.body.length > 0);
diff --git a/web/src/components/ingestion/ai/content/richCard/buildFromMarkdown.ts b/web/src/components/ingestion/ai/content/richCard/buildFromMarkdown.ts
index 59202f209f..804e740059 100644
--- a/web/src/components/ingestion/ai/content/richCard/buildFromMarkdown.ts
+++ b/web/src/components/ingestion/ai/content/richCard/buildFromMarkdown.ts
@@ -32,8 +32,12 @@ import type {
 import { parseFrontmatter } from "./parseFrontmatter";
 import { applySubs, applySubsMasked } from "@/components/ingestion/setupCard/subs";
 import { resolveAICardLogo } from "../index";
+import { raw, type I18nText } from "@/types/i18n";
 
 const str = (v: unknown): string | undefined => (typeof v === "string" ? v : undefined);
+// Card copy is authored in the content repo's markdown, not in the locale files,
+// so it is deliberately untranslated here (`raw`) rather than looked up via `t`.
+const rawStr = (v: unknown): I18nText | undefined => (typeof v === "string" ? raw(v) : undefined);
 
 /** Maps md `stream_type` to the detect streamType union (else traces). */
 const STREAM_TYPES: Record<string, "logs" | "metrics" | "traces"> = {
@@ -43,34 +47,36 @@ const STREAM_TYPES: Record<string, "logs" | "metrics" | "traces"> = {
 };
 const trimTrailing = (s: string) => s.replace(/\n+$/, "");
 
-function buildStep(raw: any, slug: string, i: number, subs: CardSubstitutions): RichCardStep {
-  const code = raw?.code
+// `src` is the raw frontmatter step node (named `src`, not `raw`, so it doesn't
+// shadow the `raw()` i18n helper).
+function buildStep(src: any, slug: string, i: number, subs: CardSubstitutions): RichCardStep {
+  const code = src?.code
     ? (() => {
-        const text = trimTrailing(String(raw.code.text ?? ""));
+        const text = trimTrailing(String(src.code.text ?? ""));
         const hasToken = text.includes("{token}");
         return {
-          lang: str(raw.code.lang) ?? "",
+          lang: str(src.code.lang) ?? "",
           raw: applySubs(text, subs),
           masked: hasToken ? applySubsMasked(text, subs) : undefined,
-          filename: str(raw.code.filename),
-          downloadEnv: !!raw.code.download_env,
+          filename: str(src.code.filename),
+          downloadEnv: !!src.code.download_env,
         };
       })()
     : undefined;
 
-  const completeOn: StepCompleteOn = raw?.complete_on === "detect" ? "detect" : "copy";
+  const completeOn: StepCompleteOn = src?.complete_on === "detect" ? "detect" : "copy";
 
   return {
-    id: str(raw?.id) ?? `${slug}-${i + 1}`,
-    title: str(raw?.title) ?? `Step ${i + 1}`,
-    description: str(raw?.description) ?? "",
-    chip: raw?.chip ? { kind: raw.chip.kind, label: String(raw.chip.label) } : undefined,
+    id: str(src?.id) ?? `${slug}-${i + 1}`,
+    title: raw(str(src?.title) ?? `Step ${i + 1}`),
+    description: raw(str(src?.description) ?? ""),
+    chip: src?.chip ? { kind: src.chip.kind, label: raw(String(src.chip.label)) } : undefined,
     code,
-    note: str(raw?.note),
-    pills: Array.isArray(raw?.pills) ? raw.pills.map(String) : undefined,
+    note: str(src?.note),
+    pills: Array.isArray(src?.pills) ? src.pills.map(String) : undefined,
     completeOn,
-    required: !!raw?.required,
-    detectionAnchor: !!raw?.detection_anchor,
+    required: !!src?.required,
+    detectionAnchor: !!src?.detection_anchor,
   };
 }
 
@@ -108,9 +114,9 @@ export function buildFromMarkdown(
     steps: steps.map((s, i) => buildStep(s, slug, i, subs)),
     streamInput: si
       ? {
-          label: str(si.label) ?? "Stream Name",
+          label: raw(str(si.label) ?? "Stream Name"),
           default: str(si.default) ?? "default",
-          placeholder: str(si.placeholder),
+          placeholder: rawStr(si.placeholder),
           help: str(si.help),
         }
       : undefined,
diff --git a/web/src/components/ingestion/databases/CouchDB.vue b/web/src/components/ingestion/databases/CouchDB.vue
index c9b54c32d4..26fd64ec63 100644
--- a/web/src/components/ingestion/databases/CouchDB.vue
+++ b/web/src/components/ingestion/databases/CouchDB.vue
@@ -14,6 +14,7 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -26,7 +27,7 @@ const docURL = databaseDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/databases/Elasticsearch.vue b/web/src/components/ingestion/databases/Elasticsearch.vue
index 64a9bce93a..3e3fc6b3aa 100644
--- a/web/src/components/ingestion/databases/Elasticsearch.vue
+++ b/web/src/components/ingestion/databases/Elasticsearch.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = databaseDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/databases/SAPHana.vue b/web/src/components/ingestion/databases/SAPHana.vue
index 29bca83f3b..9fcec53a46 100644
--- a/web/src/components/ingestion/databases/SAPHana.vue
+++ b/web/src/components/ingestion/databases/SAPHana.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = databaseDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/devops/Ansible.vue b/web/src/components/ingestion/devops/Ansible.vue
index d330849338..f1a0fedd91 100644
--- a/web/src/components/ingestion/devops/Ansible.vue
+++ b/web/src/components/ingestion/devops/Ansible.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = devopsDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/devops/GithubActions.vue b/web/src/components/ingestion/devops/GithubActions.vue
index de34c57f51..349988c186 100644
--- a/web/src/components/ingestion/devops/GithubActions.vue
+++ b/web/src/components/ingestion/devops/GithubActions.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = devopsDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/devops/Jenkins.vue b/web/src/components/ingestion/devops/Jenkins.vue
index ad84a4ee21..69c5765891 100644
--- a/web/src/components/ingestion/devops/Jenkins.vue
+++ b/web/src/components/ingestion/devops/Jenkins.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = devopsDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/devops/Terraform.vue b/web/src/components/ingestion/devops/Terraform.vue
index fc9c8e221f..4aae75acc4 100644
--- a/web/src/components/ingestion/devops/Terraform.vue
+++ b/web/src/components/ingestion/devops/Terraform.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = devopsDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/DotNetLogs.vue b/web/src/components/ingestion/languages/DotNetLogs.vue
index d7322f6d6f..bb5c6bca55 100644
--- a/web/src/components/ingestion/languages/DotNetLogs.vue
+++ b/web/src/components/ingestion/languages/DotNetLogs.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/DotNetTracing.vue b/web/src/components/ingestion/languages/DotNetTracing.vue
index aa12b89d12..b3b6c4a0d6 100644
--- a/web/src/components/ingestion/languages/DotNetTracing.vue
+++ b/web/src/components/ingestion/languages/DotNetTracing.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/FastAPI.vue b/web/src/components/ingestion/languages/FastAPI.vue
index 1dce305964..8fcc891cd6 100644
--- a/web/src/components/ingestion/languages/FastAPI.vue
+++ b/web/src/components/ingestion/languages/FastAPI.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/Go.vue b/web/src/components/ingestion/languages/Go.vue
index 44b99015ce..054db3c079 100644
--- a/web/src/components/ingestion/languages/Go.vue
+++ b/web/src/components/ingestion/languages/Go.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/Java.vue b/web/src/components/ingestion/languages/Java.vue
index af9d51ab8b..6110429e3e 100644
--- a/web/src/components/ingestion/languages/Java.vue
+++ b/web/src/components/ingestion/languages/Java.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/NodeJS.vue b/web/src/components/ingestion/languages/NodeJS.vue
index 5e69903510..cbfd70f828 100644
--- a/web/src/components/ingestion/languages/NodeJS.vue
+++ b/web/src/components/ingestion/languages/NodeJS.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/languages/Python.vue b/web/src/components/ingestion/languages/Python.vue
index f3868a18b9..3847cb75fa 100644
--- a/web/src/components/ingestion/languages/Python.vue
+++ b/web/src/components/ingestion/languages/Python.vue
@@ -18,7 +18,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import useIngestion from "@/composables/useIngestion";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 const name = "python";
@@ -31,7 +31,7 @@ const docURLFastAPI = languagesDocURLs["fastapi"];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <div>
       <div class="font-medium">{{ t("ingestion.checkFurtherDocumentationAt") }}</div>
       <ol class="mt-1 list-decimal pl-5">
diff --git a/web/src/components/ingestion/languages/Rust.vue b/web/src/components/ingestion/languages/Rust.vue
index d0b7a929ba..fec5d48eb6 100644
--- a/web/src/components/ingestion/languages/Rust.vue
+++ b/web/src/components/ingestion/languages/Rust.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = languagesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/logs/Curl.vue b/web/src/components/ingestion/logs/Curl.vue
index 2d0bfb0b3f..0956fc3374 100644
--- a/web/src/components/ingestion/logs/Curl.vue
+++ b/web/src/components/ingestion/logs/Curl.vue
@@ -16,11 +16,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
   </IngestionContent>
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -55,6 +56,7 @@ export default defineComponent({
     const content = `curl -u [EMAIL]:[PASSCODE] -k ${endpoint.value.url}/api/${store.state.selectedOrganization.identifier}/default/_json -d "[{\\"level\\":\\"info\\",\\"job\\":\\"test\\",\\"log\\":\\"test message for openobserve\\"}]"`;
 
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/logs/FileBeat.vue b/web/src/components/ingestion/logs/FileBeat.vue
index e63846d114..c6fb7c778c 100644
--- a/web/src/components/ingestion/logs/FileBeat.vue
+++ b/web/src/components/ingestion/logs/FileBeat.vue
@@ -16,11 +16,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
   </IngestionContent>
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -67,6 +68,7 @@ output.elasticsearch:
   username: "[EMAIL]"
   password: "[PASSCODE]"`;
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/logs/FluentBit.vue b/web/src/components/ingestion/logs/FluentBit.vue
index f7faa22bf5..886a563ebc 100644
--- a/web/src/components/ingestion/logs/FluentBit.vue
+++ b/web/src/components/ingestion/logs/FluentBit.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink
       href="https://openobserve.ai/blog/how-to-send-kubernetes-logs-using-fluent-bit"
     >
@@ -33,7 +33,7 @@ import { getEndPoint, getImageURL, getIngestionURL } from "../../../utils/zincut
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 export default defineComponent({
   name: "fluentbit-mechanism",
   props: {
@@ -72,6 +72,7 @@ export default defineComponent({
   HTTP_Passwd [PASSCODE]
   compress gzip`;
     return {
+      raw,
       t,
       store,
       config,
diff --git a/web/src/components/ingestion/logs/Fluentd.vue b/web/src/components/ingestion/logs/Fluentd.vue
index c25a60eb1d..02a1938da4 100644
--- a/web/src/components/ingestion/logs/Fluentd.vue
+++ b/web/src/components/ingestion/logs/Fluentd.vue
@@ -16,11 +16,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
   </IngestionContent>
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -68,6 +69,7 @@ export default defineComponent({
   </auth>
 </match>`;
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/logs/Index.vue b/web/src/components/ingestion/logs/Index.vue
index f095c06752..520b321c5b 100644
--- a/web/src/components/ingestion/logs/Index.vue
+++ b/web/src/components/ingestion/logs/Index.vue
@@ -207,8 +207,8 @@ export default defineComponent({
 
     const copyToClipboardFn = (content: any) => {
       copyToClipboard(content.innerText, t, {
-        successMessage: "Content Copied Successfully!",
-        errorMessage: "Error while copy content.",
+        successMessage: t("common.contentCopiedSuccessfully"),
+        errorMessage: t("ingestion.copyContentError"),
         timeout: 5000,
       }).then((success: boolean) => {
         if (success) {
diff --git a/web/src/components/ingestion/logs/LogstashDatasource.vue b/web/src/components/ingestion/logs/LogstashDatasource.vue
index e8a4878296..bf0f078cbb 100644
--- a/web/src/components/ingestion/logs/LogstashDatasource.vue
+++ b/web/src/components/ingestion/logs/LogstashDatasource.vue
@@ -16,11 +16,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
   </IngestionContent>
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -62,6 +63,7 @@ export default defineComponent({
   }
 }`;
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/logs/LoongCollector.vue b/web/src/components/ingestion/logs/LoongCollector.vue
index 85d7abcb3d..f2badb9647 100644
--- a/web/src/components/ingestion/logs/LoongCollector.vue
+++ b/web/src/components/ingestion/logs/LoongCollector.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink href="https://github.com/alibaba/loongcollector">
       {{ t("ingestion.loongCollectorDocLinkText") }}
     </IngestionDocLink>
@@ -30,7 +30,7 @@ import { getEndPoint, getIngestionURL } from "@/utils/zincutils";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 export default defineComponent({
   name: "LoongCollector",
@@ -74,6 +74,7 @@ flushers:
     Compress: gzip`;
 
     return {
+      raw,
       t,
       content,
     };
diff --git a/web/src/components/ingestion/logs/SyslogNg.vue b/web/src/components/ingestion/logs/SyslogNg.vue
index e31abf1fb5..c71dcb8ba1 100644
--- a/web/src/components/ingestion/logs/SyslogNg.vue
+++ b/web/src/components/ingestion/logs/SyslogNg.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink
       href="https://axoflow.com/docs/axosyslog-core/chapter-destinations/openobserve/"
     />
@@ -24,6 +24,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -71,6 +72,7 @@ log {
     flags(flow-control);
 };`;
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/logs/Vector.vue b/web/src/components/ingestion/logs/Vector.vue
index 84d4aa3261..9dbf22f0d3 100644
--- a/web/src/components/ingestion/logs/Vector.vue
+++ b/web/src/components/ingestion/logs/Vector.vue
@@ -16,11 +16,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
   </IngestionContent>
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -62,6 +63,7 @@ encoding.codec = "json"
 encoding.timestamp_format = "rfc3339"
 healthcheck.enabled = false`;
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/messagequeues/Kafka.vue b/web/src/components/ingestion/messagequeues/Kafka.vue
index c7912e4268..7b05ef8305 100644
--- a/web/src/components/ingestion/messagequeues/Kafka.vue
+++ b/web/src/components/ingestion/messagequeues/Kafka.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = messageQueuesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/messagequeues/Nats.vue b/web/src/components/ingestion/messagequeues/Nats.vue
index 588b58cb2c..05f44fd397 100644
--- a/web/src/components/ingestion/messagequeues/Nats.vue
+++ b/web/src/components/ingestion/messagequeues/Nats.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = messageQueuesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/messagequeues/RabbitMQ.vue b/web/src/components/ingestion/messagequeues/RabbitMQ.vue
index 2fe1374a88..6347671ec1 100644
--- a/web/src/components/ingestion/messagequeues/RabbitMQ.vue
+++ b/web/src/components/ingestion/messagequeues/RabbitMQ.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = messageQueuesDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/metrics/CategrafConfig.vue b/web/src/components/ingestion/metrics/CategrafConfig.vue
index a94ba69ef2..70289cdc30 100644
--- a/web/src/components/ingestion/metrics/CategrafConfig.vue
+++ b/web/src/components/ingestion/metrics/CategrafConfig.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink href="https://github.com/flashcatcloud/categraf">
       {{ t("ingestion.categrafDocLinkText") }}
     </IngestionDocLink>
@@ -30,7 +30,7 @@ import { getEndPoint, getIngestionURL } from "../../../utils/zincutils";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 export default defineComponent({
   name: "categraf-config",
@@ -63,6 +63,7 @@ basic_auth_user = "[EMAIL]"
 basic_auth_pass = "[PASSCODE]"`;
 
     return {
+      raw,
       t,
       content,
     };
diff --git a/web/src/components/ingestion/metrics/CloudWatchMetrics.vue b/web/src/components/ingestion/metrics/CloudWatchMetrics.vue
index 72cfd5b451..ba7f513d78 100644
--- a/web/src/components/ingestion/metrics/CloudWatchMetrics.vue
+++ b/web/src/components/ingestion/metrics/CloudWatchMetrics.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink
       href="https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/CloudWatch-metric-streams-setup-datalake.html"
     >
@@ -36,7 +36,7 @@ import { getEndPoint, getImageURL, getIngestionURL } from "../../../utils/zincut
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 export default defineComponent({
   name: "cloudwatchMetrics",
@@ -66,6 +66,7 @@ export default defineComponent({
     const content = `HTTP Endpoint: ${endpoint.value.url}/aws/${store.state.selectedOrganization.identifier}/cloudwatch_metrics/_kinesis_firehose
 Access Key: [BASIC_PASSCODE]`;
     return {
+      raw,
       t,
       store,
       config,
diff --git a/web/src/components/ingestion/metrics/Index.spec.ts b/web/src/components/ingestion/metrics/Index.spec.ts
index 89cdeb0856..ed13d7dff9 100644
--- a/web/src/components/ingestion/metrics/Index.spec.ts
+++ b/web/src/components/ingestion/metrics/Index.spec.ts
@@ -352,7 +352,7 @@ describe("IngestMetrics Component", () => {
       wrapper.vm.copyToClipboardFn({ innerText: "fail text" });
 
       expect(copyToClipboard).toHaveBeenCalledWith("fail text", expect.any(Function), {
-        successMessage: expect.any(String),
+        successMessage: "Content Copied Successfully!",
         errorMessage: "Error while copy content.",
         timeout: 5000,
       });
diff --git a/web/src/components/ingestion/metrics/Index.vue b/web/src/components/ingestion/metrics/Index.vue
index e3f4548115..aadfa40084 100644
--- a/web/src/components/ingestion/metrics/Index.vue
+++ b/web/src/components/ingestion/metrics/Index.vue
@@ -199,8 +199,8 @@ export default defineComponent({
 
     const copyToClipboardFn = (content: any) => {
       copyToClipboard(content.innerText, t, {
-        successMessage: "Content Copied Successfully!",
-        errorMessage: "Error while copy content.",
+        successMessage: t("common.contentCopiedSuccessfully"),
+        errorMessage: t("ingestion.copyContentError"),
         timeout: 5000,
       }).then((success: boolean) => {
         if (success) {
diff --git a/web/src/components/ingestion/metrics/NightingaleConfig.vue b/web/src/components/ingestion/metrics/NightingaleConfig.vue
index 7017e4ef9e..e97ac513d8 100644
--- a/web/src/components/ingestion/metrics/NightingaleConfig.vue
+++ b/web/src/components/ingestion/metrics/NightingaleConfig.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink href="https://github.com/ccfos/nightingale">
       {{ t("ingestion.nightingaleDocLinkText") }}
     </IngestionDocLink>
@@ -30,7 +30,7 @@ import { getEndPoint, getIngestionURL } from "../../../utils/zincutils";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 export default defineComponent({
   name: "nightingale-config",
@@ -63,6 +63,7 @@ BasicAuthUser = "[EMAIL]"
 BasicAuthPass = "[PASSCODE]"`;
 
     return {
+      raw,
       t,
       content,
     };
diff --git a/web/src/components/ingestion/metrics/OtelCollector.vue b/web/src/components/ingestion/metrics/OtelCollector.vue
index 82a5083642..1c9eb3dde0 100644
--- a/web/src/components/ingestion/metrics/OtelCollector.vue
+++ b/web/src/components/ingestion/metrics/OtelCollector.vue
@@ -2,11 +2,11 @@
   <IngestionContent>
     <div class="flex flex-col gap-2">
       <div class="text-base font-semibold">{{ t("ingestion.otlpHttp") }}</div>
-      <ContentCopy :content="getOtelHttpConfig" />
+      <ContentCopy :content="raw(getOtelHttpConfig)" />
     </div>
     <div class="flex flex-col gap-2" v-if="config.isCloud == 'false'">
       <div class="text-base font-semibold">{{ t("ingestion.otlpGrpc") }}</div>
-      <ContentCopy :content="getOtelGrpcConfig" />
+      <ContentCopy :content="raw(getOtelGrpcConfig)" />
     </div>
   </IngestionContent>
 </template>
@@ -17,7 +17,7 @@ import ContentCopy from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import { getEndPoint, getIngestionURL } from "../../../utils/zincutils";
 import config from "@/aws-exports";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
diff --git a/web/src/components/ingestion/metrics/PrometheusConfig.vue b/web/src/components/ingestion/metrics/PrometheusConfig.vue
index 82dfd69a2d..1debf0ac31 100644
--- a/web/src/components/ingestion/metrics/PrometheusConfig.vue
+++ b/web/src/components/ingestion/metrics/PrometheusConfig.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent class="copy-content-container-cls" :content="content" />
+    <CopyContent class="copy-content-container-cls" :content="raw(content)" />
     <IngestionDocLink
       href="https://openobserve.ai/blog/send-metrics-using-kube-prometheus-stack-to-openobserve"
     >
@@ -33,7 +33,7 @@ import { getEndPoint, getImageURL, getIngestionURL } from "../../../utils/zincut
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 export default defineComponent({
   name: "traces-otlp",
@@ -67,6 +67,7 @@ export default defineComponent({
       username: [EMAIL]
       password: [PASSCODE]`;
     return {
+      raw,
       t,
       store,
       config,
diff --git a/web/src/components/ingestion/metrics/TelegrafConfig.vue b/web/src/components/ingestion/metrics/TelegrafConfig.vue
index 80022fa532..3ac554df16 100644
--- a/web/src/components/ingestion/metrics/TelegrafConfig.vue
+++ b/web/src/components/ingestion/metrics/TelegrafConfig.vue
@@ -16,11 +16,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
   </IngestionContent>
 </template>
 
 <script lang="ts">
+import { raw } from "@/types/i18n";
 import { defineComponent, ref } from "vue";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -65,6 +66,7 @@ export default defineComponent({
 
     // Expose for testing
     return {
+      raw,
       store,
       config,
       endpoint,
diff --git a/web/src/components/ingestion/metrics/VMagentConfig.vue b/web/src/components/ingestion/metrics/VMagentConfig.vue
index 05c9c0bd05..b6afd62b94 100644
--- a/web/src/components/ingestion/metrics/VMagentConfig.vue
+++ b/web/src/components/ingestion/metrics/VMagentConfig.vue
@@ -18,12 +18,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <IngestionContent>
     <div class="flex flex-col gap-2">
       <div class="text-base font-semibold">{{ t("ingestion.vmagent.singleTargetTitle") }}</div>
-      <CopyContent :content="singleTargetContent" />
+      <CopyContent :content="raw(singleTargetContent)" />
     </div>
 
     <div class="flex flex-col gap-2">
       <div class="text-base font-semibold">{{ t("ingestion.vmagent.fanoutTitle") }}</div>
-      <CopyContent :content="fanoutContent" />
+      <CopyContent :content="raw(fanoutContent)" />
       <div class="italic">
         {{ t("ingestion.vmagent.tipPrefix") }}
         <!-- eslint-disable-next-line vue/no-bare-strings-in-template -- CLI flag name must stay identical in every language -->
@@ -40,7 +40,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 import { defineComponent, ref } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { getEndPoint, getIngestionURL } from "../../../utils/zincutils";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -88,6 +88,7 @@ export default defineComponent({
   -remoteWrite.basicAuth.password=[PASSCODE]`;
 
     return {
+      raw,
       t,
       singleTargetContent,
       fanoutContent,
diff --git a/web/src/components/ingestion/networking/Netflow.vue b/web/src/components/ingestion/networking/Netflow.vue
index 5418c9befb..e00f261ced 100644
--- a/web/src/components/ingestion/networking/Netflow.vue
+++ b/web/src/components/ingestion/networking/Netflow.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = networkingDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/others/Airbyte.vue b/web/src/components/ingestion/others/Airbyte.vue
index 0b91d02530..54df7044f1 100644
--- a/web/src/components/ingestion/others/Airbyte.vue
+++ b/web/src/components/ingestion/others/Airbyte.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = othersDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/others/Airflow.vue b/web/src/components/ingestion/others/Airflow.vue
index d2b6b6a94b..6727fb3838 100644
--- a/web/src/components/ingestion/others/Airflow.vue
+++ b/web/src/components/ingestion/others/Airflow.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = othersDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/others/Cribl.vue b/web/src/components/ingestion/others/Cribl.vue
index cbaa4cac02..55b754e148 100644
--- a/web/src/components/ingestion/others/Cribl.vue
+++ b/web/src/components/ingestion/others/Cribl.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = othersDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/others/Heroku.vue b/web/src/components/ingestion/others/Heroku.vue
index a8234e7049..a602225ce9 100644
--- a/web/src/components/ingestion/others/Heroku.vue
+++ b/web/src/components/ingestion/others/Heroku.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = othersDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/others/Vercel.vue b/web/src/components/ingestion/others/Vercel.vue
index 7b3085046e..989ad314ad 100644
--- a/web/src/components/ingestion/others/Vercel.vue
+++ b/web/src/components/ingestion/others/Vercel.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = othersDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/recommended/AWSConfig.vue b/web/src/components/ingestion/recommended/AWSConfig.vue
index da91296765..6dab14c19b 100644
--- a/web/src/components/ingestion/recommended/AWSConfig.vue
+++ b/web/src/components/ingestion/recommended/AWSConfig.vue
@@ -62,7 +62,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           {{ t("ingestion.awsSetup.manualDescription") }}
         </div>
       </div>
-      <CopyContent :content="content" />
+      <CopyContent :content="raw(content)" />
     </div>
   </div>
 </template>
@@ -74,7 +74,7 @@ import OTabPanels from "@/lib/navigation/Tabs/OTabPanels.vue";
 import OTabPanel from "@/lib/navigation/Tabs/OTabPanel.vue";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
 import { defineComponent, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useRoute } from "vue-router";
 import config from "../../../aws-exports";
 import { useStore } from "vuex";
@@ -156,6 +156,7 @@ export default defineComponent({
 Access Key: [BASIC_PASSCODE]`;
 
     return {
+      raw,
       t,
       store,
       config,
diff --git a/web/src/components/ingestion/recommended/AWSIndividualServices.spec.ts b/web/src/components/ingestion/recommended/AWSIndividualServices.spec.ts
index 89380256c3..60da87fce9 100644
--- a/web/src/components/ingestion/recommended/AWSIndividualServices.spec.ts
+++ b/web/src/components/ingestion/recommended/AWSIndividualServices.spec.ts
@@ -28,7 +28,7 @@ vi.mock("@/utils/awsIntegrations", () => ({
       id: "cloudwatch-logs",
       name: "CloudWatchLogs",
       displayName: "CloudWatch Logs",
-      description: "Collect CloudWatch logs",
+      descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
       category: "logs",
       cloudFormationTemplate: "https://example.com/cloudwatch.yaml",
       hasDashboard: true,
@@ -37,7 +37,7 @@ vi.mock("@/utils/awsIntegrations", () => ({
       id: "s3-events",
       name: "S3Events",
       displayName: "S3 Events",
-      description: "Collect S3 bucket events",
+      descriptionKey: "ingestion.integrations.aws.s3.description",
       category: "logs",
       cloudFormationTemplate: "https://example.com/s3.yaml",
       hasDashboard: false,
@@ -46,7 +46,7 @@ vi.mock("@/utils/awsIntegrations", () => ({
       id: "vpc-flow",
       name: "VPCFlow",
       displayName: "VPC Flow Logs",
-      description: "Collect VPC flow logs",
+      descriptionKey: "ingestion.integrations.aws.vpc-flow-logs.description",
       category: "networking",
       hasDashboard: false,
     },
@@ -54,7 +54,7 @@ vi.mock("@/utils/awsIntegrations", () => ({
       id: "guardduty",
       name: "GuardDuty",
       displayName: "GuardDuty",
-      description: "AWS GuardDuty findings",
+      descriptionKey: "ingestion.integrations.aws.waf.description",
       category: "security",
       cloudFormationTemplate: "https://example.com/guardduty.yaml",
       hasDashboard: true,
diff --git a/web/src/components/ingestion/recommended/AWSIndividualServices.vue b/web/src/components/ingestion/recommended/AWSIndividualServices.vue
index fe132091e3..986a7b4433 100644
--- a/web/src/components/ingestion/recommended/AWSIndividualServices.vue
+++ b/web/src/components/ingestion/recommended/AWSIndividualServices.vue
@@ -120,7 +120,7 @@ export default defineComponent({
         filtered = filtered.filter(
           (integration) =>
             integration.displayName.toLowerCase().includes(query) ||
-            integration.description.toLowerCase().includes(query) ||
+            t(integration.descriptionKey).toLowerCase().includes(query) ||
             integration.name.toLowerCase().includes(query),
         );
       }
diff --git a/web/src/components/ingestion/recommended/AWSIntegrationTile.spec.ts b/web/src/components/ingestion/recommended/AWSIntegrationTile.spec.ts
index 17152f5a2e..f9f4857a9b 100644
--- a/web/src/components/ingestion/recommended/AWSIntegrationTile.spec.ts
+++ b/web/src/components/ingestion/recommended/AWSIntegrationTile.spec.ts
@@ -133,7 +133,7 @@ const createMockIntegration = (overrides = {}) => ({
   id: "cloudwatch-logs",
   name: "CloudWatchLogs",
   displayName: "CloudWatch Logs",
-  description: "Collect CloudWatch logs",
+  descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
   category: "logs",
   cloudFormationTemplate: "https://example.com/cloudwatch.yaml",
   hasDashboard: true,
@@ -196,7 +196,7 @@ describe("AWSIntegrationTile.vue", () => {
 
     it("should render integration description", () => {
       wrapper = createWrapper();
-      expect(wrapper.text()).toContain("Collect CloudWatch logs");
+      expect(wrapper.text()).toContain("Stream CloudWatch logs to OpenObserve for analysis");
     });
 
     it("should render Add Source button when has CloudFormation", () => {
@@ -255,7 +255,11 @@ describe("AWSIntegrationTile.vue", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
         cloudFormationTemplates: [
-          { name: "Template", url: "https://example.com", description: "desc" },
+          {
+            name: "Template",
+            url: "https://example.com",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
         ],
       });
       const vm = wrapper.vm as any;
@@ -265,7 +269,13 @@ describe("AWSIntegrationTile.vue", () => {
     it("should be true when componentOptions array has items", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
-        componentOptions: [{ name: "Linux", component: "LinuxConfig", description: "Linux setup" }],
+        componentOptions: [
+          {
+            name: "Linux",
+            component: "LinuxConfig",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+        ],
       });
       const vm = wrapper.vm as any;
       expect(vm.hasCloudFormation).toBe(true);
@@ -308,8 +318,16 @@ describe("AWSIntegrationTile.vue", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
         cloudFormationTemplates: [
-          { name: "Template A", url: "https://example.com/a.yaml", description: "A" },
-          { name: "Template B", url: "https://example.com/b.yaml", description: "B" },
+          {
+            name: "Template A",
+            url: "https://example.com/a.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+          {
+            name: "Template B",
+            url: "https://example.com/b.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
         ],
       });
       const vm = wrapper.vm as any;
@@ -409,8 +427,16 @@ describe("AWSIntegrationTile.vue", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
         cloudFormationTemplates: [
-          { name: "Template A", url: "https://example.com/a.yaml", description: "A" },
-          { name: "Template B", url: "https://example.com/b.yaml", description: "B" },
+          {
+            name: "Template A",
+            url: "https://example.com/a.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+          {
+            name: "Template B",
+            url: "https://example.com/b.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
         ],
       });
       const addSourceBtn = wrapper.find('[data-test="aws-cloudwatch-logs-add-source-btn"]');
@@ -425,8 +451,16 @@ describe("AWSIntegrationTile.vue", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
         cloudFormationTemplates: [
-          { name: "Template A", url: "https://example.com/a.yaml", description: "A" },
-          { name: "Template B", url: "https://example.com/b.yaml", description: "B" },
+          {
+            name: "Template A",
+            url: "https://example.com/a.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+          {
+            name: "Template B",
+            url: "https://example.com/b.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
         ],
       });
       const vm = wrapper.vm as any;
@@ -447,8 +481,16 @@ describe("AWSIntegrationTile.vue", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
         cloudFormationTemplates: [
-          { name: "Template A", url: "https://example.com/a.yaml", description: "A" },
-          { name: "Template B", url: "https://example.com/b.yaml", description: "B" },
+          {
+            name: "Template A",
+            url: "https://example.com/a.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+          {
+            name: "Template B",
+            url: "https://example.com/b.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
         ],
       });
       const vm = wrapper.vm as any;
@@ -458,7 +500,7 @@ describe("AWSIntegrationTile.vue", () => {
       vm.handleTemplateSelection({
         name: "Template A",
         url: "https://example.com/a.yaml",
-        description: "A",
+        descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
       });
       await wrapper.vm.$nextTick();
 
@@ -469,14 +511,20 @@ describe("AWSIntegrationTile.vue", () => {
     it("opens the component-content ODialog after handleComponentSelection", async () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
-        componentOptions: [{ name: "Linux", component: "LinuxConfig", description: "Linux setup" }],
+        componentOptions: [
+          {
+            name: "Linux",
+            component: "LinuxConfig",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+        ],
       });
       const vm = wrapper.vm as any;
 
       vm.handleComponentSelection({
         name: "Linux",
         component: "LinuxConfig",
-        description: "Linux setup",
+        descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
       });
       await wrapper.vm.$nextTick();
 
@@ -494,9 +542,19 @@ describe("AWSIntegrationTile.vue", () => {
       wrapper = createWrapper({
         cloudFormationTemplate: undefined,
         cloudFormationTemplates: [
-          { name: "Template A", url: "https://example.com/a.yaml", description: "A" },
+          {
+            name: "Template A",
+            url: "https://example.com/a.yaml",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
+        ],
+        componentOptions: [
+          {
+            name: "Linux",
+            component: "LinuxConfig",
+            descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
+          },
         ],
-        componentOptions: [{ name: "Linux", component: "LinuxConfig", description: "Linux setup" }],
       });
       const vm = wrapper.vm as any;
       vm.showTemplateDialog = true;
@@ -505,7 +563,7 @@ describe("AWSIntegrationTile.vue", () => {
       vm.handleComponentSelection({
         name: "Linux",
         component: "LinuxConfig",
-        description: "Linux setup",
+        descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
       });
       await wrapper.vm.$nextTick();
 
diff --git a/web/src/components/ingestion/recommended/AWSIntegrationTile.vue b/web/src/components/ingestion/recommended/AWSIntegrationTile.vue
index 0229c359a6..4667c13c25 100644
--- a/web/src/components/ingestion/recommended/AWSIntegrationTile.vue
+++ b/web/src/components/ingestion/recommended/AWSIntegrationTile.vue
@@ -36,7 +36,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         </OButton>
       </div>
       <div class="text-text-secondary mb-3 min-h-[3em] text-sm leading-normal">
-        {{ integration.description }}
+        {{ t(integration.descriptionKey) }}
       </div>
     </OCardSection>
 
@@ -103,7 +103,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               {{ template.name }}
             </span>
             <span class="text-muted-foreground mt-1 block text-xs">
-              {{ template.description }}
+              {{ t(template.descriptionKey) }}
             </span>
           </div>
           <OIcon name="chevron-right" size="sm" class="ms-auto shrink-0" />
@@ -122,7 +122,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               {{ option.name }}
             </span>
             <span class="text-muted-foreground mt-1 block text-xs">
-              {{ option.description }}
+              {{ t(option.descriptionKey) }}
             </span>
           </div>
           <OIcon name="chevron-right" size="sm" class="ms-auto shrink-0" />
@@ -135,7 +135,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       data-test="aws-integration-tile-content-dialog"
       v-model:open="showComponentContent"
       size="xl"
-      :title="selectedComponentTitle"
+      :title="raw(selectedComponentTitle)"
     >
       <component
         :is="selectedComponent"
@@ -148,7 +148,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, type PropType, ref, computed, shallowRef } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
@@ -452,10 +452,11 @@ export default defineComponent({
         if (existingDashboard) {
           // Ask user if they want to replace the existing dashboard
           const ok = await confirm({
-            title: "Dashboard Already Exists",
-            message: `A dashboard for ${props.integration.displayName} already exists. Do you wish to replace it?`,
-            confirmLabel: "Replace",
-            cancelLabel: "Cancel",
+            title: t("ingestion.awsSetup.dashboardExistsTitle"),
+            message: t("ingestion.awsSetup.dashboardExistsMessage", {
+              name: props.integration.displayName,
+            }),
+            confirmLabel: t("common.replace"),
           });
           if (!ok) return;
 
@@ -557,6 +558,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       handleAddSource,
diff --git a/web/src/components/ingestion/recommended/AWSQuickSetup.vue b/web/src/components/ingestion/recommended/AWSQuickSetup.vue
index 3abae21b27..eb31e85534 100644
--- a/web/src/components/ingestion/recommended/AWSQuickSetup.vue
+++ b/web/src/components/ingestion/recommended/AWSQuickSetup.vue
@@ -91,7 +91,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <OCheckbox
                     v-model="enabledServices"
                     :value="service.flag"
-                    :label="service.label"
+                    :label="raw(service.label)"
                   />
                 </div>
               </div>
@@ -107,7 +107,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         </div>
         <OSelect
           v-model="selectedRegion"
-          :options="AWS_REGIONS"
+          :options="regionOptions"
           valueKey="value"
           labelKey="label"
           class="max-w-xs"
@@ -126,7 +126,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           </div>
           <OSelect
             v-model="selectedRegion"
-            :options="AWS_REGIONS"
+            :options="regionOptions"
             valueKey="value"
             labelKey="label"
             class="max-w-xs"
@@ -177,7 +177,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     <OCheckbox
                       v-model="targetRegions"
                       :value="region.value"
-                      :label="`${region.label} (${region.value})`"
+                      :label="raw(`${region.label} (${region.value})`)"
                     />
                   </div>
                 </div>
@@ -320,7 +320,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 import { defineComponent, ref, computed } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
 import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
 import { getEndPoint, getIngestionURL } from "@/utils/zincutils";
@@ -369,6 +369,13 @@ export default defineComponent({
     const showTargetRegions = ref(false);
     const showServices = ref(false);
 
+    // AWS region names are AWS's own proper nouns ("US East (N. Virginia)") —
+    // they read identically in every language, so they are never translated.
+    const regionOptions = AWS_REGIONS.map((region) => ({
+      value: region.value,
+      label: raw(region.label),
+    }));
+
     // Colors resolve via theme-aware design tokens, so these class strings are
     // theme-independent (dark handled automatically by dark.css).
     const quickInstallBgClass = "bg-banner-info-bg border border-banner-info-border";
@@ -439,7 +446,6 @@ export default defineComponent({
 
     const copyParam = (value: string) => {
       copyToClipboard(value, t, {
-        successMessage: "Copied to clipboard",
         timeout: 1500,
       });
     };
@@ -540,6 +546,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       quickInstallBgClass,
       descriptionClass,
@@ -560,6 +567,7 @@ export default defineComponent({
       showServices,
       stackSetParams,
       AWS_REGIONS,
+      regionOptions,
       QUICK_SETUP_SERVICES,
       selectAll,
       deselectAll,
diff --git a/web/src/components/ingestion/recommended/AzureConfig.vue b/web/src/components/ingestion/recommended/AzureConfig.vue
index e285b721e2..5badcc983d 100644
--- a/web/src/components/ingestion/recommended/AzureConfig.vue
+++ b/web/src/components/ingestion/recommended/AzureConfig.vue
@@ -153,7 +153,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   :key="cat.value"
                   v-model="enabledCategories"
                   :val="cat.value"
-                  :label="cat.label"
+                  :label="raw(cat.label)"
                 />
               </div>
             </div>
@@ -165,7 +165,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 </div>
                 <!-- eslint-disable vue/no-bare-strings-in-template -- example Azure resource-group name format, not translatable content -->
                 <OInput
-                  placeholder="rg-openobserve-activity-logs"
+                  :placeholder="raw('rg-openobserve-activity-logs')"
                   v-model="resourceGroup"
                   autocomplete="off"
                   data-test="azure-resource-group-input"
@@ -178,7 +178,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 </div>
                 <!-- eslint-disable vue/no-bare-strings-in-template -- example Azure deployment-name format, not translatable content -->
                 <OInput
-                  placeholder="o2-activity-20260420"
+                  :placeholder="raw('o2-activity-20260420')"
                   v-model="deploymentName"
                   autocomplete="off"
                   data-test="azure-deployment-name-input"
@@ -194,7 +194,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <div class="text-text-secondary mb-2 text-xs">
                 {{ t("ingestion.azureSetup.runCommandAfterDeployment") }}
               </div>
-              <CopyContent :content="curlCommand" data-test="azure-curl-command" />
+              <CopyContent :content="raw(curlCommand)" data-test="azure-curl-command" />
             </div>
           </div>
         </div>
@@ -206,14 +206,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <div class="text-text-heading mb-2 text-sm font-semibold">
         {{ t("ingestion.azureSetup.manualTitle") }}
       </div>
-      <CopyContent :content="manualContent" />
+      <CopyContent :content="raw(manualContent)" />
     </div>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OCheckbox from "@/lib/forms/Checkbox/OCheckbox.vue";
 import OInput from "@/lib/forms/Input/OInput.vue";
@@ -324,6 +324,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       LOG_CATEGORIES,
diff --git a/web/src/components/ingestion/recommended/KubernetesConfig.spec.ts b/web/src/components/ingestion/recommended/KubernetesConfig.spec.ts
index e35d58427c..650a241208 100644
--- a/web/src/components/ingestion/recommended/KubernetesConfig.spec.ts
+++ b/web/src/components/ingestion/recommended/KubernetesConfig.spec.ts
@@ -113,7 +113,7 @@ describe("kubernetesCard builder", () => {
 
   it("marks the quick install as the recommended path", async () => {
     const install = (await buildCard()).steps[0];
-    expect(install.title).toBe("Quick Install (Recommended)");
+    expect(install.titleKey).toBe("ingestion.setupCard.quickInstallTitle");
     expect(install.required).toBe(true);
   });
 
@@ -122,12 +122,12 @@ describe("kubernetesCard builder", () => {
     // who wants Helm has to scroll past two steps that don't apply to them.
     const card = await buildCard();
     const install = card.steps[0];
-    const label = card.extras!.advanced!.label;
     for (const v of install.variants!) {
       // A jump link, not prose — it opens the accordion and scrolls to it.
-      expect(v.note).toContain(`[${label}](#advanced)`);
+      expect(v.note).toContain("[Advanced Installation (Manual Steps)](#advanced)");
     }
-    expect(label).toBe("Advanced Installation (Manual Steps)");
+    // The accordion's own label is an i18n key, resolved by SetupCardRenderer.
+    expect(card.extras!.advanced!.labelKey).toBe("ingestion.setupCard.advancedInstallLabel");
   });
 
   it("keeps the quick install to the two endpoint choices", async () => {
@@ -163,7 +163,7 @@ describe("kubernetesCard builder", () => {
 
   it("keeps the manual helm sequence as one collapsed advanced block", async () => {
     const advanced = (await buildCard()).extras!.advanced!;
-    expect(advanced.label).toContain("Advanced Installation");
+    expect(advanced.labelKey).toBe("ingestion.setupCard.advancedInstallLabel");
     const code = advanced.code.raw;
     // Previously six separate copy boxes plus a "wait 2 minutes" instruction.
     expect(code).toContain("cert-manager.yaml");
diff --git a/web/src/components/ingestion/recommended/OtelConfig.vue b/web/src/components/ingestion/recommended/OtelConfig.vue
index 154f719f50..b5c634516b 100644
--- a/web/src/components/ingestion/recommended/OtelConfig.vue
+++ b/web/src/components/ingestion/recommended/OtelConfig.vue
@@ -2,11 +2,11 @@
   <div>
     <div class="p-2 pt-1">
       <div class="text-base font-bold font-medium">{{ t("ingestion.otlpHttp") }}</div>
-      <ContentCopy class="mt-2" :content="getOtelHttpConfig" />
+      <ContentCopy class="mt-2" :content="raw(getOtelHttpConfig)" />
     </div>
     <div class="p-3" v-if="config.isCloud == 'false'">
       <div class="text-base font-bold font-medium">{{ t("ingestion.otlpGrpc") }}</div>
-      <ContentCopy :content="getOtelGrpcConfig" />
+      <ContentCopy :content="raw(getOtelGrpcConfig)" />
     </div>
   </div>
 </template>
@@ -16,7 +16,7 @@ import { computed, ref } from "vue";
 import ContentCopy from "@/components/CopyContent.vue";
 import { getEndPoint, getIngestionURL } from "../../../utils/zincutils";
 import config from "@/aws-exports";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
diff --git a/web/src/components/ingestion/security/Falco.vue b/web/src/components/ingestion/security/Falco.vue
index 9efc9a2c9e..080878637e 100644
--- a/web/src/components/ingestion/security/Falco.vue
+++ b/web/src/components/ingestion/security/Falco.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/security/GoogleWorkspace.vue b/web/src/components/ingestion/security/GoogleWorkspace.vue
index 5d0f27d545..c0d6a7d3ed 100644
--- a/web/src/components/ingestion/security/GoogleWorkspace.vue
+++ b/web/src/components/ingestion/security/GoogleWorkspace.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/security/Jumpcloud.vue b/web/src/components/ingestion/security/Jumpcloud.vue
index d65db80acc..a4bef9f0b4 100644
--- a/web/src/components/ingestion/security/Jumpcloud.vue
+++ b/web/src/components/ingestion/security/Jumpcloud.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/security/OSQuery.vue b/web/src/components/ingestion/security/OSQuery.vue
index 65b9db30b3..c6c40186be 100644
--- a/web/src/components/ingestion/security/OSQuery.vue
+++ b/web/src/components/ingestion/security/OSQuery.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/security/Office365.vue b/web/src/components/ingestion/security/Office365.vue
index 416d9ad110..39636c4164 100644
--- a/web/src/components/ingestion/security/Office365.vue
+++ b/web/src/components/ingestion/security/Office365.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/security/Okta.vue b/web/src/components/ingestion/security/Okta.vue
index 15f33c4fd8..f34a581112 100644
--- a/web/src/components/ingestion/security/Okta.vue
+++ b/web/src/components/ingestion/security/Okta.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/security/OpenVPN.vue b/web/src/components/ingestion/security/OpenVPN.vue
index 97a1e619ae..0db084bed7 100644
--- a/web/src/components/ingestion/security/OpenVPN.vue
+++ b/web/src/components/ingestion/security/OpenVPN.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = securityDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/servers/Apache.vue b/web/src/components/ingestion/servers/Apache.vue
index 8ed5a28d88..dfa0f7a624 100644
--- a/web/src/components/ingestion/servers/Apache.vue
+++ b/web/src/components/ingestion/servers/Apache.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = serverDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/servers/IIS.vue b/web/src/components/ingestion/servers/IIS.vue
index 7bf294047f..859a2220d4 100644
--- a/web/src/components/ingestion/servers/IIS.vue
+++ b/web/src/components/ingestion/servers/IIS.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { useStore } from "vuex";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
@@ -29,7 +30,7 @@ const docURL = serverDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/servers/Nginx.vue b/web/src/components/ingestion/servers/Nginx.vue
index b92c483b4c..6666bdf01d 100644
--- a/web/src/components/ingestion/servers/Nginx.vue
+++ b/web/src/components/ingestion/servers/Nginx.vue
@@ -15,6 +15,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import CopyContent from "@/components/CopyContent.vue";
 import IngestionContent from "@/components/ingestion/IngestionContent.vue";
 import IngestionDocLink from "@/components/ingestion/IngestionDocLink.vue";
@@ -27,7 +28,7 @@ const docURL = serverDocURLs[name];
 
 <template>
   <IngestionContent>
-    <CopyContent :content="content" />
+    <CopyContent :content="raw(content)" />
     <IngestionDocLink :href="docURL" />
   </IngestionContent>
 </template>
diff --git a/web/src/components/ingestion/setupCard/DataSourceSetupCard.vue b/web/src/components/ingestion/setupCard/DataSourceSetupCard.vue
index a386ad2cf7..583b334907 100644
--- a/web/src/components/ingestion/setupCard/DataSourceSetupCard.vue
+++ b/web/src/components/ingestion/setupCard/DataSourceSetupCard.vue
@@ -24,6 +24,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   CopyContent + doc link so un-migrated data sources keep working unchanged.
 -->
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { b64EncodeStandard } from "@/utils/zincutils";
@@ -76,7 +77,7 @@ const content = computed(() => getDataSourceCard(props.slug, subs.value));
       data-test="data-source-setup-card"
     />
     <template v-else>
-      <CopyContent v-if="fallbackContent" :content="fallbackContent" />
+      <CopyContent v-if="fallbackContent" :content="raw(fallbackContent)" />
       <IngestionDocLink v-if="fallbackDocUrl" :href="fallbackDocUrl" />
     </template>
   </div>
diff --git a/web/src/components/ingestion/setupCard/SetupCardRenderer.spec.ts b/web/src/components/ingestion/setupCard/SetupCardRenderer.spec.ts
index 0b1d9756fd..0d9dc9965e 100644
--- a/web/src/components/ingestion/setupCard/SetupCardRenderer.spec.ts
+++ b/web/src/components/ingestion/setupCard/SetupCardRenderer.spec.ts
@@ -119,6 +119,53 @@ describe("SetupCardRenderer — advanced section", () => {
   });
 });
 
+// The in-repo content builders (setupCard/content/*) are plain modules with no
+// i18n context, so translatable copy is stored as an i18n KEY (titleKey /
+// descriptionKey / labelKey) and resolved HERE. A consumer that forgets to call
+// t() renders the dotted path to the user, so guard each one.
+describe("SetupCardRenderer — key-as-data copy", () => {
+  let wrapper: VueWrapper<any>;
+
+  afterEach(() => {
+    if (wrapper) wrapper.unmount();
+  });
+
+  const keyed: RichCardContent = {
+    ...CONTENT,
+    steps: [
+      {
+        id: "configure",
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        completeOn: "copy",
+        inputs: [
+          { id: "host", labelKey: "ingestion.setupCard.jmxHostLabel", default: "localhost" },
+        ],
+        variants: [
+          {
+            id: "generic",
+            labelKey: "ingestion.setupCard.genericWindowsVariant",
+            code: { lang: "bash", raw: "echo hi" },
+          },
+        ],
+      },
+      CONTENT.steps[1],
+    ],
+  };
+
+  it("translates titleKey / descriptionKey / labelKey instead of printing the key", () => {
+    wrapper = mountCard(keyed);
+    const text = wrapper.text();
+    expect(text).toContain("Configure the OpenTelemetry Collector");
+    // inlineMd turns the `config.yaml` backticks into <code>, so match the prose.
+    expect(text).toContain("set the host/port below");
+    expect(text).toContain("JMX Host");
+    expect(text).toContain("Generic Windows");
+    // No unresolved dotted path leaked anywhere on the card.
+    expect(text).not.toContain("ingestion.setupCard.");
+  });
+});
+
 describe("SetupCardRenderer — uninstall section", () => {
   let wrapper: VueWrapper<any>;
 
diff --git a/web/src/components/ingestion/setupCard/SetupCardRenderer.vue b/web/src/components/ingestion/setupCard/SetupCardRenderer.vue
index cc1728576a..dac68f79dc 100644
--- a/web/src/components/ingestion/setupCard/SetupCardRenderer.vue
+++ b/web/src/components/ingestion/setupCard/SetupCardRenderer.vue
@@ -46,9 +46,17 @@ import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import OCodeBlock from "@/lib/core/Code/OCodeBlock.vue";
 import { safeHttpUrl } from "./subs";
-import type { CardSubstitutions, RichCardContent, RichCardStep, StepChipKind } from "./types";
+import type {
+  CardSubstitutions,
+  RichCardContent,
+  RichCardInput,
+  RichCardStep,
+  RichCardStepVariant,
+  RichCardStreamInput,
+  StepChipKind,
+} from "./types";
 import { useStreamDetect, prefersReducedMotion } from "./useStreamDetect";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nKey, type I18nText } from "@/types/i18n";
 
 const props = defineProps<{
   /** The integration's rich content (already token-substituted). */
@@ -164,8 +172,8 @@ const streamName = ref(props.content.streamInput?.default ?? "");
 const STREAM_NAME_RE = /^[a-zA-Z0-9_]+$/;
 const streamNameError = computed(() =>
   streamName.value.trim() && !STREAM_NAME_RE.test(streamName.value.trim())
-    ? "Use letters, numbers and _ only."
-    : "",
+    ? t("ingestion.setupCard.streamNameError")
+    : raw(""),
 );
 const watchedStream = computed(() =>
   props.content.streamInput
@@ -247,6 +255,32 @@ const displayCode = (step: RichCardStep) =>
 const currentVariantNote = (step: RichCardStep) =>
   step.variants?.length ? activeVariant(step)?.note : undefined;
 
+// ── copy resolution ─────────────────────────────────────────────────────────
+// Content modules carry either resolved text (`title`) or an i18n KEY stored as
+// data (`titleKey`) — they are plain modules with no i18n context, so the key is
+// translated HERE, on every render, and therefore follows the active locale.
+// The `*Key` half wins when a step sets both. See types.ts.
+const stepTitle = (step: RichCardStep): I18nText =>
+  step.titleKey ? t(step.titleKey) : (step.title ?? raw(""));
+const stepDescription = (step: RichCardStep): I18nText =>
+  step.descriptionKey ? t(step.descriptionKey) : (step.description ?? raw(""));
+const variantLabel = (variant: RichCardStepVariant): I18nText =>
+  variant.labelKey ? t(variant.labelKey) : (variant.label ?? raw(""));
+const inputLabel = (input: RichCardInput | RichCardStreamInput): I18nText =>
+  input.labelKey ? t(input.labelKey) : (input.label ?? raw(""));
+const chipLabel = (chip: { label?: I18nText; labelKey?: I18nKey }): I18nText =>
+  chip.labelKey ? t(chip.labelKey) : (chip.label ?? raw(""));
+// Same pair for the two collapsed extras sections (advanced install, uninstall).
+const sectionLabel = (section: { label?: I18nText; labelKey?: I18nKey }): I18nText =>
+  section.labelKey ? t(section.labelKey) : (section.label ?? raw(""));
+// Empty string (not undefined) when a section has no paragraph, so the same
+// call can drive the `v-if` and the `v-html` without a second narrowing.
+const sectionDescription = (section: {
+  description?: I18nText;
+  descriptionKey?: I18nKey;
+}): I18nText =>
+  section.descriptionKey ? t(section.descriptionKey) : (section.description ?? raw(""));
+
 // ── step completion / active-step model ─────────────────────────────────────
 const copied = ref<Record<string, boolean>>({});
 // Steps whose action button has been triggered (completeOn: "action") — the
@@ -486,9 +520,9 @@ function fireConfetti() {
       <div v-if="content.streamInput" class="c-config" data-test="ai-stream-config">
         <OInput
           v-model="streamName"
-          :label="content.streamInput.label"
-          :placeholder="content.streamInput.placeholder || content.streamInput.default"
-          :help-text="!streamNameError ? content.streamInput.help : undefined"
+          :label="inputLabel(content.streamInput)"
+          :placeholder="raw(content.streamInput.placeholder || content.streamInput.default)"
+          :help-text="!streamNameError && content.streamInput.helpKey ? t(content.streamInput.helpKey) : undefined"
           :error="!!streamNameError"
           :error-message="streamNameError"
           size="sm"
@@ -510,7 +544,7 @@ function fireConfetti() {
           v-for="(step, i) in content.steps"
           :key="step.id"
           :name="i + 1"
-          :title="step.title"
+          :title="stepTitle(step)"
           :done="isStepDone(step)"
           :data-test="`ai-step-${step.id}`"
         >
@@ -523,12 +557,12 @@ function fireConfetti() {
               <template v-if="step.chip.kind === 'terminal'" #icon>
                 <span class="step-tag-glyph">$_</span>
               </template>
-              {{ step.chip.label }}
+              {{ chipLabel(step.chip) }}
             </OTag>
           </template>
 
           <div class="step-content-pad" :ref="(el) => setStepRef(el, i)">
-            <p class="step-desc" v-html="inlineMd(step.description)"></p>
+            <p class="step-desc" v-html="inlineMd(stepDescription(step))"></p>
 
             <!-- Per-step inputs (e.g. host/port) — fill {id} in this step's code -->
             <div
@@ -540,9 +574,9 @@ function fireConfetti() {
                 v-for="inp in step.inputs"
                 :key="inp.id"
                 v-model="inputValues[inp.id]"
-                :label="inp.label"
-                :placeholder="inp.placeholder || inp.default"
-                :help-text="inp.help"
+                :label="inputLabel(inp)"
+                :placeholder="raw(inp.placeholder || inp.default)"
+                :help-text="inp.helpKey ? t(inp.helpKey) : undefined"
                 size="sm"
                 :width="inp.width || 'md'"
                 :data-test="`ai-input-${inp.id}`"
@@ -577,7 +611,7 @@ function fireConfetti() {
                       :class="{ 'variant-icon-invert': v.iconInvertDark }"
                     />
                   </template>
-                  {{ v.label }}
+                  {{ variantLabel(v) }}
                 </OToggleGroupItem>
               </OToggleGroup>
             </div>
@@ -777,16 +811,16 @@ function fireConfetti() {
           v-if="extras.advanced"
           ref="advancedRef"
           v-model="advancedOpen"
-          :label="extras.advanced.label"
+          :label="sectionLabel(extras.advanced)"
           icon="settings"
           class="acc-item"
           data-test="ai-advanced-accordion"
         >
           <div class="acc-body">
             <p
-              v-if="extras.advanced.description"
+              v-if="sectionDescription(extras.advanced)"
               class="step-desc"
-              v-html="inlineMd(extras.advanced.description)"
+              v-html="inlineMd(sectionDescription(extras.advanced))"
             ></p>
             <OCodeBlock
               :lang="extras.advanced.code.lang"
@@ -849,16 +883,16 @@ function fireConfetti() {
         <!-- Removal path — last, and collapsed, since it undoes the flow above. -->
         <OCollapsible
           v-if="extras.uninstall"
-          :label="extras.uninstall.label"
+          :label="sectionLabel(extras.uninstall)"
           icon="delete-outline"
           class="acc-item"
           data-test="ai-uninstall-accordion"
         >
           <div class="acc-body">
             <p
-              v-if="extras.uninstall.description"
+              v-if="sectionDescription(extras.uninstall)"
               class="step-desc"
-              v-html="inlineMd(extras.uninstall.description)"
+              v-html="inlineMd(sectionDescription(extras.uninstall))"
             ></p>
             <OCodeBlock
               :lang="extras.uninstall.code.lang"
diff --git a/web/src/components/ingestion/setupCard/content/aerospike.ts b/web/src/components/ingestion/setupCard/content/aerospike.ts
index 4944583002..0a9c82ad35 100644
--- a/web/src/components/ingestion/setupCard/content/aerospike.ts
+++ b/web/src/components/ingestion/setupCard/content/aerospike.ts
@@ -17,6 +17,8 @@
 // https://openobserve.ai/blog/how-to-monitor-aerospike-database (aerospike
 // receiver). No monitoring user needed for the basic setup.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants } from "./otelShared";
@@ -52,32 +54,43 @@ export default function aerospikeCard(subs: CardSubstitutions): RichCardContent
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "Aerospike Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "Port", default: "3000", placeholder: "3000", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.aerospikeHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.portLabel",
+            default: "3000",
+            placeholder: raw("3000"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `aerospike_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyAerospikeMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Namespaces", "Nodes", "Memory", "Storage", "Connections"],
diff --git a/web/src/components/ingestion/setupCard/content/cassandra.ts b/web/src/components/ingestion/setupCard/content/cassandra.ts
index 314cb8af9d..17d36d0156 100644
--- a/web/src/components/ingestion/setupCard/content/cassandra.ts
+++ b/web/src/components/ingestion/setupCard/content/cassandra.ts
@@ -17,6 +17,8 @@
 // https://openobserve.ai/blog/how-to-monitor-cassandra — Cassandra is scraped via
 // the JMX receiver (needs the OTel JMX metrics jar + JMX enabled on Cassandra).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants } from "./otelShared";
@@ -60,42 +62,53 @@ export default function cassandraCard(subs: CardSubstitutions): RichCardContent
     steps: [
       {
         id: "jmx-jar",
-        title: "Download the JMX Metrics Jar",
-        description: "The JMX receiver runs this helper jar (requires Java on the collector host).",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.downloadJmxJarTitle",
+        descriptionKey: "ingestion.setupCard.downloadJmxJarDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         completeOn: "copy",
         code: { lang: "bash", raw: JMX_JAR },
       },
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the JMX host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorJmxDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "JMX Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "JMX Port", default: "9000", placeholder: "9000", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.jmxHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.jmxPortLabel",
+            default: "9000",
+            placeholder: raw("9000"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
         note: "Enable JMX remote access on Cassandra for the receiver to connect.",
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `cassandra_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyCassandraMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Read Latency", "Write Latency", "Compactions", "GC Pauses", "Heap Usage"],
diff --git a/web/src/components/ingestion/setupCard/content/databricks.ts b/web/src/components/ingestion/setupCard/content/databricks.ts
index a451867f5a..7bf581fa7a 100644
--- a/web/src/components/ingestion/setupCard/content/databricks.ts
+++ b/web/src/components/ingestion/setupCard/content/databricks.ts
@@ -17,6 +17,8 @@
 // https://openobserve.ai/blog/monitor-databricks/ — Databricks ships LOGS by
 // POSTing them from a notebook to OpenObserve's logs API (no OTel collector).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { applySubs, applySubsMasked } from "../subs";
@@ -45,10 +47,9 @@ export default function databricksCard(subs: CardSubstitutions): RichCardContent
     steps: [
       {
         id: "notebook",
-        title: "Send Logs From Your Notebook",
-        description:
-          "Paste into a Databricks notebook cell — it POSTs records to OpenObserve's logs API.",
-        chip: { kind: "editor", label: "notebook.py" },
+        titleKey: "ingestion.setupCard.sendNotebookLogsTitle",
+        descriptionKey: "ingestion.setupCard.sendNotebookLogsDesc",
+        chip: { kind: "editor", label: raw("notebook.py") },
         completeOn: "copy",
         code: {
           lang: "python",
@@ -59,9 +60,9 @@ export default function databricksCard(subs: CardSubstitutions): RichCardContent
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or open Logs and search `source:databricks`.",
-        chip: { kind: "traces", label: "Logs" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyDatabricksLogsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipLogs" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["databricks_logs"],
diff --git a/web/src/components/ingestion/setupCard/content/dynamodb.ts b/web/src/components/ingestion/setupCard/content/dynamodb.ts
index 65671e0981..138972d35a 100644
--- a/web/src/components/ingestion/setupCard/content/dynamodb.ts
+++ b/web/src/components/ingestion/setupCard/content/dynamodb.ts
@@ -18,6 +18,8 @@
 // changes flow DynamoDB Streams → Kinesis Data Stream → Kinesis Firehose → the
 // OpenObserve Firehose endpoint (an AWS-console flow; no OTel collector).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { applySubs, applySubsMasked } from "../subs";
@@ -38,10 +40,9 @@ export default function dynamodbCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "firehose-endpoint",
-        title: "OpenObserve Firehose Endpoint",
-        description:
-          "Use these as the **HTTP Endpoint** destination when creating your Kinesis Data Firehose delivery stream.",
-        chip: { kind: "editor", label: "firehose" },
+        titleKey: "ingestion.setupCard.dynamodbFirehoseEndpointTitle",
+        descriptionKey: "ingestion.setupCard.dynamodbFirehoseEndpointDesc",
+        chip: { kind: "editor", label: raw("firehose") },
         completeOn: "copy",
         code: {
           lang: "text",
@@ -51,17 +52,16 @@ export default function dynamodbCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "pipeline",
-        title: "Stream DynamoDB → Firehose",
-        description:
-          "Enable **DynamoDB Streams** on your table, connect it to a **Kinesis Data Stream**, then point a **Kinesis Data Firehose** delivery stream at the HTTP endpoint above.",
-        chip: { kind: "editor", label: "AWS Console" },
+        titleKey: "ingestion.setupCard.dynamodbPipelineTitle",
+        descriptionKey: "ingestion.setupCard.dynamodbPipelineDesc",
+        chip: { kind: "editor", label: raw("AWS Console") },
         completeOn: "copy",
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or open Logs for the `dynamodb` stream once items change.",
-        chip: { kind: "traces", label: "Logs" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyDynamodbLogsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipLogs" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Item Changes", "Inserts", "Updates", "Deletes"],
diff --git a/web/src/components/ingestion/setupCard/content/gcp.ts b/web/src/components/ingestion/setupCard/content/gcp.ts
index 429410b024..29af59bf25 100644
--- a/web/src/components/ingestion/setupCard/content/gcp.ts
+++ b/web/src/components/ingestion/setupCard/content/gcp.ts
@@ -22,6 +22,8 @@
 // push endpoint URL and the live detection — the page can't end up watching a
 // different stream than the one GCP is writing to.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { applySubs, applySubsMasked } from "../subs";
@@ -44,10 +46,9 @@ export default function gcpCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "sink",
-        title: "Route Logs to a Pub/Sub Topic",
-        description:
-          "In the GCP console, create a **Log Router sink** (Logging → Log Router → Create sink) with Pub/Sub as the destination, and let it create the topic. The sink's inclusion filter decides which logs reach OpenObserve.",
-        chip: { kind: "editor", label: "GCP Console" },
+        titleKey: "ingestion.setupCard.gcpSinkTitle",
+        descriptionKey: "ingestion.setupCard.gcpSinkDesc",
+        chip: { kind: "editor", label: raw("GCP Console") },
         required: true,
         completeOn: "copy",
         code: {
@@ -63,10 +64,9 @@ gcloud logging sinks create openobserve-sink \\
       },
       {
         id: "subscription",
-        title: "Push the Topic to OpenObserve",
-        description:
-          "Create a **push** subscription on that topic and paste this as the endpoint URL. It already carries this organization and its ingestion key.",
-        chip: { kind: "terminal", label: "Endpoint" },
+        titleKey: "ingestion.setupCard.gcpSubscriptionTitle",
+        descriptionKey: "ingestion.setupCard.gcpSubscriptionDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.endpointLabel" },
         required: true,
         completeOn: "copy",
         code: {
@@ -78,20 +78,19 @@ gcloud logging sinks create openobserve-sink \\
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "Generate some activity in the project (or wait for the sink to match a log), then hit Test.",
-        chip: { kind: "traces", label: "Logs" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyGcpLogsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipLogs" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Audit Logs", "Cloud Run", "GKE", "Cloud Functions", "VPC Flow"],
       },
     ],
     streamInput: {
-      label: "Logs Stream Name",
+      labelKey: "ingestion.setupCard.logsStreamNameLabel",
       default: "default",
-      placeholder: "gcp_logs",
-      help: "Used in the push URL above and watched by the check below. A dedicated stream keeps GCP logs separate.",
+      placeholder: raw("gcp_logs"),
+      helpKey: "ingestion.setupCard.gcpStreamHelp",
     },
     // The push subscription writes to exactly this stream, so any row on it in
     // the lookback window is proof the pipeline works end to end.
diff --git a/web/src/components/ingestion/setupCard/content/kubernetes.ts b/web/src/components/ingestion/setupCard/content/kubernetes.ts
index 0dbbf2c56d..47287098c8 100644
--- a/web/src/components/ingestion/setupCard/content/kubernetes.ts
+++ b/web/src/components/ingestion/setupCard/content/kubernetes.ts
@@ -29,6 +29,8 @@
 // The raw Helm sequence stays a secondary, collapsed path (extras.advanced),
 // mirroring the "Advanced Installation" accordion it replaces.
 
+import { gt, raw } from "@/types/i18n";
+
 import config from "@/aws-exports";
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent, RichCardStepVariant } from "../types";
@@ -131,7 +133,7 @@ const LANGUAGES: { id: string; label: string; icon: string; extra?: string }[] =
 const instrumentVariants = (): RichCardStepVariant[] =>
   LANGUAGES.map((l) => ({
     id: l.id,
-    label: l.label,
+    label: raw(l.label),
     icon: getImageURL(l.icon),
     code: { lang: "bash", raw: annotate(l.id, l.extra) },
     note:
@@ -165,13 +167,13 @@ export default function kubernetesCard(subs: CardSubstitutions): RichCardContent
     : [
         {
           id: "external",
-          label: "External Endpoint",
+          labelKey: "ingestion.setupCard.externalEndpointVariant",
           code: externalCode,
           note: `${INSTALLER_NOTE} ${ADVANCED_HINT}`,
         },
         {
           id: "internal",
-          label: "Internal Endpoint",
+          labelKey: "ingestion.setupCard.internalEndpointVariant",
           code: codeFor(scriptInstall(`--internal-endpoint=${IN_CLUSTER_URL}`), subs),
           note: `Use this when OpenObserve runs in this same cluster — traffic never leaves it. ${INSTALLER_NOTE} ${ADVANCED_HINT}`,
         },
@@ -194,19 +196,18 @@ export default function kubernetesCard(subs: CardSubstitutions): RichCardContent
         // "(Recommended)" is carried in the title, as it was on the page this
         // replaces — it is the path the overwhelming majority should take, and
         // the manual Helm sequence below must not read as an equal alternative.
-        title: "Quick Install (Recommended)",
-        description:
-          "Install the OpenObserve collector with a **single command** — just set your cluster name and run. The name tags every record, so you can tell clusters apart once several are reporting.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.quickInstallTitle",
+        descriptionKey: "ingestion.setupCard.quickInstallDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         inputs: [
           {
             id: "cluster",
-            label: "Cluster Name",
+            labelKey: "ingestion.setupCard.clusterNameLabel",
             default: "cluster1",
-            placeholder: "production",
-            help: "Identifies this cluster in your logs, metrics and dashboards.",
+            placeholder: raw("production"),
+            helpKey: "ingestion.setupCard.clusterNameHelp",
           },
         ],
         // Cloud: one command, no toggle. Self-hosted: external / internal.
@@ -218,19 +219,17 @@ export default function kubernetesCard(subs: CardSubstitutions): RichCardContent
       },
       {
         id: "instrument",
-        title: "Auto-Instrument Your Applications for Traces",
-        description:
-          "Optional. The OpenTelemetry operator injects instrumentation into annotated workloads, so you get **distributed traces without touching application code or rebuilding images**. Pick a language, then annotate the namespace it runs in.",
-        chip: { kind: "editor", label: "Optional" },
+        titleKey: "ingestion.setupCard.autoInstrumentTracesTitle",
+        descriptionKey: "ingestion.setupCard.autoInstrumentTracesDesc",
+        chip: { kind: "editor", labelKey: "ingestion.setupCard.optionalLabel" },
         completeOn: "copy",
         variants: instrumentVariants(),
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "Give the collector a few seconds to start, then hit Test — cluster logs land in the `default` stream.",
-        chip: { kind: "traces", label: "Logs" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyK8sDataDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipLogs" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Container Logs", "Kubernetes Events", "Node Metrics", "Pod Metrics", "Traces"],
@@ -249,10 +248,13 @@ export default function kubernetesCard(subs: CardSubstitutions): RichCardContent
       // boxes with a "wait 2 minutes" instruction between them; the explicit
       // `kubectl wait` on the webhook makes that deterministic.
       advanced: {
-        label: "Advanced Installation (Manual Steps)",
+        labelKey: "ingestion.setupCard.advancedInstallLabel",
+        // The self-hosted variant interpolates the in-cluster URL, which
+        // descriptionKey (resolved without params) can't express — so both
+        // branches translate here, at card-build time.
         description: isCloud
-          ? "For custom configurations, or to pin versions and customise the chart values. Run the steps in order."
-          : `For custom configurations, or to pin versions and customise the chart values. Run the steps in order. If OpenObserve runs in this same cluster, replace the exporter endpoints with \`${IN_CLUSTER_URL}\`.`,
+          ? gt("ingestion.setupCard.advancedInstallDescCloud")
+          : gt("ingestion.setupCard.advancedInstallDescSelfHosted", { url: IN_CLUSTER_URL }),
         code: codeFor(helmInstall("{url}"), subs),
       },
       fixTitle: "Wait For The cert-manager Webhook",
diff --git a/web/src/components/ingestion/setupCard/content/linux.ts b/web/src/components/ingestion/setupCard/content/linux.ts
index c5428efe9f..95cc1b7b21 100644
--- a/web/src/components/ingestion/setupCard/content/linux.ts
+++ b/web/src/components/ingestion/setupCard/content/linux.ts
@@ -18,6 +18,8 @@
 // callout; it is now a variant toggle, with the EC2 IAM prerequisite riding on
 // the EC2 variant's note where it is actually relevant.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import {
@@ -51,23 +53,22 @@ export default function linuxCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "install",
-        title: "Install the Agent",
-        description:
-          "Run this on the host as **root** (or with `sudo`). Pick **AWS EC2** to additionally pick up instance metadata and use the instance's Name tag as the host identifier.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.installAgentTitle",
+        descriptionKey: "ingestion.setupCard.installAgentLinuxDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variants: [
           {
             id: "generic",
-            label: "Generic Linux",
+            labelKey: "ingestion.setupCard.genericLinuxVariant",
             icon: icon.linux,
             code: agentCode(install(""), subs, "bash"),
             note: "Any Linux server or VM.",
           },
           {
             id: "ec2",
-            label: "AWS EC2",
+            label: raw("AWS EC2"),
             icon: icon.ec2,
             code: agentCode(install("/ec2"), subs, "bash"),
             note: EC2_IAM_NOTE,
@@ -76,10 +77,9 @@ export default function linuxCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "The agent starts on install. Give it a few seconds, then hit Test — host metrics arrive as `system_*` streams.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyLinuxAgentDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["System Logs", "journald", "CPU", "Memory", "Disk", "Network"],
diff --git a/web/src/components/ingestion/setupCard/content/macos.ts b/web/src/components/ingestion/setupCard/content/macos.ts
index 6ac5d1f413..46482ef262 100644
--- a/web/src/components/ingestion/setupCard/content/macos.ts
+++ b/web/src/components/ingestion/setupCard/content/macos.ts
@@ -26,6 +26,8 @@
 //     ndjson` into the agent's TCP receiver. That daemon is the thing to check
 //     when host metrics arrive but unified log entries do not.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import {
@@ -56,20 +58,18 @@ export default function macosCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "install",
-        title: "Install the Agent",
-        description:
-          "Run this on the Mac with `sudo`. It installs the agent as a launchd daemon, plus a second daemon that bridges the macOS unified log into it.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.installAgentTitle",
+        descriptionKey: "ingestion.setupCard.installAgentMacosDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         code: agentCode(install, subs, "bash"),
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "Both daemons start on install. Give it a few seconds, then hit Test — host metrics arrive as `system_*` streams and the unified log lands in the `macos_unified` stream.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyMacosAgentDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Unified Log", "System Logs", "CPU", "Memory", "Disk", "Network"],
diff --git a/web/src/components/ingestion/setupCard/content/mongodb.ts b/web/src/components/ingestion/setupCard/content/mongodb.ts
index bbe0b32484..1b81d7b992 100644
--- a/web/src/components/ingestion/setupCard/content/mongodb.ts
+++ b/web/src/components/ingestion/setupCard/content/mongodb.ts
@@ -16,6 +16,8 @@
 // MongoDB data-source setup card. Follows the OpenObserve guide:
 // https://openobserve.ai/blog/monitor-mongodb-metrics-otel (requires MongoDB 4.0+).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants, sharedToolIcons } from "./otelShared";
@@ -71,15 +73,14 @@ export default function mongodbCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "prepare",
-        title: "Prepare MongoDB",
-        description:
-          "Create a monitoring user with clusterMonitor — run it in mongosh, **not** your shell.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.prepareMongodbTitle",
+        descriptionKey: "ingestion.setupCard.prepareMongodbDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         completeOn: "copy",
         variants: [
           {
             id: "mongosh",
-            label: "mongosh",
+            label: raw("mongosh"),
             icon: tool.terminal,
             code: {
               lang: "bash",
@@ -88,7 +89,7 @@ export default function mongodbCard(subs: CardSubstitutions): RichCardContent {
           },
           {
             id: "docker",
-            label: "Docker",
+            label: raw("Docker"),
             icon: tool.docker,
             code: {
               lang: "bash",
@@ -97,7 +98,7 @@ export default function mongodbCard(subs: CardSubstitutions): RichCardContent {
           },
           {
             id: "shell",
-            label: "Compass Shell",
+            label: raw("Compass Shell"),
             icon: getImageURL("images/ingestion/mongodb.svg"),
             code: { lang: "javascript", raw: USER_JS },
           },
@@ -106,32 +107,43 @@ export default function mongodbCard(subs: CardSubstitutions): RichCardContent {
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "MongoDB Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "Port", default: "27017", placeholder: "27017", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.mongodbHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.portLabel",
+            default: "27017",
+            placeholder: raw("27017"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `mongodb_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyMongodbMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Connections", "Operations", "Cache Hits", "Cursors", "Documents"],
diff --git a/web/src/components/ingestion/setupCard/content/mysql.ts b/web/src/components/ingestion/setupCard/content/mysql.ts
index 9dc2f49e29..fc555a48ed 100644
--- a/web/src/components/ingestion/setupCard/content/mysql.ts
+++ b/web/src/components/ingestion/setupCard/content/mysql.ts
@@ -16,6 +16,8 @@
 // MySQL data-source setup card. Follows the OpenObserve guide:
 // https://openobserve.ai/blog/monitor-mysql-metrics-otel (requires MySQL 8.0+).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants, sharedToolIcons } from "./otelShared";
@@ -72,21 +74,21 @@ export default function mysqlCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "prepare",
-        title: "Prepare MySQL",
-        description: "Create the monitoring user — run it in a SQL client, **not** your shell.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.prepareMysqlTitle",
+        descriptionKey: "ingestion.setupCard.prepareMysqlDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         completeOn: "copy",
         variants: [
           {
             id: "mysql",
-            label: "mysql",
+            label: raw("mysql"),
             icon: tool.terminal,
             code: { lang: "bash", raw: applyUser("mysql -h localhost -u root -p") },
             note: "Run as a MySQL admin (it prompts for the password).",
           },
           {
             id: "docker",
-            label: "Docker",
+            label: raw("Docker"),
             icon: tool.docker,
             code: {
               lang: "bash",
@@ -95,7 +97,7 @@ export default function mysqlCard(subs: CardSubstitutions): RichCardContent {
           },
           {
             id: "sql-client",
-            label: "SQL Client (GUI)",
+            labelKey: "ingestion.setupCard.sqlClientGuiVariant",
             icon: getImageURL("images/ingestion/mysql.svg"),
             code: { lang: "sql", raw: USER_SQL },
           },
@@ -104,24 +106,35 @@ export default function mysqlCard(subs: CardSubstitutions): RichCardContent {
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "MySQL Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "Port", default: "3306", placeholder: "3306", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.mysqlHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.portLabel",
+            default: "3306",
+            placeholder: raw("3306"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector (the user's password via env var).",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorMysqlDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: {
           lang: "bash",
@@ -130,9 +143,9 @@ export default function mysqlCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `mysql_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyMysqlMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Buffer Pool", "Operations", "Threads", "Row Locks", "Handlers"],
diff --git a/web/src/components/ingestion/setupCard/content/oracle.ts b/web/src/components/ingestion/setupCard/content/oracle.ts
index 4785dd1a12..8909ce0d17 100644
--- a/web/src/components/ingestion/setupCard/content/oracle.ts
+++ b/web/src/components/ingestion/setupCard/content/oracle.ts
@@ -16,6 +16,8 @@
 // Oracle DB data-source setup card. Follows the OpenObserve doc:
 // https://openobserve.ai/docs/integration/database/oracle/ (oracledb receiver).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants } from "./otelShared";
@@ -68,42 +70,52 @@ export default function oracleCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "prepare",
-        title: "Prepare Oracle",
-        description:
-          "Create the monitoring user — run it as a DBA in SQL*Plus or SQL Developer, **not** your shell.",
-        chip: { kind: "editor", label: "grant.sql" },
+        titleKey: "ingestion.setupCard.prepareOracleTitle",
+        descriptionKey: "ingestion.setupCard.prepareOracleDesc",
+        chip: { kind: "editor", label: raw("grant.sql") },
         completeOn: "copy",
         code: { lang: "sql", filename: "grant.sql", raw: GRANT_SQL },
       },
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "Oracle Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "Port", default: "1521", placeholder: "1521", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.oracleHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.portLabel",
+            default: "1521",
+            placeholder: raw("1521"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `oracledb_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyOracledbMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Sessions", "System Stats", "Tablespace Usage", "Data Files", "Resource Limits"],
diff --git a/web/src/components/ingestion/setupCard/content/osAgent.ts b/web/src/components/ingestion/setupCard/content/osAgent.ts
index f907954541..98500bb88d 100644
--- a/web/src/components/ingestion/setupCard/content/osAgent.ts
+++ b/web/src/components/ingestion/setupCard/content/osAgent.ts
@@ -19,6 +19,8 @@
 // (generic host vs AWS EC2), the EC2 IAM prerequisite and the detection config
 // live here rather than being duplicated in both cards.
 
+import { type I18nKey } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardDetect, RichCardExtras } from "../types";
 import { applySubs, applySubsMasked } from "../subs";
@@ -79,12 +81,10 @@ const winUninstall = `Invoke-WebRequest -Uri ${AGENTS_REPO}/windows/uninstall.ps
 .\\uninstall.ps1`;
 
 /** What each OS's uninstall script actually removes, so the copy matches reality. */
-const UNINSTALL_DESC: Record<AgentOs, string> = {
-  linux:
-    "Run with `sudo`. Stops and disables the systemd service, then removes the unit file, the binary, the config and the `openobserve-agent` user.",
-  mac: "Run with `sudo`. Stops both launchd daemons — the agent and the unified log bridge — then removes their plists, the binary, the config and the agent's logs.",
-  windows:
-    "Run in **PowerShell as Administrator**. Stops the agent service and deletes its install directory.",
+const UNINSTALL_DESC_KEY: Record<AgentOs, I18nKey> = {
+  linux: "ingestion.setupCard.uninstallAgentDescLinux",
+  mac: "ingestion.setupCard.uninstallAgentDescMac",
+  windows: "ingestion.setupCard.uninstallAgentDescWindows",
 };
 
 /** Host OS an agent card targets — picks the uninstall script and shell. */
@@ -98,8 +98,8 @@ export type AgentOs = "linux" | "mac" | "windows";
  */
 export function agentUninstall(os: AgentOs): NonNullable<RichCardExtras["uninstall"]> {
   return {
-    label: "Uninstall the Agent",
-    description: UNINSTALL_DESC[os],
+    labelKey: "ingestion.setupCard.uninstallAgentLabel",
+    descriptionKey: UNINSTALL_DESC_KEY[os],
     code: {
       lang: os === "windows" ? "powershell" : "bash",
       raw: os === "windows" ? winUninstall : unixUninstall(os),
diff --git a/web/src/components/ingestion/setupCard/content/otelShared.ts b/web/src/components/ingestion/setupCard/content/otelShared.ts
index 45ae8f1d07..c959bb692a 100644
--- a/web/src/components/ingestion/setupCard/content/otelShared.ts
+++ b/web/src/components/ingestion/setupCard/content/otelShared.ts
@@ -21,6 +21,8 @@
 // Per-DB content (the prepare/grant SQL, the receiver config, run, verify) stays
 // in each card's own file (e.g. sqlServer.ts, postgres.ts).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardStep, RichCardStepVariant } from "../types";
 import { applySubs, applySubsMasked } from "../subs";
@@ -65,28 +67,28 @@ export function collectorInstallStep(version: string = COLLECTOR_VERSION): RichC
   const icon = osIcons();
   return {
     id: "install",
-    title: "Install OpenTelemetry Collector Contrib",
-    description: "The receiver is in the Contrib build only — pick your platform.",
-    chip: { kind: "terminal", label: "Terminal" },
+    titleKey: "ingestion.setupCard.collectorInstallTitle",
+    descriptionKey: "ingestion.setupCard.collectorInstallDesc",
+    chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
     completeOn: "copy",
     // The OS chosen here also drives the configure step (shared "os" group).
     variantGroup: "os",
     variants: [
       {
         id: "linux-amd64",
-        label: "Linux (x86_64)",
+        label: raw("Linux (x86_64)"),
         icon: icon.linux,
         code: { lang: "bash", raw: unixInstall("linux_amd64", version) },
       },
       {
         id: "linux-arm64",
-        label: "Linux (ARM64)",
+        label: raw("Linux (ARM64)"),
         icon: icon.linux,
         code: { lang: "bash", raw: unixInstall("linux_arm64", version) },
       },
       {
         id: "darwin-arm64",
-        label: "macOS (Apple Silicon)",
+        label: raw("macOS (Apple Silicon)"),
         icon: icon.mac,
         iconInvertDark: true,
         code: { lang: "bash", raw: unixInstall("darwin_arm64", version) },
@@ -94,7 +96,7 @@ export function collectorInstallStep(version: string = COLLECTOR_VERSION): RichC
       },
       {
         id: "darwin-amd64",
-        label: "macOS (Intel)",
+        label: raw("macOS (Intel)"),
         icon: icon.mac,
         iconInvertDark: true,
         code: { lang: "bash", raw: unixInstall("darwin_amd64", version) },
@@ -102,7 +104,7 @@ export function collectorInstallStep(version: string = COLLECTOR_VERSION): RichC
       },
       {
         id: "windows-amd64",
-        label: "Windows (x86_64)",
+        label: raw("Windows (x86_64)"),
         icon: icon.windows,
         code: { lang: "powershell", raw: winInstall(version) },
       },
@@ -144,22 +146,22 @@ export function writeConfigVariants(
     masked: psWriteConfig(applySubsMasked(configYaml, subs)),
   };
   return [
-    { id: "linux-amd64", label: "Linux (x86_64)", icon: icon.linux, code: bashCfg },
-    { id: "linux-arm64", label: "Linux (ARM64)", icon: icon.linux, code: bashCfg },
+    { id: "linux-amd64", label: raw("Linux (x86_64)"), icon: icon.linux, code: bashCfg },
+    { id: "linux-arm64", label: raw("Linux (ARM64)"), icon: icon.linux, code: bashCfg },
     {
       id: "darwin-arm64",
-      label: "macOS (Apple Silicon)",
+      label: raw("macOS (Apple Silicon)"),
       icon: icon.mac,
       iconInvertDark: true,
       code: bashCfg,
     },
     {
       id: "darwin-amd64",
-      label: "macOS (Intel)",
+      label: raw("macOS (Intel)"),
       icon: icon.mac,
       iconInvertDark: true,
       code: bashCfg,
     },
-    { id: "windows-amd64", label: "Windows (x86_64)", icon: icon.windows, code: psCfg },
+    { id: "windows-amd64", label: raw("Windows (x86_64)"), icon: icon.windows, code: psCfg },
   ];
 }
diff --git a/web/src/components/ingestion/setupCard/content/otlpTraces.ts b/web/src/components/ingestion/setupCard/content/otlpTraces.ts
index b2b7888b45..f4ac4826aa 100644
--- a/web/src/components/ingestion/setupCard/content/otlpTraces.ts
+++ b/web/src/components/ingestion/setupCard/content/otlpTraces.ts
@@ -20,6 +20,8 @@
 // The stream is a `streamInput`, so the name flows into the exporter config AND
 // the live detection — they can never drift apart.
 
+import { raw } from "@/types/i18n";
+
 import config from "@/aws-exports";
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent, RichCardStepVariant } from "../types";
@@ -74,14 +76,14 @@ export default function otlpTracesCard(subs: CardSubstitutions): RichCardContent
   const variants: RichCardStepVariant[] = [
     {
       id: "http",
-      label: "Collector · OTLP HTTP",
+      label: raw("Collector · OTLP HTTP"),
       icon: getImageURL("images/ingestion/otlp.svg"),
       code: { ...code(HTTP_YAML), filename: "config.yaml" },
       note: "The default for the OpenTelemetry Collector — works everywhere, including behind proxies and load balancers.",
     },
     {
       id: "sdk",
-      label: "SDK (No Collector)",
+      label: raw("SDK (No Collector)"),
       icon: getImageURL("images/rum/events/terminal.png"),
       code: code(SDK_ENV, "bash"),
       note: "Standard OTEL_* environment variables — every OpenTelemetry SDK reads these, so no code change is needed.",
@@ -92,7 +94,7 @@ export default function otlpTracesCard(subs: CardSubstitutions): RichCardContent
   if (!isCloud) {
     variants.splice(1, 0, {
       id: "grpc",
-      label: "Collector · OTLP gRPC",
+      label: raw("Collector · OTLP gRPC"),
       icon: getImageURL("images/ingestion/otlp.svg"),
       code: { ...code(grpcYaml(host, insecure)), filename: "config.yaml" },
       note: "Lower overhead than HTTP for high span volumes. Port 5081 must be reachable from the collector.",
@@ -113,30 +115,28 @@ export default function otlpTracesCard(subs: CardSubstitutions): RichCardContent
     steps: [
       {
         id: "configure",
-        title: "Point Your Exporter at OpenObserve",
-        description:
-          "Add this to your collector config, or set the environment variables if your app exports directly. Everything is already filled in for this organization.",
-        chip: { kind: "editor", label: "Editor" },
+        titleKey: "ingestion.setupCard.pointExporterTitle",
+        descriptionKey: "ingestion.setupCard.pointExporterDesc",
+        chip: { kind: "editor", labelKey: "ingestion.setupCard.chipEditor" },
         required: true,
         completeOn: "copy",
         variants,
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "Restart the collector (or your app), exercise a request that produces a span, then hit Test.",
-        chip: { kind: "traces", label: "Traces" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyOtlpTracesDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipTraces" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Spans", "Service Map", "Latency", "Errors"],
       },
     ],
     streamInput: {
-      label: "Traces Stream Name",
+      labelKey: "ingestion.setupCard.tracesStreamNameLabel",
       default: "default",
-      placeholder: "default",
-      help: "Written into the config above as `stream-name`, and watched by the check below.",
+      placeholder: raw("default"),
+      helpKey: "ingestion.setupCard.otlpTracesStreamHelp",
     },
     // Every span carries a trace id, so any row on the target stream proves the
     // exporter is wired up correctly.
diff --git a/web/src/components/ingestion/setupCard/content/postgres.ts b/web/src/components/ingestion/setupCard/content/postgres.ts
index fd158daec0..5d79b70d95 100644
--- a/web/src/components/ingestion/setupCard/content/postgres.ts
+++ b/web/src/components/ingestion/setupCard/content/postgres.ts
@@ -18,6 +18,8 @@
 // specifics. Follows the OpenObserve guide:
 // https://openobserve.ai/blog/how-to-monitor-postgresql-performance
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants, sharedToolIcons } from "./otelShared";
@@ -85,14 +87,14 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "prepare",
-        title: "Prepare PostgreSQL",
-        description: "Create the monitoring role — run it in a SQL client, **not** your shell.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.preparePostgresqlTitle",
+        descriptionKey: "ingestion.setupCard.preparePostgresqlDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         completeOn: "copy",
         variants: [
           {
             id: "psql",
-            label: "psql",
+            label: raw("psql"),
             icon: tool.terminal,
             code: {
               lang: "bash",
@@ -102,7 +104,7 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
           },
           {
             id: "docker",
-            label: "Docker",
+            label: raw("Docker"),
             icon: tool.docker,
             code: {
               lang: "bash",
@@ -111,7 +113,7 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
           },
           {
             id: "sql-client",
-            label: "SQL Client (GUI)",
+            labelKey: "ingestion.setupCard.sqlClientGuiVariant",
             icon: getImageURL("images/ingestion/postgres.png"),
             code: { lang: "sql", raw: ROLE_SQL },
           },
@@ -120,9 +122,9 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         // No own toggle — follow the OS picked at the install step.
@@ -132,15 +134,15 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
         inputs: [
           {
             id: "host",
-            label: "PostgreSQL Host",
+            labelKey: "ingestion.setupCard.postgresqlHostLabel",
             default: "localhost",
-            placeholder: "localhost",
+            placeholder: raw("localhost"),
           },
           {
             id: "port",
-            label: "Port",
+            labelKey: "ingestion.setupCard.portLabel",
             default: "5432",
-            placeholder: "5432",
+            placeholder: raw("5432"),
             width: "sm",
           },
         ],
@@ -148,9 +150,9 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector (the role's password via env var).",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorPostgresqlDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: {
           lang: "bash",
@@ -159,9 +161,9 @@ export default function postgresCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `postgresql_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyPostgresqlMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Active Backends", "Commits", "Rollbacks", "Database Size", "Blocks Read"],
diff --git a/web/src/components/ingestion/setupCard/content/redis.ts b/web/src/components/ingestion/setupCard/content/redis.ts
index 7a554f7596..e1353d09c3 100644
--- a/web/src/components/ingestion/setupCard/content/redis.ts
+++ b/web/src/components/ingestion/setupCard/content/redis.ts
@@ -18,6 +18,8 @@
 // Redis needs no monitoring user — the receiver connects with an optional AUTH
 // password — so there is no "prepare" step.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants } from "./otelShared";
@@ -62,24 +64,35 @@ export default function redisCard(subs: CardSubstitutions): RichCardContent {
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "Redis Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "Port", default: "6379", placeholder: "6379", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.redisHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.portLabel",
+            default: "6379",
+            placeholder: raw("6379"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector (Redis AUTH password via env var).",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorRedisDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: {
           lang: "bash",
@@ -89,9 +102,9 @@ export default function redisCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `redis_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyRedisMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Commands", "Memory", "Clients", "Keyspace", "Hit Rate"],
diff --git a/web/src/components/ingestion/setupCard/content/rum.spec.ts b/web/src/components/ingestion/setupCard/content/rum.spec.ts
index 7e8536f39e..31c37b0c01 100644
--- a/web/src/components/ingestion/setupCard/content/rum.spec.ts
+++ b/web/src/components/ingestion/setupCard/content/rum.spec.ts
@@ -34,6 +34,7 @@ vi.mock("@/utils/zincutils", () => ({
 import rumCard, { RUM_SDK_VERSION } from "./rum";
 import type { RumCardSubs } from "./rum";
 import type { RichCardContent } from "../types";
+import enLocale from "@/locales/languages/en-US.json";
 
 // ── shared substitutions ──────────────────────────────────────────────────────
 
@@ -107,13 +108,13 @@ describe("rumCard builder", () => {
     it("install step has chip with label 'Install'", () => {
       const card = buildCard();
       const install = card.steps.find((s) => s.id === "install")!;
-      expect(install.chip?.label).toBe("Install");
+      expect(install.chip?.labelKey).toBe("ingestion.setupCard.chipInstall");
     });
 
     it("init step has chip with label 'Editor'", () => {
       const card = buildCard();
       const init = card.steps.find((s) => s.id === "init")!;
-      expect(init.chip?.label).toBe("Editor");
+      expect(init.chip?.labelKey).toBe("ingestion.setupCard.chipEditor");
     });
 
     it("verify step has chip with label 'RUM'", () => {
@@ -537,9 +538,12 @@ describe("rumCard builder", () => {
       const exposureEntry = ts.find((e: any) => e.q.toLowerCase().includes("visible"));
 
       // The init step (both NPM and CDN tabs) states the token ships to
-      // visitors' browsers and can be rotated.
-      expect(init.description).toContain("ships to visitors' browsers");
-      expect(init.description).toContain("rotate");
+      // visitors' browsers and can be rotated. The step carries an i18n KEY
+      // (SetupCardRenderer translates it at render time), so assert on the
+      // en-US copy that key resolves to.
+      expect(init.descriptionKey).toBe("ingestion.setupCard.rumInitDesc");
+      expect(enLocale.ingestion.setupCard.rumInitDesc).toContain("ships to visitors' browsers");
+      expect(enLocale.ingestion.setupCard.rumInitDesc).toContain("rotate");
       // The troubleshooting entry explains it is write-only and rotatable.
       expect(exposureEntry).toBeDefined();
       expect(exposureEntry.a).toContain("write");
diff --git a/web/src/components/ingestion/setupCard/content/rum.ts b/web/src/components/ingestion/setupCard/content/rum.ts
index 741672e182..be36a5a756 100644
--- a/web/src/components/ingestion/setupCard/content/rum.ts
+++ b/web/src/components/ingestion/setupCard/content/rum.ts
@@ -21,6 +21,8 @@
 // The install + init steps share the "pkg" variant group: picking NPM or CDN
 // on either step switches both, so the two read as one coherent path.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { RichCardContent, RichCardStepVariant } from "../types";
 
@@ -185,14 +187,14 @@ export default function rumCard(subs: RumCardSubs): RichCardContent {
   const installVariants: RichCardStepVariant[] = [
     {
       id: "npm",
-      label: "NPM",
+      label: raw("NPM"),
       icon: nodeIcon,
       code: { lang: "bash", raw: NPM_INSTALL },
       note: "Prefer NPM when you own the build — the SDK ships inside your bundle, versions move with your lockfile, and your CSP stays first-party.",
     },
     {
       id: "cdn",
-      label: "CDN",
+      label: raw("CDN"),
       code: {
         lang: "html",
         filename: "index.html",
@@ -205,7 +207,7 @@ export default function rumCard(subs: RumCardSubs): RichCardContent {
   const initVariants: RichCardStepVariant[] = [
     {
       id: "npm",
-      label: "NPM",
+      label: raw("NPM"),
       icon: nodeIcon,
       code: {
         lang: "javascript",
@@ -217,7 +219,7 @@ export default function rumCard(subs: RumCardSubs): RichCardContent {
     },
     {
       id: "cdn",
-      label: "CDN",
+      label: raw("CDN"),
       code: {
         lang: "html",
         filename: "index.html",
@@ -242,10 +244,9 @@ export default function rumCard(subs: RumCardSubs): RichCardContent {
     steps: [
       {
         id: "install",
-        title: "Add the SDK to Your App",
-        description:
-          "Pick how the SDK ships: bundle it with **NPM**, or drop the **CDN** loader into your HTML `<head>` — no build step needed.",
-        chip: { kind: "terminal", label: "Install" },
+        titleKey: "ingestion.setupCard.rumInstallTitle",
+        descriptionKey: "ingestion.setupCard.rumInstallDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipInstall" },
         completeOn: "copy",
         required: true,
         variantGroup: "pkg",
@@ -253,10 +254,9 @@ export default function rumCard(subs: RumCardSubs): RichCardContent {
       },
       {
         id: "init",
-        title: "Initialize RUM + Logs",
-        description:
-          "Both SDKs are initialized with this org's values — copy as-is, then adjust `service`, `env` and `applicationId` to describe your app. The `clientToken` ships to visitors' browsers by design (NPM bundles it, CDN inlines it) — it can only write RUM events, and you can rotate it from this page's header anytime.",
-        chip: { kind: "editor", label: "Editor" },
+        titleKey: "ingestion.setupCard.rumInitTitle",
+        descriptionKey: "ingestion.setupCard.rumInitDesc",
+        chip: { kind: "editor", labelKey: "ingestion.setupCard.chipEditor" },
         completeOn: "copy",
         required: true,
         variantGroup: "pkg",
@@ -264,10 +264,9 @@ export default function rumCard(subs: RumCardSubs): RichCardContent {
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "Open your app in a browser, click around for a few seconds, then hit Test — RUM events land in the `_rumdata` stream.",
-        chip: { kind: "traces", label: "RUM" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyRumDesc",
+        chip: { kind: "traces", label: raw("RUM") },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Sessions", "Page Views", "User Actions", "Errors", "Web Vitals", "Session Replay"],
diff --git a/web/src/components/ingestion/setupCard/content/rumReactNative.spec.ts b/web/src/components/ingestion/setupCard/content/rumReactNative.spec.ts
index bdf6c67931..b02f6e7e07 100644
--- a/web/src/components/ingestion/setupCard/content/rumReactNative.spec.ts
+++ b/web/src/components/ingestion/setupCard/content/rumReactNative.spec.ts
@@ -244,7 +244,7 @@ describe("rumReactNativeCard builder", () => {
       const card = buildCard();
       const install = card.steps.find((s) => s.id === "install")!;
 
-      expect(install.chip?.label).toBe("Install");
+      expect(install.chip?.labelKey).toBe("ingestion.setupCard.chipInstall");
     });
 
     it("verify step has chip with label 'RUM'", () => {
diff --git a/web/src/components/ingestion/setupCard/content/rumReactNative.ts b/web/src/components/ingestion/setupCard/content/rumReactNative.ts
index 2a1aae11ec..5223a49f82 100644
--- a/web/src/components/ingestion/setupCard/content/rumReactNative.ts
+++ b/web/src/components/ingestion/setupCard/content/rumReactNative.ts
@@ -31,6 +31,8 @@
 // asymmetry is the single most common reason RUM events arrive while session
 // replay silently does not, so it gets its own step and its own FAQ entry.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { RichCardContent, RichCardStepVariant } from "../types";
 
@@ -174,14 +176,14 @@ export default function rumReactNativeCard(subs: RumReactNativeCardSubs): RichCa
   const installVariants: RichCardStepVariant[] = [
     {
       id: "npm",
-      label: "npm",
+      label: raw("npm"),
       icon: nodeIcon,
       code: { lang: "bash", raw: installCmd("npm install") },
       note: "The session-replay and navigation packages are optional — drop either line if you do not need screen recording or automatic view tracking.",
     },
     {
       id: "yarn",
-      label: "Yarn",
+      label: raw("Yarn"),
       icon: nodeIcon,
       code: { lang: "bash", raw: installCmd("yarn add") },
       note: "The session-replay and navigation packages are optional — drop either line if you do not need screen recording or automatic view tracking.",
@@ -205,10 +207,9 @@ export default function rumReactNativeCard(subs: RumReactNativeCardSubs): RichCa
     steps: [
       {
         id: "install",
-        title: "Install the React Native SDK",
-        description:
-          "Add the core SDK plus the optional session-replay and navigation packages. On iOS, run `npx pod-install` afterwards so the native modules are linked.",
-        chip: { kind: "terminal", label: "Install" },
+        titleKey: "ingestion.setupCard.installReactNativeSdkTitle",
+        descriptionKey: "ingestion.setupCard.installReactNativeSdkDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipInstall" },
         completeOn: "copy",
         required: true,
         variantGroup: "pkg",
@@ -216,10 +217,9 @@ export default function rumReactNativeCard(subs: RumReactNativeCardSubs): RichCa
       },
       {
         id: "init",
-        title: "Initialize RUM + Logs",
-        description:
-          "Wrap your app in `OpenObserveProvider`. The endpoints below are this org's — the SDK appends `/rum` and `/logs` to them. Adjust `applicationId`, `service` and `env` to describe your app. The `clientToken` ships inside your app bundle by design; it can only write RUM events and you can rotate it from this page's header.",
-        chip: { kind: "editor", label: "App.tsx" },
+        titleKey: "ingestion.setupCard.rumInitTitle",
+        descriptionKey: "ingestion.setupCard.initRumLogsDesc",
+        chip: { kind: "editor", label: raw("App.tsx") },
         completeOn: "copy",
         required: true,
         code: {
@@ -232,10 +232,9 @@ export default function rumReactNativeCard(subs: RumReactNativeCardSubs): RichCa
       },
       {
         id: "session-replay",
-        title: "Enable Session Replay",
-        description:
-          "Session Replay is configured **separately** from RUM and does **not** inherit `rumConfiguration.customEndpoint`. It also does not append a path, so it needs the full `/replay` URL below. Getting this wrong is the usual reason RUM events arrive but replays never do.",
-        chip: { kind: "editor", label: "App.tsx" },
+        titleKey: "ingestion.setupCard.enableSessionReplayTitle",
+        descriptionKey: "ingestion.setupCard.enableSessionReplayDesc",
+        chip: { kind: "editor", label: raw("App.tsx") },
         completeOn: "copy",
         code: {
           lang: "tsx",
@@ -247,10 +246,9 @@ export default function rumReactNativeCard(subs: RumReactNativeCardSubs): RichCa
       },
       {
         id: "navigation",
-        title: "Track Screens Automatically (Optional)",
-        description:
-          "If you use React Navigation, hand the SDK your navigation ref and every route change is recorded as a RUM view — no per-screen code.",
-        chip: { kind: "editor", label: "Editor" },
+        titleKey: "ingestion.setupCard.trackScreensTitle",
+        descriptionKey: "ingestion.setupCard.trackScreensDesc",
+        chip: { kind: "editor", labelKey: "ingestion.setupCard.chipEditor" },
         completeOn: "copy",
         code: {
           lang: "tsx",
@@ -261,10 +259,9 @@ export default function rumReactNativeCard(subs: RumReactNativeCardSubs): RichCa
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "Run the app on a simulator, emulator or device, move between a few screens, then hit Test — React Native events land in the `_rumdata` stream.",
-        chip: { kind: "traces", label: "RUM" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyReactNativeRumDesc",
+        chip: { kind: "traces", label: raw("RUM") },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Sessions", "Views", "User Actions", "Errors", "Crashes", "Session Replay"],
diff --git a/web/src/components/ingestion/setupCard/content/snowflake.ts b/web/src/components/ingestion/setupCard/content/snowflake.ts
index 4ac56a70cb..8bc8f33a6b 100644
--- a/web/src/components/ingestion/setupCard/content/snowflake.ts
+++ b/web/src/components/ingestion/setupCard/content/snowflake.ts
@@ -18,6 +18,8 @@
 // The snowflake receiver is account-based (no host/port) and the guide pins the
 // collector to v0.92.0 (newer builds have a known float→int conversion bug).
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants } from "./otelShared";
@@ -64,9 +66,9 @@ export default function snowflakeCard(subs: CardSubstitutions): RichCardContent
       collectorInstallStep(SNOWFLAKE_COLLECTOR_VERSION),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — replace the `<…>` values inline.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorSnowflakeDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
@@ -76,17 +78,17 @@ export default function snowflakeCard(subs: CardSubstitutions): RichCardContent
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `snowflake_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifySnowflakeMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Storage Bytes", "Query Count", "Billing Credits", "Logins", "Warehouse Usage"],
diff --git a/web/src/components/ingestion/setupCard/content/sqlServer.ts b/web/src/components/ingestion/setupCard/content/sqlServer.ts
index 2d32dd66a1..bbbc26cee2 100644
--- a/web/src/components/ingestion/setupCard/content/sqlServer.ts
+++ b/web/src/components/ingestion/setupCard/content/sqlServer.ts
@@ -21,6 +21,8 @@
 // receiver connect, the single-receiver config exports, and `sqlserver_*` metric
 // streams land in OpenObserve. Reference: https://openobserve.ai/blog/monitor-sql-server-with-otel/
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants, sharedToolIcons } from "./otelShared";
@@ -82,14 +84,14 @@ export default function sqlServerCard(subs: CardSubstitutions): RichCardContent
     steps: [
       {
         id: "prepare",
-        title: "Prepare SQL Server",
-        description: "Create the monitoring login — run it in a SQL client, **not** your shell.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.prepareSqlServerTitle",
+        descriptionKey: "ingestion.setupCard.prepareSqlServerDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         completeOn: "copy",
         variants: [
           {
             id: "sqlcmd",
-            label: "sqlcmd",
+            label: raw("sqlcmd"),
             icon: tool.terminal,
             code: {
               lang: "bash",
@@ -99,7 +101,7 @@ export default function sqlServerCard(subs: CardSubstitutions): RichCardContent
           },
           {
             id: "docker",
-            label: "Docker",
+            label: raw("Docker"),
             icon: tool.docker,
             code: {
               lang: "bash",
@@ -110,7 +112,7 @@ export default function sqlServerCard(subs: CardSubstitutions): RichCardContent
           },
           {
             id: "sql-client",
-            label: "SQL Client (GUI)",
+            labelKey: "ingestion.setupCard.sqlClientGuiVariant",
             icon: getImageURL("images/ingestion/sqlserver.png"),
             code: { lang: "sql", raw: GRANT_SQL },
           },
@@ -119,9 +121,9 @@ export default function sqlServerCard(subs: CardSubstitutions): RichCardContent
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         // No own toggle — follow the OS picked at the install step.
@@ -131,15 +133,15 @@ export default function sqlServerCard(subs: CardSubstitutions): RichCardContent
         inputs: [
           {
             id: "server",
-            label: "SQL Server Host",
+            labelKey: "ingestion.setupCard.sqlServerHostLabel",
             default: "localhost",
-            placeholder: "localhost",
+            placeholder: raw("localhost"),
           },
           {
             id: "port",
-            label: "Port",
+            labelKey: "ingestion.setupCard.portLabel",
             default: "1433",
-            placeholder: "1433",
+            placeholder: raw("1433"),
             width: "sm",
           },
         ],
@@ -147,17 +149,17 @@ export default function sqlServerCard(subs: CardSubstitutions): RichCardContent
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `sqlserver_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifySqlserverMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: [
diff --git a/web/src/components/ingestion/setupCard/content/windows.ts b/web/src/components/ingestion/setupCard/content/windows.ts
index 4c313ead2a..ad12ab9fe6 100644
--- a/web/src/components/ingestion/setupCard/content/windows.ts
+++ b/web/src/components/ingestion/setupCard/content/windows.ts
@@ -18,6 +18,8 @@
 // comes from ./osAgent; this file holds the PowerShell command and the
 // Windows-specific collection list.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import {
@@ -50,23 +52,22 @@ export default function windowsCard(subs: CardSubstitutions): RichCardContent {
     steps: [
       {
         id: "install",
-        title: "Install the Agent",
-        description:
-          "Run this in **PowerShell as Administrator**. Pick **AWS EC2** to additionally pick up instance metadata and use the instance's Name tag as the host identifier.",
-        chip: { kind: "terminal", label: "PowerShell" },
+        titleKey: "ingestion.setupCard.installAgentTitle",
+        descriptionKey: "ingestion.setupCard.installAgentWindowsDesc",
+        chip: { kind: "terminal", label: raw("PowerShell") },
         required: true,
         completeOn: "copy",
         variants: [
           {
             id: "generic",
-            label: "Generic Windows",
+            labelKey: "ingestion.setupCard.genericWindowsVariant",
             icon: icon.windows,
             code: agentCode(install(""), subs, "powershell"),
             note: "Any Windows server or VM.",
           },
           {
             id: "ec2",
-            label: "AWS EC2",
+            label: raw("AWS EC2"),
             icon: icon.ec2,
             code: agentCode(install("/ec2"), subs, "powershell"),
             note: EC2_IAM_NOTE,
@@ -75,10 +76,9 @@ export default function windowsCard(subs: CardSubstitutions): RichCardContent {
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description:
-          "The agent starts on install. Give it a few seconds, then hit Test — host metrics arrive as `system_*` streams.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyWindowsAgentDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: [
diff --git a/web/src/components/ingestion/setupCard/content/zookeeper.ts b/web/src/components/ingestion/setupCard/content/zookeeper.ts
index 90704f84ec..615ed5528b 100644
--- a/web/src/components/ingestion/setupCard/content/zookeeper.ts
+++ b/web/src/components/ingestion/setupCard/content/zookeeper.ts
@@ -17,6 +17,8 @@
 // https://openobserve.ai/blog/how-to-monitor-zookeeper-with-openteletemtry
 // (zookeeper receiver). No monitoring user needed.
 
+import { raw } from "@/types/i18n";
+
 import { getImageURL } from "@/utils/zincutils";
 import type { CardSubstitutions, RichCardContent } from "../types";
 import { collectorInstallStep, writeConfigVariants } from "./otelShared";
@@ -52,32 +54,43 @@ export default function zookeeperCard(subs: CardSubstitutions): RichCardContent
       collectorInstallStep(),
       {
         id: "configure",
-        title: "Configure the OpenTelemetry Collector",
-        description: "Writes `config.yaml` — set the host/port below.",
-        chip: { kind: "terminal", label: "Terminal" },
+        titleKey: "ingestion.setupCard.configureCollectorTitle",
+        descriptionKey: "ingestion.setupCard.configureCollectorDesc",
+        chip: { kind: "terminal", labelKey: "ingestion.setupCard.chipTerminal" },
         required: true,
         completeOn: "copy",
         variantGroup: "os",
         variantToggle: false,
         inputs: [
-          { id: "host", label: "Zookeeper Host", default: "localhost", placeholder: "localhost" },
-          { id: "port", label: "Port", default: "2181", placeholder: "2181", width: "sm" },
+          {
+            id: "host",
+            labelKey: "ingestion.setupCard.zookeeperHostLabel",
+            default: "localhost",
+            placeholder: raw("localhost"),
+          },
+          {
+            id: "port",
+            labelKey: "ingestion.setupCard.portLabel",
+            default: "2181",
+            placeholder: raw("2181"),
+            width: "sm",
+          },
         ],
         variants: writeConfigVariants(CONFIG_YAML, subs),
       },
       {
         id: "run",
-        title: "Run the OpenTelemetry Collector",
-        description: "Start the collector.",
-        chip: { kind: "run", label: "Run" },
+        titleKey: "ingestion.setupCard.runCollectorTitle",
+        descriptionKey: "ingestion.setupCard.runCollectorDesc",
+        chip: { kind: "run", labelKey: "ingestion.setupCard.chipRun" },
         completeOn: "copy",
         code: { lang: "bash", raw: "./otelcol-contrib --config ./config.yaml" },
       },
       {
         id: "verify",
-        title: "Verify Data in OpenObserve",
-        description: "Hit Test below, or check Streams for the `zookeeper_*` metrics.",
-        chip: { kind: "traces", label: "Metrics" },
+        titleKey: "ingestion.setupCard.verifyDataTitle",
+        descriptionKey: "ingestion.setupCard.verifyZookeeperMetricsDesc",
+        chip: { kind: "traces", labelKey: "ingestion.setupCard.chipMetrics" },
         completeOn: "detect",
         detectionAnchor: true,
         pills: ["Connections", "Latency", "Outstanding Requests", "Watches", "Znodes"],
diff --git a/web/src/components/ingestion/setupCard/types.ts b/web/src/components/ingestion/setupCard/types.ts
index 1917371dbc..b79ac5ed88 100644
--- a/web/src/components/ingestion/setupCard/types.ts
+++ b/web/src/components/ingestion/setupCard/types.ts
@@ -20,9 +20,26 @@
 // via markdown frontmatter (ai/content/richCard/buildFromMarkdown), and in-repo
 // data sources via typed builders (setupCard/content/*, setupCard/registry).
 
+import type { I18nKey, I18nText } from "@/types/i18n";
+
 import type { FieldWidth } from "@/lib/forms/Input/OInput.types";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
+// ── Translating card copy ────────────────────────────────────────────────────
+// The in-repo builders (setupCard/content/*) are plain modules with no component
+// context, so they must NOT call `t()` — it would resolve once and freeze the
+// copy at whatever locale was active when the module first ran. Instead the
+// user-facing text fields below come in pairs:
+//
+//   • `title` / `label` / `description` — already-resolved text (`I18nText`).
+//     Used by content that is not translatable data (markdown-authored AI cards)
+//     or is a code token / product name (wrapped in `raw()`).
+//   • `titleKey` / `labelKey` / `descriptionKey` — an i18n KEY stored as data,
+//     translated by SetupCardRenderer at RENDER time so it follows the locale.
+//
+// Exactly one of each pair should be set; the `*Key` half wins when both are.
+// Same shape as `BadgeValueConfig.labelKey` (lib/core/Badge/badgeGroups.ts).
+
 /**
  * Per-org values substituted into a card's code blocks. `token` is the
  * OpenObserve ingestion token: base64 of `email:<org ingestion passcode>`,
@@ -48,7 +65,10 @@ export type StepCompleteOn = "copy" | "detect" | "action";
 
 export interface RichCardChip {
   kind: StepChipKind;
-  label: string;
+  /** Already-resolved chip text. Omit when `labelKey` is set. */
+  label?: I18nText;
+  /** i18n KEY for the chip text, translated by the renderer. */
+  labelKey?: I18nKey;
 }
 
 export interface RichCardCode {
@@ -72,8 +92,10 @@ export interface RichCardCode {
 export interface RichCardStepVariant {
   /** Stable id (also the toggle's data-test suffix). */
   id: string;
-  /** Toggle label, e.g. "Linux (x86_64)". */
-  label: string;
+  /** Toggle label, e.g. "Linux (x86_64)". Omit when `labelKey` is set. */
+  label?: I18nText;
+  /** i18n key for the toggle label, translated by the renderer. */
+  labelKey?: I18nKey;
   /** Optional resolved icon URL shown before the label (e.g. an OS logo). */
   icon?: string;
   /**
@@ -95,7 +117,7 @@ export interface RichCardStepVariant {
 export interface RichCardStepAction {
   /** Emitted with the `step-action` event so the page can dispatch. */
   id: string;
-  label: string;
+  label: I18nText;
   /** OIcon registry name rendered before the label. */
   icon?: IconName;
   /** Renders as a secondary button (default is primary). */
@@ -107,9 +129,14 @@ export interface RichCardStepAction {
 export interface RichCardStep {
   /** Stable id (also used as the scroll target for the next-step auto-advance). */
   id: string;
-  title: string;
+  /** Step heading. Omit when `titleKey` is set. */
+  title?: I18nText;
+  /** i18n key for the step heading, translated by the renderer. */
+  titleKey?: I18nKey;
   /** Inline markdown: supports **bold** and `code` only (rendered safely). */
-  description: string;
+  description?: I18nText;
+  /** i18n key for the description, translated by the renderer. */
+  descriptionKey?: I18nKey;
   chip?: RichCardChip;
   code?: RichCardCode;
   /**
@@ -195,10 +222,15 @@ export interface RichCardExtras {
    * through the same live substitution as the steps ({stream} and step inputs).
    */
   advanced?: {
-    /** Accordion label, e.g. "Advanced Installation (Manual Steps)". */
-    label: string;
+    /** Accordion label, e.g. "Advanced Installation (Manual Steps)".
+     *  Omit when `labelKey` is set. */
+    label?: I18nText;
+    /** i18n KEY for the accordion label, translated by the renderer. */
+    labelKey?: I18nKey;
     /** Optional paragraph above the code (inline markdown: **bold**, `code`). */
-    description?: string;
+    description?: I18nText;
+    /** i18n KEY for that paragraph, translated by the renderer. */
+    descriptionKey?: I18nKey;
     code: RichCardCode;
   };
   /**
@@ -208,10 +240,14 @@ export interface RichCardExtras {
    * installed the thing.
    */
   uninstall?: {
-    /** Accordion label, e.g. "Uninstall the Agent". */
-    label: string;
+    /** Accordion label, e.g. "Uninstall the Agent". Omit when `labelKey` is set. */
+    label?: I18nText;
+    /** i18n KEY for the accordion label, translated by the renderer. */
+    labelKey?: I18nKey;
     /** Optional paragraph above the code (inline markdown: **bold**, `code`). */
-    description?: string;
+    description?: I18nText;
+    /** i18n KEY for that paragraph, translated by the renderer. */
+    descriptionKey?: I18nKey;
     code: RichCardCode;
   };
   troubleshooting?: { q: string; a: string }[];
@@ -244,14 +280,16 @@ export interface RichCardProvider {
  * to and the stream the card listens on in lockstep.
  */
 export interface RichCardStreamInput {
-  /** Field label, e.g. "Traces Stream Name". */
-  label: string;
+  /** Field label, e.g. "Traces Stream Name". Omit when `labelKey` is set. */
+  label?: I18nText;
+  /** i18n key for the field label, translated by the renderer. */
+  labelKey?: I18nKey;
   /** Stream used when the field is left blank (e.g. "default"). */
   default: string;
   /** Placeholder (falls back to `default`). */
-  placeholder?: string;
-  /** Helper text under the field. */
-  help?: string;
+  placeholder?: I18nText;
+  /** i18n key for the helper text under the field, translated by the renderer. */
+  helpKey?: I18nKey;
 }
 
 /**
@@ -262,14 +300,16 @@ export interface RichCardStreamInput {
 export interface RichCardInput {
   /** Placeholder key — `{id}` in any code block is replaced with this value. */
   id: string;
-  /** Field label, e.g. "SQL Server Host". */
-  label: string;
+  /** Field label, e.g. "SQL Server Host". Omit when `labelKey` is set. */
+  label?: I18nText;
+  /** i18n key for the field label, translated by the renderer. */
+  labelKey?: I18nKey;
   /** Value used (and shown in code) before the user edits the field. */
   default: string;
   /** Placeholder text (falls back to `default`). */
-  placeholder?: string;
-  /** Helper text under the field. */
-  help?: string;
+  placeholder?: I18nText;
+  /** i18n key for the helper text under the field, translated by the renderer. */
+  helpKey?: I18nKey;
   /** Width hint passed to OInput (e.g. "sm" | "md"). Defaults to "md". */
   width?: FieldWidth;
 }
diff --git a/web/src/components/ingestion/traces/Index.vue b/web/src/components/ingestion/traces/Index.vue
index f2767b1212..da91295fb4 100644
--- a/web/src/components/ingestion/traces/Index.vue
+++ b/web/src/components/ingestion/traces/Index.vue
@@ -135,8 +135,8 @@ export default defineComponent({
 
     const copyToClipboardFn = (content: any) => {
       copyToClipboard(content.innerText, t, {
-        successMessage: "Content Copied Successfully!",
-        errorMessage: "Error while copy content.",
+        successMessage: t("common.contentCopiedSuccessfully"),
+        errorMessage: t("ingestion.copyContentError"),
         timeout: 5000,
       }).then((success: boolean) => {
         if (success) {
diff --git a/web/src/components/logstream/AddStream.vue b/web/src/components/logstream/AddStream.vue
index 1495584d38..cc2a0f2b26 100644
--- a/web/src/components/logstream/AddStream.vue
+++ b/web/src/components/logstream/AddStream.vue
@@ -119,7 +119,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import StreamFieldInputs from "./StreamFieldInputs.vue";
 import streamService from "@/services/stream";
 import { useStore } from "vuex";
@@ -137,9 +137,9 @@ import { makeAddStreamSchema, addStreamDefaults, type AddStreamForm } from "./Ad
 const { t } = useI18nTyped();
 
 const streamTypes = [
-  { label: "Logs", value: "logs" },
-  { label: "Metrics", value: "metrics" },
-  { label: "Traces", value: "traces" },
+  { label: t("common.logs"), value: "logs" },
+  { label: t("common.metrics"), value: "metrics" },
+  { label: t("common.traces"), value: "traces" },
 ];
 
 const emits = defineEmits(["streamAdded", "close", "added:stream-added", "update:open"]);
diff --git a/web/src/components/logstream/StreamFieldInputs.vue b/web/src/components/logstream/StreamFieldInputs.vue
index cdf173f1e9..b57ae8ad62 100644
--- a/web/src/components/logstream/StreamFieldInputs.vue
+++ b/web/src/components/logstream/StreamFieldInputs.vue
@@ -107,7 +107,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { inject } from "vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OFormInput from "@/lib/forms/Input/OFormInput.vue";
@@ -157,24 +157,39 @@ const addRow = () => form.pushFieldValue(props.formFieldName, makeStreamFieldRow
 const removeRow = (index: number) => form.removeFieldValue(props.formFieldName, index);
 
 const streamIndexType = [
-  { label: "Full text search", value: "fullTextSearchKey" },
-  { label: "Secondary index", value: "secondaryIndexKey" },
-  { label: "Bloom filter", value: "bloomFilterKey" },
-  { label: "KeyValue partition", value: "keyPartition" },
-  { label: "Prefix partition", value: "prefixPartition" },
-  { label: "Hash partition (8 Buckets)", value: "hashPartition_8" },
-  { label: "Hash partition (16 Buckets)", value: "hashPartition_16" },
-  { label: "Hash partition (32 Buckets)", value: "hashPartition_32" },
-  { label: "Hash partition (64 Buckets)", value: "hashPartition_64" },
-  { label: "Hash partition (128 Buckets)", value: "hashPartition_128" },
+  { label: t("logStream.indexTypeOptions.fullTextSearch"), value: "fullTextSearchKey" },
+  { label: t("logStream.indexTypeOptions.secondaryIndex"), value: "secondaryIndexKey" },
+  { label: t("logStream.indexTypeOptions.bloomFilter"), value: "bloomFilterKey" },
+  { label: t("logStream.indexTypeOptions.keyValuePartition"), value: "keyPartition" },
+  { label: t("logStream.indexTypeOptions.prefixPartition"), value: "prefixPartition" },
+  {
+    label: t("logStream.indexTypeOptions.hashPartition", { buckets: 8 }),
+    value: "hashPartition_8",
+  },
+  {
+    label: t("logStream.indexTypeOptions.hashPartition", { buckets: 16 }),
+    value: "hashPartition_16",
+  },
+  {
+    label: t("logStream.indexTypeOptions.hashPartition", { buckets: 32 }),
+    value: "hashPartition_32",
+  },
+  {
+    label: t("logStream.indexTypeOptions.hashPartition", { buckets: 64 }),
+    value: "hashPartition_64",
+  },
+  {
+    label: t("logStream.indexTypeOptions.hashPartition", { buckets: 128 }),
+    value: "hashPartition_128",
+  },
 ];
 
 const dataTypes = [
-  { label: "Utf8", value: "Utf8" },
-  { label: "Int64", value: "Int64" },
-  { label: "Uint64", value: "Uint64" },
-  { label: "Float64", value: "Float64" },
-  { label: "Boolean", value: "Boolean" },
+  { label: raw("Utf8"), value: "Utf8" },
+  { label: raw("Int64"), value: "Int64" },
+  { label: raw("Uint64"), value: "Uint64" },
+  { label: raw("Float64"), value: "Float64" },
+  { label: raw("Boolean"), value: "Boolean" },
 ];
 
 const getIndexTypeOptions = (field: any) => {
diff --git a/web/src/components/logstream/schema.vue b/web/src/components/logstream/schema.vue
index c7220d0ad4..610bea6646 100644
--- a/web/src/components/logstream/schema.vue
+++ b/web/src/components/logstream/schema.vue
@@ -418,10 +418,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             <OTooltip
                               v-if="row.index_type && row.index_type.length > 0"
                               :content="
-                                streamIndexType
-                                  .filter((opt) => row.index_type.includes(opt.value))
-                                  .map((opt) => opt.label)
-                                  .join(', ')
+                                raw(
+                                  streamIndexType
+                                    .filter((opt) => row.index_type.includes(opt.value))
+                                    .map((opt) => opt.label)
+                                    .join(', '),
+                                )
                               "
                             />
                           </div>
@@ -787,7 +789,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import OTabs from "@/lib/navigation/Tabs/OTabs.vue";
 import OTab from "@/lib/navigation/Tabs/OTab.vue";
 import { computed, defineComponent, onBeforeMount, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
 import { convertUnixToDateFormat as convertUnixToFormat, formatTimestamp } from "@/utils/date";
@@ -982,16 +984,16 @@ export default defineComponent({
     const redDaysList = ref<ExtendedRetentionRange[]>([]);
     const resultTotal = ref<number>(0);
     const perPageOptions: any = [
-      { label: "20", value: 20 },
-      { label: "50", value: 50 },
-      { label: "100", value: 100 },
-      { label: "250", value: 250 },
-      { label: "500", value: 500 },
+      { label: raw("20"), value: 20 },
+      { label: raw("50"), value: 50 },
+      { label: raw("100"), value: 100 },
+      { label: raw("250"), value: 250 },
+      { label: raw("500"), value: 500 },
     ];
 
     const perPageOptionsList = [20, 50, 100, 250, 500];
 
-    const changePagination = (val: { label: string; value: any }) => {
+    const changePagination = (val: { label: I18nText; value: any }) => {
       selectedPerPage.value = val.value;
     };
 
@@ -1131,17 +1133,32 @@ export default defineComponent({
     const computedSchemaFieldsName = "All Fields";
 
     const streamIndexType = [
-      { label: "Full text search", value: "fullTextSearchKey" },
-      { label: "Secondary index", value: "secondaryIndexKey" },
-      { label: "Bloom filter", value: "bloomFilterKey" },
-      { label: "KeyValue partition", value: "keyPartition" },
-      { label: "Prefix partition", value: "prefixPartition" },
+      { label: t("logStream.indexTypeOptions.fullTextSearch"), value: "fullTextSearchKey" },
+      { label: t("logStream.indexTypeOptions.secondaryIndex"), value: "secondaryIndexKey" },
+      { label: t("logStream.indexTypeOptions.bloomFilter"), value: "bloomFilterKey" },
+      { label: t("logStream.indexTypeOptions.keyValuePartition"), value: "keyPartition" },
+      { label: t("logStream.indexTypeOptions.prefixPartition"), value: "prefixPartition" },
 
-      { label: "Hash partition (8 Buckets)", value: "hashPartition_8" },
-      { label: "Hash partition (16 Buckets)", value: "hashPartition_16" },
-      { label: "Hash partition (32 Buckets)", value: "hashPartition_32" },
-      { label: "Hash partition (64 Buckets)", value: "hashPartition_64" },
-      { label: "Hash partition (128 Buckets)", value: "hashPartition_128" },
+      {
+        label: t("logStream.indexTypeOptions.hashPartition", { buckets: 8 }),
+        value: "hashPartition_8",
+      },
+      {
+        label: t("logStream.indexTypeOptions.hashPartition", { buckets: 16 }),
+        value: "hashPartition_16",
+      },
+      {
+        label: t("logStream.indexTypeOptions.hashPartition", { buckets: 32 }),
+        value: "hashPartition_32",
+      },
+      {
+        label: t("logStream.indexTypeOptions.hashPartition", { buckets: 64 }),
+        value: "hashPartition_64",
+      },
+      {
+        label: t("logStream.indexTypeOptions.hashPartition", { buckets: 128 }),
+        value: "hashPartition_128",
+      },
     ];
     const { getStream, getUpdatedSettings } = useStreams(t);
 
@@ -2420,6 +2437,7 @@ export default defineComponent({
 
     return {
       t,
+      raw,
       store,
       config,
       dateChangeValue,
diff --git a/web/src/components/pipeline/ImportPipeline.spec.ts b/web/src/components/pipeline/ImportPipeline.spec.ts
index a13e9d65ea..6fadd873bb 100644
--- a/web/src/components/pipeline/ImportPipeline.spec.ts
+++ b/web/src/components/pipeline/ImportPipeline.spec.ts
@@ -813,8 +813,11 @@ describe("ImportPipeline.vue", () => {
   // -----------------------------------------------------------------------
 
   describe("validateRemoteDestination", () => {
-    beforeEach(() => {
+    beforeEach(async () => {
       wrapper = createWrapper();
+      // onMounted assigns pipelineDestinations from an awaited fetch, so the
+      // seed below has to land after that chain settles or it gets overwritten.
+      await flushPromises();
       wrapper.vm.pipelineDestinations = ["valid-dest", "other-dest"];
     });
 
diff --git a/web/src/components/pipeline/ImportPipeline.vue b/web/src/components/pipeline/ImportPipeline.vue
index c576cbbfe2..d2e444acf8 100644
--- a/web/src/components/pipeline/ImportPipeline.vue
+++ b/web/src/components/pipeline/ImportPipeline.vue
@@ -70,13 +70,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       <OInput
                         data-test="pipeline-import-name-input"
                         :model-value="userSelectedPipelineName[index] || ''"
-                        :label="t('alerts.name') + ' *'"
+                        :label="t('pipeline.importLabels.name')"
                         class="showLabelOnTop"
                         :error="touchedPipelineName[index] && !userSelectedPipelineName[index]"
                         :error-message="
                           touchedPipelineName[index] && !userSelectedPipelineName[index]
                             ? t('common.nameIsRequired')
-                            : ''
+                            : raw('')
                         "
                         tabindex="0"
                         @update:model-value="
@@ -102,7 +102,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         data-test="pipeline-import-source-stream-name-input"
                         :model-value="userSelectedStreamName[index] || ''"
                         :options="streamList"
-                        :label="t('alerts.stream_name') + ' *'"
+                        :label="t('pipeline.importLabels.streamName')"
                         class="showLabelOnTop no-case py-2"
                         @update:model-value="
                           (val) => {
@@ -127,14 +127,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         data-test="pipeline-import-source-stream-type-input"
                         :model-value="userSelectedStreamType[index] || ''"
                         :options="streamTypes"
-                        :label="t('alerts.streamType') + ' *'"
+                        :label="t('pipeline.importLabels.streamType')"
                         class="showLabelOnTop no-case py-2"
                         style="width: 300px"
                         :error="touchedStreamType[index] && !userSelectedStreamType[index]"
                         :error-message="
                           touchedStreamType[index] && !userSelectedStreamType[index]
                             ? t('common.streamTypeIsRequired')
-                            : ''
+                            : raw('')
                         "
                         @update:model-value="
                           (val: any) => {
@@ -186,7 +186,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         data-test="pipeline-import-destination-stream-type-input"
                         :model-value="userSelectedDestinationStreamType[index] || ''"
                         :options="destinationStreamTypes"
-                        :label="t('alerts.streamType') + ' *'"
+                        :label="t('pipeline.importLabels.streamType')"
                         class="showLabelOnTop no-case py-2"
                         style="width: 300px"
                         :error="
@@ -197,7 +197,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           touchedDestinationStreamType[index] &&
                           !userSelectedDestinationStreamType[index]
                             ? t('common.streamTypeIsRequired')
-                            : ''
+                            : raw('')
                         "
                         @update:model-value="
                           (val: any) => {
@@ -259,7 +259,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           touchedFunctionName[errorMessage.nodeIndex] &&
                           !userSelectedFunctionName[errorMessage.nodeIndex]
                             ? t('common.functionNameIsRequired')
-                            : ''
+                            : raw('')
                         "
                         @update:model-value="
                           (val: any) => {
@@ -293,7 +293,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         :error-message="
                           touchedRemoteDestination[index] && !userSelectedRemoteDestination[index]
                             ? t('common.remoteDestinationIsRequired')
-                            : ''
+                            : raw('')
                         "
                         @update:model-value="
                           (val: any) => {
@@ -325,7 +325,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         :error-message="
                           touchedTimezone[index] && !userSelectedTimezone[index]
                             ? t('common.timezoneIsRequired')
-                            : ''
+                            : raw('')
                         "
                         @update:model-value="
                           (val: any) => {
@@ -406,7 +406,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, onMounted, computed, defineAsyncComponent } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import pipelinesService from "../../services/pipelines";
@@ -453,12 +453,12 @@ export default defineComponent({
   setup(props, { emit }) {
     type ErrorMessage = {
       field: string;
-      message: string;
+      message: I18nText;
       nodeIndex?: any;
       currentValue?: string;
     };
     type pipelineCreator = {
-      message: string;
+      message: I18nText;
       success: boolean;
     }[];
 
@@ -512,7 +512,7 @@ export default defineComponent({
     const organizationData = computed(() => {
       return store.state.organizations.map((org: any) => {
         return {
-          label: org.identifier,
+          label: raw(org.identifier),
           value: org.identifier,
           disable:
             !org.identifier || org.identifier !== store.state.selectedOrganization.identifier,
@@ -822,7 +822,7 @@ export default defineComponent({
       let pipelineErrors: (
         | string
         | {
-            message: string;
+            message: I18nText;
             field: string;
             nodeIndex?: number;
             currentValue?: string;
@@ -832,7 +832,7 @@ export default defineComponent({
       // 1. validate name it should not be empty
       if (!input.name.trim() || input.name.trim() === "") {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: Name is required`,
+          message: t("pipeline.importErrors.nameRequired", { index }),
           field: "pipeline_name",
         });
       }
@@ -844,7 +844,7 @@ export default defineComponent({
         !validStreamTypes.includes(input.stream_type)
       ) {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: Stream Type is mandatory and should be one of: 'logs', 'metrics', 'traces'.`,
+          message: t("pipeline.importErrors.streamTypeInvalid", { index }),
           field: "source_stream_type",
         });
       }
@@ -855,7 +855,7 @@ export default defineComponent({
           (await validateSourceStream(input.source.stream_name, [])))
       ) {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: Source stream name is required `,
+          message: t("pipeline.importErrors.sourceStreamNameRequired", { index }),
           field: "source_stream_name",
         });
       }
@@ -875,7 +875,7 @@ export default defineComponent({
           !input.sql_query)
       ) {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: SQL query is required`,
+          message: t("pipeline.importErrors.sqlQueryRequired", { index }),
           field: "sql_query_missing",
         });
       }
@@ -899,7 +899,7 @@ export default defineComponent({
         !input.source.trigger_condition.timezone
       ) {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: Timezone is required`,
+          message: t("pipeline.importErrors.timezoneRequired", { index }),
           field: "source_timezone",
         });
       }
@@ -976,7 +976,10 @@ export default defineComponent({
         input.source.org_id != store.state.selectedOrganization.identifier
       ) {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: Organization Id is mandatory, should exist in organization list and should be equal to ${store.state.selectedOrganization.identifier} `,
+          message: t("pipeline.importErrors.orgIdInvalid", {
+            index,
+            orgId: store.state.selectedOrganization.identifier,
+          }),
           field: "org_id",
         });
       }
@@ -998,7 +1001,10 @@ export default defineComponent({
 
             if (!node.data.name || !existingFunctions.value.includes(node.data.name)) {
               pipelineErrors.push({
-                message: `Pipeline - ${pipelineIndex}, Function-${functionCounter}: Function name is required and should be in the existing functions list`,
+                message: t("pipeline.importErrors.functionNameRequired", {
+                  index: pipelineIndex,
+                  counter: functionCounter,
+                }),
                 field: `function_name_${nodeIndex}`,
                 nodeIndex: nodeIndex,
               });
@@ -1015,7 +1021,7 @@ export default defineComponent({
             // Check if conditions exist
             if (!node.data.conditions) {
               pipelineErrors.push({
-                message: `Pipeline - ${index}, Node ${nodeIndex}: Condition is required`,
+                message: t("pipeline.importErrors.conditionRequired", { index, nodeIndex }),
                 field: "empty_condition",
               });
               hasErrors = true;
@@ -1027,7 +1033,10 @@ export default defineComponent({
               if (item.filterType === "group") {
                 if (!Array.isArray(item.conditions)) {
                   pipelineErrors.push({
-                    message: `Pipeline - ${index}, Node ${nodeIndex}: V2 group must have a conditions array.`,
+                    message: t("pipeline.importErrors.v2GroupConditionsArray", {
+                      index,
+                      nodeIndex,
+                    }),
                     field: "condition_format",
                   });
                   return false;
@@ -1036,7 +1045,7 @@ export default defineComponent({
               } else if (item.filterType === "condition") {
                 if (!item.column || !item.operator || item.value === undefined) {
                   pipelineErrors.push({
-                    message: `Pipeline - ${index}, Node ${nodeIndex}: V2 condition must have column, operator, and value.`,
+                    message: t("pipeline.importErrors.v2ConditionFields", { index, nodeIndex }),
                     field: "condition_format",
                   });
                   return false;
@@ -1054,7 +1063,7 @@ export default defineComponent({
                 const conditions = condition.and || condition.or;
                 if (!Array.isArray(conditions)) {
                   pipelineErrors.push({
-                    message: `Pipeline - ${index}, Node ${nodeIndex}: V1 'and'/'or' conditions must be an array.`,
+                    message: t("pipeline.importErrors.v1ConditionsArray", { index, nodeIndex }),
                     field: "condition_format",
                   });
                   return false;
@@ -1074,7 +1083,7 @@ export default defineComponent({
               });
               if (!valid) {
                 pipelineErrors.push({
-                  message: `Pipeline - ${index}, Node ${nodeIndex}: V0 format - each condition must have column, operator, and value.`,
+                  message: t("pipeline.importErrors.v0ConditionFields", { index, nodeIndex }),
                   field: "condition_format",
                 });
                 hasErrors = true;
@@ -1088,14 +1097,17 @@ export default defineComponent({
               // V1 format
               if (!validateV1Condition(conditionsToValidate)) {
                 pipelineErrors.push({
-                  message: `Pipeline - ${index}, Node ${nodeIndex}: Invalid V1 condition format.`,
+                  message: t("pipeline.importErrors.v1ConditionInvalid", { index, nodeIndex }),
                   field: "condition_format",
                 });
                 hasErrors = true;
               }
             } else {
               pipelineErrors.push({
-                message: `Pipeline - ${index}, Node ${nodeIndex}: Unrecognized condition format.`,
+                message: t("pipeline.importErrors.conditionFormatUnrecognized", {
+                  index,
+                  nodeIndex,
+                }),
                 field: "condition_format",
               });
               hasErrors = true;
@@ -1111,7 +1123,7 @@ export default defineComponent({
       const isValidRemoteDestination = validateRemoteDestination(input);
       if (!isValidRemoteDestination) {
         pipelineErrors.push({
-          message: `Pipeline - ${index}: Remote destination is required`,
+          message: t("pipeline.importErrors.remoteDestinationRequired", { index }),
           field: "remote_destination",
         });
       }
@@ -1179,7 +1191,7 @@ export default defineComponent({
 
         // Success
         pipelineCreators.value.push({
-          message: `Pipeline - ${index}: "${input.name}" created successfully \nNote: please remove the created pipeline object ${input.name} from the json file`,
+          message: t("pipeline.importErrors.createSuccess", { index, name: input.name }),
           success: true,
         });
 
@@ -1191,7 +1203,11 @@ export default defineComponent({
       } catch (error: any) {
         // Failure
         pipelineCreators.value.push({
-          message: `Pipeline - ${index}: "${input.name}" creation failed --> \n Reason: ${error?.response?.data?.message || "Unknown Error"}`,
+          message: t("pipeline.importErrors.createFailed", {
+            index,
+            name: input.name,
+            reason: error?.response?.data?.message || t("pipeline.importErrors.unknownError"),
+          }),
           success: false,
         });
         return false;
@@ -1222,7 +1238,7 @@ export default defineComponent({
         //this is used to disable the stream names which are already used in the source stream
         streamList.value = streamsNames.map((stream: any) => {
           return {
-            label: stream,
+            label: raw(stream),
             value: stream,
             disable: usedStreamNames.includes(stream),
           };
@@ -1325,6 +1341,7 @@ export default defineComponent({
 
     return {
       t,
+      raw,
       importJson,
       router,
       baseImportRef,
diff --git a/web/src/components/pipeline/NodeForm/CreateDestinationForm.vue b/web/src/components/pipeline/NodeForm/CreateDestinationForm.vue
index cdcfc62436..46f22795a9 100644
--- a/web/src/components/pipeline/NodeForm/CreateDestinationForm.vue
+++ b/web/src/components/pipeline/NodeForm/CreateDestinationForm.vue
@@ -429,7 +429,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { ref, computed, watch } from "vue";
 import OCard from "@/lib/core/Card/OCard.vue";
 import OCardSection from "@/lib/core/Card/OCardSection.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import destinationService from "@/services/alert_destination";
 import { useStore } from "vuex";
 import type { DestinationData, Headers } from "@/ts/interfaces";
@@ -461,56 +461,56 @@ const destinationSchema = makeDestinationSchema(t);
 const isEditMode = computed(() => !!props.destination);
 
 const apiMethods = [
-  { label: "GET", value: "get" },
-  { label: "POST", value: "post" },
-  { label: "PUT", value: "put" },
+  { label: raw("GET"), value: "get" },
+  { label: raw("POST"), value: "post" },
+  { label: raw("PUT"), value: "put" },
 ];
 const outputFormats = [
-  { label: "JSON", value: "json" },
-  { label: "NDJSON", value: "ndjson" },
-  { label: "NestedEvent", value: "nestedevent" },
-  { label: "ESBulk", value: "esbulk" },
-  { label: "String Separated", value: "stringseparated" },
+  { label: raw("JSON"), value: "json" },
+  { label: raw("NDJSON"), value: "ndjson" },
+  { label: raw("NestedEvent"), value: "nestedevent" },
+  { label: raw("ESBulk"), value: "esbulk" },
+  { label: t("pipeline.destinationFormatStringSeparated"), value: "stringseparated" },
 ];
 const destinationTypes = [
   {
-    label: "OpenObserve",
+    label: raw("OpenObserve"),
     value: "openobserve",
     icon: "insights",
     image: getImageURL("images/pipeline/openobserve.svg"),
   },
   {
-    label: "Splunk",
+    label: raw("Splunk"),
     value: "splunk",
     icon: "analytics",
     image: getImageURL("images/pipeline/splunk.webp"),
   },
   {
-    label: "Elasticsearch / OpenSearch",
+    label: raw("Elasticsearch / OpenSearch"),
     value: "elasticsearch",
     icon: "search",
     image: getImageURL("images/pipeline/elasticsearch.png"),
   },
   {
-    label: "Datadog",
+    label: raw("Datadog"),
     value: "datadog",
     icon: "pets",
     image: getImageURL("images/pipeline/datadog.png"),
   },
   {
-    label: "Dynatrace",
+    label: raw("Dynatrace"),
     value: "dynatrace",
     icon: "speed",
     image: getImageURL("images/pipeline/dynatrace.png"),
   },
   {
-    label: "Newrelic",
+    label: raw("Newrelic"),
     value: "newrelic",
     icon: "monitor-heart",
     image: getImageURL("images/pipeline/newrelic.png"),
   },
   {
-    label: "Custom",
+    label: t("common.custom"),
     value: "custom",
     icon: "settings",
     image: getImageURL("images/pipeline/custom.png"),
diff --git a/web/src/components/pipeline/NodeForm/Query.vue b/web/src/components/pipeline/NodeForm/Query.vue
index daeb418028..2651cc8a3e 100644
--- a/web/src/components/pipeline/NodeForm/Query.vue
+++ b/web/src/components/pipeline/NodeForm/Query.vue
@@ -137,7 +137,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch, type Ref, onActivated, provide } from "vue";
 import { rangesFromServerError, type SqlErrorRange } from "@/utils/query/sqlDiagnostics";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { getTimezoneOffset, getUUID } from "@/utils/zincutils";
 import { useStore } from "vuex";
 import useStreams from "@/composables/useStreams";
@@ -193,7 +193,7 @@ interface StreamRoute {
   };
   delay: number;
   context_attributes: any;
-  description: string;
+  description: I18nText;
   enabled: boolean;
 }
 
diff --git a/web/src/components/pipeline/NodeForm/ScheduledPipeline.vue b/web/src/components/pipeline/NodeForm/ScheduledPipeline.vue
index 0ad681058a..bfe15ff840 100644
--- a/web/src/components/pipeline/NodeForm/ScheduledPipeline.vue
+++ b/web/src/components/pipeline/NodeForm/ScheduledPipeline.vue
@@ -587,7 +587,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                                 data-test="add-report-schedule-start-timezone-select"
                                 name="trigger_condition.timezone"
                                 :options="filteredTimezone"
-                                :placeholder="t('logStream.timezone') + ' *'"
+                                :placeholder="raw(t('logStream.timezone') + ' *')"
                                 :title="triggerData.timezone"
                                 width="xs"
                               />
@@ -907,7 +907,7 @@ import {
   onMounted,
   onBeforeMount,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
 import {
@@ -2090,7 +2090,7 @@ const filterStreams = (val: string, update: any) => {
     if (!val || val === "") {
       // If value is empty, show all streams
       filteredStreams.value = streams.value.map((stream: any) => ({
-        label: stream.name,
+        label: raw(stream.name),
         value: stream.name,
       }));
       // Only fetch if we haven't loaded this stream type yet
@@ -2101,7 +2101,7 @@ const filterStreams = (val: string, update: any) => {
       // Filter existing streams based on the search value
       filteredStreams.value = streams.value
         .map((stream: any) => ({
-          label: stream.name,
+          label: raw(stream.name),
           value: stream.name,
         }))
         .filter((stream: any) => {
@@ -2121,7 +2121,7 @@ async function getStreamList() {
     streams.value = res.list || [];
     // Set filtered streams to show all streams initially
     filteredStreams.value = streams.value.map((stream: any) => ({
-      label: stream.name,
+      label: raw(stream.name),
       value: stream.name,
     }));
     // Update stream keywords for auto-suggest FROM clause
@@ -2386,7 +2386,7 @@ const expandLog = (index: any) => {
 const copyLogToClipboard = (log: any, copyAsJson: boolean = true) => {
   const copyData = copyAsJson ? JSON.stringify(log) : log;
   copyToClipboard(copyData, t, {
-    successMessage: "Content Copied Successfully!",
+    successMessage: t("common.contentCopiedSuccessfully"),
     timeout: 1000,
   });
 };
diff --git a/web/src/components/pipeline/NodeForm/Stream.vue b/web/src/components/pipeline/NodeForm/Stream.vue
index 1ca69b3f61..7a980fa89e 100644
--- a/web/src/components/pipeline/NodeForm/Stream.vue
+++ b/web/src/components/pipeline/NodeForm/Stream.vue
@@ -152,7 +152,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 <script lang="ts" setup>
 import { ref, onMounted, watch, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import ConfirmDialog from "../../ConfirmDialog.vue";
 import useDragAndDrop from "@/plugins/pipelines/useDnD";
@@ -203,7 +203,7 @@ const { getStreams } = useStreams(t);
 const createNewStream = ref(false);
 const isUpdating = ref(false);
 const isFetchingStreams = ref(false);
-const indexOptions = ref<{ label: string; value: string; disabled: boolean }[]>([]);
+const indexOptions = ref<{ label: I18nText; value: string; disabled: boolean }[]>([]);
 const schemaList = ref([]);
 const streams: any = ref({});
 const usedStreams: any = ref([]);
@@ -369,7 +369,7 @@ async function getStreamList() {
     streams.value[streamType] = res.list;
     schemaList.value = res.list;
     indexOptions.value = res.list.map((stream: any) => ({
-      label: stream.name,
+      label: raw(stream.name),
       value: stream.name,
       disabled: stream.isDisable || false,
     }));
diff --git a/web/src/components/pipeline/PipelineEditor.vue b/web/src/components/pipeline/PipelineEditor.vue
index 0da3a9edbe..460781433d 100644
--- a/web/src/components/pipeline/PipelineEditor.vue
+++ b/web/src/components/pipeline/PipelineEditor.vue
@@ -217,7 +217,7 @@ import { onBeforeRouteLeave, useRouter } from "vue-router";
 import ConfirmDialog from "@/components/ConfirmDialog.vue";
 import StepPickerDialog from "@/components/flow/StepPickerDialog.vue";
 import NodePalette from "@/components/flow/NodePalette.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import ODrawer from "@/lib/overlay/Drawer/ODrawer.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -267,7 +267,7 @@ interface RouteCondition {
 
 interface Function {
   name: string;
-  description: string;
+  description: I18nText;
   stream: string;
   order: number;
   trans_type?: number;
@@ -277,7 +277,7 @@ interface Function {
 interface Pipeline {
   pipeline_id: string;
   name: string;
-  description: string;
+  description: I18nText;
   stream_name: string;
   stream_type: string;
   routing: Routing;
@@ -289,7 +289,7 @@ const pipeline = ref<Pipeline>({
   pipeline_id: "",
   name: "",
   stream_type: "",
-  description: "",
+  description: raw(""),
   stream_name: "",
   routing: {},
   functions: [],
@@ -308,68 +308,70 @@ const confirmDialogMeta: any = ref({
   onConfirm: () => {},
 });
 
+// nodeTypes is built at module scope, so `t` has to be in scope above it.
+const { t } = useI18nTyped();
+
 const nodeTypes: any = [
   {
-    label: "Source",
+    label: t("pipeline.sourceNode"),
     icon: "input",
     isSectionHeader: true,
   },
   {
-    label: "Stream",
+    label: t("pipeline.streamNode"),
     subtype: "stream",
     io_type: "input",
     icon: "img:" + streamImage,
-    tooltip: "Source: Stream Node",
+    tooltip: t("pipeline.sourceStreamTooltip"),
     isSectionHeader: false,
   },
   {
-    label: "Query",
+    label: t("pipeline.queryNode"),
     subtype: "query",
     io_type: "input",
     icon: "img:" + queryImage,
-    tooltip: "Source: Query Node",
+    tooltip: t("pipeline.sourceQueryTooltip"),
     isSectionHeader: false,
   },
   {
-    label: "Transform",
+    label: t("pipeline.transformNode"),
     icon: "processing",
     isSectionHeader: true,
   },
   {
-    label: "Function",
+    label: t("pipeline.functionNode"),
     subtype: "function",
     io_type: "default",
     icon: "img:" + functionImage,
     // Matches the workflow Function node subtitle (workflow.node.functionDesc).
-    tooltip: "Reshape the payload with a function",
+    tooltip: t("pipeline.editorFunctionTooltip"),
     isSectionHeader: false,
   },
   {
-    label: "Condition",
+    label: t("pipeline.conditionsNode"),
     subtype: "condition",
     io_type: "default",
     icon: "img:" + conditionImage,
     // Matches the workflow Condition node subtitle (workflow.node.conditionDesc).
-    tooltip: "Branch on a rule",
+    tooltip: t("pipeline.editorConditionTooltip"),
     isSectionHeader: false,
   },
   {
-    label: "Destination",
+    label: t("pipeline.destinationNode"),
     icon: "input",
     isSectionHeader: true,
   },
   {
-    label: "Stream",
+    label: t("pipeline.streamNode"),
     subtype: "stream",
     io_type: "output",
     icon: "img:" + streamOutputImage,
-    tooltip: "Destination: Stream Node",
+    tooltip: t("pipeline.destinationStreamTooltip"),
     isSectionHeader: false,
   },
 ];
 const functions = ref<{ [key: string]: Function }>({});
 
-const { t } = useI18nTyped();
 const {
   pipelineObj,
   resetPipelineData,
diff --git a/web/src/components/pipeline/PipelineSectionTabs.vue b/web/src/components/pipeline/PipelineSectionTabs.vue
index 406ea44fdb..f56d07110c 100644
--- a/web/src/components/pipeline/PipelineSectionTabs.vue
+++ b/web/src/components/pipeline/PipelineSectionTabs.vue
@@ -55,7 +55,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter, type RouteLocationRaw } from "vue-router";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -88,7 +88,7 @@ const activeSectionKey = computed(() => {
 
 interface Section {
   key: string;
-  label: string;
+  label: I18nText;
   icon: string;
   to: RouteLocationRaw;
   visible: boolean;
diff --git a/web/src/components/pipeline/PipelineView.vue b/web/src/components/pipeline/PipelineView.vue
index b0cefb4bf5..ed05993086 100644
--- a/web/src/components/pipeline/PipelineView.vue
+++ b/web/src/components/pipeline/PipelineView.vue
@@ -45,7 +45,7 @@
 
 <script lang="ts">
 import { getImageURL } from "@/utils/zincutils";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import DropzoneBackground from "@/plugins/pipelines/DropzoneBackground.vue";
 import { defineComponent, computed, watch, type PropType } from "vue";
 import { VueFlow, type Node, type Edge } from "@vue-flow/core";
@@ -71,7 +71,7 @@ type PipelineEdge = Edge;
 
 interface Pipeline {
   name: string;
-  description: string;
+  description: I18nText;
   source: { source_type: string };
   nodes: PipelineNode[];
   edges: PipelineEdge[];
@@ -110,66 +110,66 @@ export default defineComponent({
     onMounted(async () => {
       pipelineObj.nodeTypes = [
         {
-          label: "Source",
+          label: t("pipeline.sourceNode"),
           icon: "input",
           isSectionHeader: true,
         },
         {
-          label: "Stream",
+          label: t("pipeline.streamNode"),
           subtype: "stream",
           io_type: "input",
           icon: "img:" + streamImage,
-          tooltip: "Source: Stream Node",
+          tooltip: t("pipeline.sourceStreamTooltip"),
           isSectionHeader: false,
         },
         {
-          label: "Query",
+          label: t("pipeline.queryNode"),
           subtype: "query",
           io_type: "input",
           icon: "img:" + queryImage,
-          tooltip: "Source: Query Node",
+          tooltip: t("pipeline.sourceQueryTooltip"),
           isSectionHeader: false,
         },
         {
-          label: "Transform",
+          label: t("pipeline.transformNode"),
           icon: "processing",
           isSectionHeader: true,
         },
         {
-          label: "Function",
+          label: t("pipeline.functionNode"),
           subtype: "function",
           io_type: "default",
           icon: "img:" + functionImage,
-          tooltip: "Function Node",
+          tooltip: t("pipeline.functionTooltip"),
           isSectionHeader: false,
         },
         {
-          label: "Conditions",
+          label: t("pipeline.conditionsNode"),
           subtype: "condition",
           io_type: "default",
           icon: "img:" + conditionImage,
-          tooltip: "Condition Node",
+          tooltip: t("pipeline.conditionTooltip"),
           isSectionHeader: false,
         },
         {
-          label: "Destination",
+          label: t("pipeline.destinationNode"),
           icon: "input",
           isSectionHeader: true,
         },
         {
-          label: "Stream",
+          label: t("pipeline.streamNode"),
           subtype: "stream",
           io_type: "output",
           icon: "img:" + streamOutputImage,
-          tooltip: "Destination: Stream Node",
+          tooltip: t("pipeline.destinationStreamTooltip"),
           isSectionHeader: false,
         },
         {
-          label: "Remote",
+          label: t("pipeline.remoteNode"),
           subtype: "remote_stream",
           io_type: "output",
           icon: "img:" + externalOutputImage,
-          tooltip: "Destination: External Destination Node",
+          tooltip: t("pipeline.destinationExternalTooltip"),
           isSectionHeader: false,
         },
       ];
diff --git a/web/src/components/pipeline/PipelinesList.vue b/web/src/components/pipeline/PipelinesList.vue
index 5f06ebc83c..9c7cd320d9 100644
--- a/web/src/components/pipeline/PipelinesList.vue
+++ b/web/src/components/pipeline/PipelinesList.vue
@@ -365,7 +365,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     :title="errorDialog.data?.name"
     :sub-title="
       errorDialog.data
-        ? `${t('pipeline_list.last_error')}: ${new Date(errorDialog.data.last_error.last_error_timestamp / 1000).toLocaleString()}`
+        ? raw(
+            `${t('pipeline_list.last_error')}: ${new Date(errorDialog.data.last_error.last_error_timestamp / 1000).toLocaleString()}`,
+          )
         : undefined
     "
     :primary-button-label="t('pipeline_list.close')"
diff --git a/web/src/components/pipeline/StreamSelection.vue b/web/src/components/pipeline/StreamSelection.vue
index 46669dc0f7..583c2e9178 100644
--- a/web/src/components/pipeline/StreamSelection.vue
+++ b/web/src/components/pipeline/StreamSelection.vue
@@ -113,7 +113,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import useStreams from "@/composables/useStreams";
 import { ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OForm from "@/lib/forms/Form/OForm.vue";
@@ -159,9 +159,9 @@ const form = useOForm<AddPipelineForm>({
 });
 
 const streamTypes = ref([
-  { label: "Logs", value: "logs" },
-  { label: "Metrics", value: "metrics" },
-  { label: "Traces", value: "traces" },
+  { label: t("common.logs"), value: "logs" },
+  { label: t("common.metrics"), value: "metrics" },
+  { label: t("common.traces"), value: "traces" },
 ]);
 
 const indexOptions = ref<string[]>([]);
diff --git a/web/src/components/pipelines/BackfillJobDetails.vue b/web/src/components/pipelines/BackfillJobDetails.vue
index 5d121802bf..7bf433c3ac 100644
--- a/web/src/components/pipelines/BackfillJobDetails.vue
+++ b/web/src/components/pipelines/BackfillJobDetails.vue
@@ -113,7 +113,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <OTag
                 type="deletionStatus"
                 :value="typeof job.deletion_status === 'object' ? 'failed' : job.deletion_status"
-                :label="getDeletionStatusLabel(job.deletion_status)"
+                :label="raw(getDeletionStatusLabel(job.deletion_status))"
               />
             </div>
             <div v-if="job.deletion_job_ids && job.deletion_job_ids.length > 0">
@@ -158,20 +158,20 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         <OTimeline>
           <OTimelineItem
             :title="t('pipeline.jobCreated')"
-            :subtitle="formatTimestampFull(job.created_at)"
+            :subtitle="raw(formatTimestampFull(job.created_at))"
             icon="add-circle"
           />
           <OTimelineItem
             v-if="job.deletion_status && job.deletion_status !== 'not_required'"
-            :title="getDeletionTimelineTitle"
-            :subtitle="getDeletionTimelineSubtitle"
+            :title="raw(getDeletionTimelineTitle)"
+            :subtitle="raw(getDeletionTimelineSubtitle)"
             :icon="getDeletionTimelineIcon"
             :variant="getDeletionTimelineColor"
           />
           <OTimelineItem
             v-if="job.progress_percent > 20 || job.deletion_status === 'completed'"
             :title="t('pipeline.backfillStarted')"
-            :subtitle="getBackfillStartTime"
+            :subtitle="raw(getBackfillStartTime)"
             icon="play-arrow"
           />
           <OTimelineItem
@@ -235,7 +235,7 @@ import type { TimelineItemVariant } from "@/lib/data/Timeline/OTimelineItem.type
 import OTag from "@/lib/core/Badge/OTag.vue";
 import { toast } from "@/lib/feedback/Toast/useToast";
 import { useConfirmDialog } from "@/composables/useConfirmDialog";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 interface Props {
   modelValue: boolean;
@@ -307,8 +307,8 @@ const canCancelJob = computed(() => {
 
 const confirmCancelJob = async () => {
   const ok = await confirm({
-    title: "Cancel Backfill Job",
-    message: "Are you sure you want to cancel this backfill job?",
+    title: t("pipeline.cancelBackfillJobTitle"),
+    message: t("pipeline.cancelBackfillJobConfirm"),
   });
   if (ok) {
     await cancelJob();
@@ -388,27 +388,28 @@ const estimatedCompletion = computed(() => {
 });
 
 const getDeletionTimelineTitle = computed(() => {
-  if (!job.value?.deletion_status) return "";
+  if (!job.value?.deletion_status) return raw("");
 
-  if (job.value.deletion_status === "completed") return "Deletion Completed";
-  if (job.value.deletion_status === "in_progress") return "Deleting Data";
-  if (job.value.deletion_status === "pending") return "Deletion Pending";
+  if (job.value.deletion_status === "completed") return t("pipeline.backfillDetails.deletionCompleted");
+  if (job.value.deletion_status === "in_progress") return t("pipeline.backfillDetails.deletingData");
+  if (job.value.deletion_status === "pending") return t("pipeline.backfillDetails.deletionPending");
   if (typeof job.value.deletion_status === "object" && "failed" in job.value.deletion_status) {
-    return "Deletion Failed";
+    return t("pipeline.backfillDetails.deletionFailed");
   }
-  return "";
+  return raw("");
 });
 
 const getDeletionTimelineSubtitle = computed(() => {
-  if (!job.value?.deletion_status) return "";
+  if (!job.value?.deletion_status) return raw("");
 
-  if (job.value.deletion_status === "completed") return "All existing data deleted";
-  if (job.value.deletion_status === "in_progress") return "Deletion in progress";
-  if (job.value.deletion_status === "pending") return "Waiting to start deletion";
+  if (job.value.deletion_status === "completed") return t("pipeline.backfillDetails.allDataDeleted");
+  if (job.value.deletion_status === "in_progress") return t("pipeline.backfillDetails.deletionInProgress");
+  if (job.value.deletion_status === "pending") return t("pipeline.backfillDetails.waitingToStartDeletion");
   if (typeof job.value.deletion_status === "object" && "failed" in job.value.deletion_status) {
-    return job.value.deletion_status.failed;
+    // Backend-provided failure detail, shown verbatim.
+    return raw(job.value.deletion_status.failed);
   }
-  return "";
+  return raw("");
 });
 
 const getDeletionTimelineIcon = computed(() => {
@@ -431,7 +432,7 @@ const getDeletionTimelineColor = computed<TimelineItemVariant>(() => {
 
 const getBackfillStartTime = computed(() => {
   // This is approximate - would need actual timestamps from backend
-  return "After deletion completed";
+  return t("pipeline.backfillDetails.afterDeletionCompleted");
 });
 
 // Helper functions
@@ -444,19 +445,19 @@ const getStatusKey = (status: string, deletionStatus?: any): string => {
 
 const getStatusLabel = (status: string, deletionStatus?: any) => {
   if (deletionStatus && typeof deletionStatus === "object" && "failed" in deletionStatus) {
-    return "Deletion Failed";
+    return t("pipeline.backfillDetails.deletionFailed");
   }
 
   return status.charAt(0).toUpperCase() + status.slice(1);
 };
 
 const getDeletionStatusLabel = (status?: any) => {
-  if (!status || status === "not_required") return "Not Required";
-  if (typeof status === "object" && "failed" in status) return "Failed";
-  if (status === "completed") return "Completed";
-  if (status === "in_progress") return "In Progress";
-  if (status === "pending") return "Pending";
-  return "Unknown";
+  if (!status || status === "not_required") return t("pipeline.backfillDetails.statusNotRequired");
+  if (typeof status === "object" && "failed" in status) return t("pipeline.backfillDetails.statusFailed");
+  if (status === "completed") return t("pipeline.backfillDetails.statusCompleted");
+  if (status === "in_progress") return t("pipeline.backfillDetails.statusInProgress");
+  if (status === "pending") return t("pipeline.backfillDetails.statusPending");
+  return t("pipeline.backfillDetails.statusUnknown");
 };
 
 const formatTimestamp = (timestamp?: number) => {
diff --git a/web/src/components/pipelines/CreateBackfillJobDialog.vue b/web/src/components/pipelines/CreateBackfillJobDialog.vue
index 0526f9bba9..332a91fa48 100644
--- a/web/src/components/pipelines/CreateBackfillJobDialog.vue
+++ b/web/src/components/pipelines/CreateBackfillJobDialog.vue
@@ -30,7 +30,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         class="rounded-default text-badge-blue-soft-text bg-badge-blue-soft-bg inline-block px-2 py-1 font-semibold"
       >
         {{ pipelineName }}
-        <OTooltip v-if="pipelineName && pipelineName.length > 25" :content="pipelineName" />
+        <OTooltip v-if="pipelineName && pipelineName.length > 25" :content="raw(pipelineName)" />
       </span>
     </template>
 
@@ -99,7 +99,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <OFormInput
                     name="chunkPeriodMinutes"
                     type="number"
-                    :placeholder="String(scheduleFrequency || 60)"
+                    :placeholder="raw(String(scheduleFrequency || 60))"
                     data-test="chunk-period-input"
                   >
                     <template #icon-right>
diff --git a/web/src/components/pipelines/EditBackfillJobDialog.vue b/web/src/components/pipelines/EditBackfillJobDialog.vue
index d3168a41f3..d1e437d81a 100644
--- a/web/src/components/pipelines/EditBackfillJobDialog.vue
+++ b/web/src/components/pipelines/EditBackfillJobDialog.vue
@@ -265,11 +265,9 @@ const onSubmit = async (value: BackfillForm) => {
   // Show confirmation dialog if delete_before_backfill is enabled
   if (value.deleteBeforeBackfill) {
     const ok = await confirm({
-      title: "Confirm Data Deletion",
-      message:
-        "You have selected to delete existing data before backfill. This will permanently delete all data in the destination stream for the specified time range. This action CANNOT be undone or cancelled once the job is updated. Are you sure you want to proceed?",
-      confirmLabel: "Yes, Delete and Backfill",
-      cancelLabel: "Cancel",
+      title: t("pipeline.confirmDataDeletion"),
+      message: t("pipeline.editBackfillDeleteConfirmMessage"),
+      confirmLabel: t("pipeline.yesDeleteAndBackfill"),
     });
     if (ok) {
       await updateBackfillJobRequest(value);
diff --git a/web/src/components/promql/components/LabelFilterEditor.vue b/web/src/components/promql/components/LabelFilterEditor.vue
index b9c019e6eb..59e257bc2e 100644
--- a/web/src/components/promql/components/LabelFilterEditor.vue
+++ b/web/src/components/promql/components/LabelFilterEditor.vue
@@ -145,7 +145,7 @@ import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import ODropdown from "@/lib/overlay/Dropdown/ODropdown.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { PromqlLabelMatcher } from "@/components/promql/types";
 import useDashboardPanelData from "@/composables/dashboard/useDashboardPanel";
 
@@ -181,7 +181,7 @@ const operatorOptions = ["=", "!=", "=~", "!~"];
 
 // Computed: available labels minus ones already selected in other rows
 const availableLabelOptions = computed(() => {
-  const selectedLabels = props.labels.map((l) => l.label);
+  const selectedLabels: string[] = props.labels.map((l) => l.label);
   return availableLabels.value.filter((label) => !selectedLabels.includes(label));
 });
 
@@ -216,7 +216,7 @@ const addLabel = () => {
   const newLabels: PromqlLabelMatcher[] = [
     ...props.labels,
     {
-      label: "",
+      label: raw(""),
       op: "=",
       value: "",
     },
@@ -252,7 +252,7 @@ const getLabelValueOptions = (labelKey: string) => {
   const actualValues = labelValuesMap.value.get(labelKey) || [];
   actualValues.forEach((value: string) => {
     options.push({
-      label: value,
+      label: raw(value),
       value: value,
       isVariable: false,
     });
diff --git a/web/src/components/promql/components/OperationsList.vue b/web/src/components/promql/components/OperationsList.vue
index f503b5a749..4ed35c922c 100644
--- a/web/src/components/promql/components/OperationsList.vue
+++ b/web/src/components/promql/components/OperationsList.vue
@@ -50,7 +50,7 @@
                   >
                     <!-- PromQL editor colours: teal functions, plain brackets -->
                     <AxisFieldChipLabel
-                      :label="computedLabel(element)"
+                      :label="raw(computedLabel(element))"
                       fn-class="text-promql-function"
                       bracket-class="text-text-body"
                       leading-fn
@@ -83,7 +83,7 @@
                         v-if="param.type === 'number'"
                         v-model.number="element.params[paramIndex] as number"
                         type="number"
-                        :label="param.name"
+                        :label="raw(param.name)"
                         class="showLabelOnTop mb-1.5"
                         :data-test="`promql-operation-param-${paramIndex}`"
                       />
@@ -92,8 +92,8 @@
                       <OInput
                         v-else-if="param.type === 'string'"
                         v-model="element.params[paramIndex] as string"
-                        :label="param.name"
-                        :placeholder="param.placeholder"
+                        :label="raw(param.name)"
+                        :placeholder="paramPlaceholder(param)"
                         class="showLabelOnTop mb-1.5"
                         :data-test="`promql-operation-param-${paramIndex}`"
                       />
@@ -103,7 +103,7 @@
                         v-else-if="param.type === 'select'"
                         v-model="element.params[paramIndex] as string[]"
                         :options="availableLabels"
-                        :label="param.name"
+                        :label="raw(param.name)"
                         multiple
                         searchable
                         class="operation-label-selector showLabelOnTop no-case mb-1.5"
@@ -167,7 +167,7 @@
           :key="category"
           :data-test="`operations-list-category-${category}`"
         >
-          <OCollapsible :default-open="true" :label="category">
+          <OCollapsible :default-open="true" :label="raw(category)">
             <div>
               <div
                 v-for="op in getFilteredOperationsForCategory(category)"
@@ -204,9 +204,9 @@ import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import ODropdown from "@/lib/overlay/Dropdown/ODropdown.vue";
 import AxisFieldChipLabel from "@/components/dashboards/addPanel/AxisFieldChipLabel.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { VueDraggableNext as draggable } from "vue-draggable-next";
-import { PromqlStep, PromqlStepSpec } from "@/components/promql/types";
+import { PromqlStep, PromqlStepArgSpec, PromqlStepSpec } from "@/components/promql/types";
 import { promqlRenderer } from "@/components/promql/operations/queryModeller";
 
 const props = defineProps<{
@@ -262,6 +262,13 @@ const getStepSpec = (id: string): PromqlStepSpec | undefined => {
   return promqlRenderer.getStepSpec(id);
 };
 
+// The step catalog is built once by a module-level singleton, so it stores an
+// i18n KEY (`placeholderKey`) for prose placeholders rather than resolved text.
+// Translate it HERE, on every render, so it follows the active locale. Example
+// values ("5m", "0.95") stay in `placeholder` — they are code tokens.
+const paramPlaceholder = (param: PromqlStepArgSpec): I18nText | undefined =>
+  param.placeholderKey ? t(param.placeholderKey) : param.placeholder;
+
 const getFilteredOperationsForCategory = (category: string): PromqlStepSpec[] => {
   const operations = promqlRenderer.getStepsForGroup(category);
   // Operations for this category
diff --git a/web/src/components/promql/operations/index.ts b/web/src/components/promql/operations/index.ts
index 18f22fa733..7a90a9d7b4 100644
--- a/web/src/components/promql/operations/index.ts
+++ b/web/src/components/promql/operations/index.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import { raw } from "@/types/i18n";
+
 import { PromqlStepSpec, PromqlStepId, PromqlStepGroup } from "../types";
 
 /**
@@ -28,8 +30,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
-          description: "Time range for rate calculation",
+          placeholder: raw("5m"),
+          descriptionKey: "metrics.operationsList.params.rateRangeDesc",
         },
       ],
       defaultParams: ["$__rate_interval"],
@@ -44,8 +46,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
-          description: "Time range for instant rate calculation",
+          placeholder: raw("5m"),
+          descriptionKey: "metrics.operationsList.params.irateRangeDesc",
         },
       ],
       defaultParams: ["$__interval"],
@@ -60,8 +62,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
-          description: "Time range for increase calculation",
+          placeholder: raw("5m"),
+          descriptionKey: "metrics.operationsList.params.increaseRangeDesc",
         },
       ],
       defaultParams: ["$__rate_interval"],
@@ -75,7 +77,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -89,7 +91,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -103,7 +105,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -117,7 +119,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -131,7 +133,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -145,7 +147,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -159,7 +161,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -173,7 +175,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -187,13 +189,13 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Quantile",
           type: "number",
-          placeholder: "0.95",
+          placeholder: raw("0.95"),
           options: [0.5, 0.75, 0.9, 0.95, 0.99],
         },
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: [0.95, "$__interval"],
@@ -207,7 +209,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Range",
           type: "string",
-          placeholder: "5m",
+          placeholder: raw("5m"),
         },
       ],
       defaultParams: ["$__interval"],
@@ -225,8 +227,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
-          description: "Labels to group by",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
+          descriptionKey: "metrics.operationsList.params.byLabelsDesc",
         },
       ],
       defaultParams: [[]],
@@ -242,7 +244,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [[]],
@@ -258,7 +260,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [[]],
@@ -274,7 +276,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [[]],
@@ -290,7 +292,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [[]],
@@ -306,7 +308,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [[]],
@@ -320,15 +322,15 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "K",
           type: "number",
-          placeholder: "10",
-          description: "Number of top elements to return",
+          placeholder: raw("10"),
+          descriptionKey: "metrics.operationsList.params.topKDesc",
         },
         {
           name: "By Labels",
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [10, []],
@@ -342,14 +344,14 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "K",
           type: "number",
-          placeholder: "10",
+          placeholder: raw("10"),
         },
         {
           name: "By Labels",
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [10, []],
@@ -363,7 +365,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Quantile",
           type: "number",
-          placeholder: "0.95",
+          placeholder: raw("0.95"),
           options: [0.5, 0.75, 0.9, 0.95, 0.99],
         },
         {
@@ -371,7 +373,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           type: "select",
           optional: true,
           options: true,
-          placeholder: "Select labels",
+          placeholderKey: "metrics.operationsList.params.selectLabelsPlaceholder",
         },
       ],
       defaultParams: [0.95, []],
@@ -387,7 +389,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Quantile",
           type: "number",
-          placeholder: "0.95",
+          placeholder: raw("0.95"),
           options: [0.5, 0.75, 0.9, 0.95, 0.99],
         },
       ],
@@ -427,7 +429,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
           name: "Nearest multiple",
           type: "number",
           optional: true,
-          placeholder: "1",
+          placeholder: raw("1"),
         },
       ],
       defaultParams: [1],
@@ -497,12 +499,12 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Min",
           type: "number",
-          placeholder: "0",
+          placeholder: raw("0"),
         },
         {
           name: "Max",
           type: "number",
-          placeholder: "100",
+          placeholder: raw("100"),
         },
       ],
       defaultParams: [0, 100],
@@ -516,7 +518,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Max",
           type: "number",
-          placeholder: "100",
+          placeholder: raw("100"),
         },
       ],
       defaultParams: [100],
@@ -530,7 +532,7 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Min",
           type: "number",
-          placeholder: "0",
+          placeholder: raw("0"),
         },
       ],
       defaultParams: [0],
@@ -726,8 +728,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Value",
           type: "number",
-          placeholder: "0",
-          description: "Value to add",
+          placeholder: raw("0"),
+          descriptionKey: "metrics.operationsList.params.valueToAddDesc",
         },
       ],
       defaultParams: [0],
@@ -741,8 +743,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Value",
           type: "number",
-          placeholder: "0",
-          description: "Value to subtract",
+          placeholder: raw("0"),
+          descriptionKey: "metrics.operationsList.params.valueToSubtractDesc",
         },
       ],
       defaultParams: [0],
@@ -756,8 +758,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Value",
           type: "number",
-          placeholder: "1",
-          description: "Value to multiply by",
+          placeholder: raw("1"),
+          descriptionKey: "metrics.operationsList.params.valueToMultiplyDesc",
         },
       ],
       defaultParams: [1],
@@ -771,8 +773,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Value",
           type: "number",
-          placeholder: "1",
-          description: "Value to divide by",
+          placeholder: raw("1"),
+          descriptionKey: "metrics.operationsList.params.valueToDivideDesc",
         },
       ],
       defaultParams: [1],
@@ -786,8 +788,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Value",
           type: "number",
-          placeholder: "1",
-          description: "Modulo divisor",
+          placeholder: raw("1"),
+          descriptionKey: "metrics.operationsList.params.moduloDivisorDesc",
         },
       ],
       defaultParams: [1],
@@ -801,8 +803,8 @@ export function buildPromqlStepCatalog(): PromqlStepSpec[] {
         {
           name: "Value",
           type: "number",
-          placeholder: "2",
-          description: "Exponent power",
+          placeholder: raw("2"),
+          descriptionKey: "metrics.operationsList.params.exponentPowerDesc",
         },
       ],
       defaultParams: [2],
diff --git a/web/src/components/promql/types/index.ts b/web/src/components/promql/types/index.ts
index 861988268f..a0d1b16a40 100644
--- a/web/src/components/promql/types/index.ts
+++ b/web/src/components/promql/types/index.ts
@@ -29,8 +29,10 @@
  */
 
 /** A single `label="value"` matcher inside the selector braces. */
+import type { I18nKey, I18nText } from "@/types/i18n";
+
 export interface PromqlLabelMatcher {
-  label: string;
+  label: I18nText;
   /** The four matchers PromQL defines: equal, not-equal, regex, negated regex. */
   op: "=" | "!=" | "=~" | "!~";
   value: string;
@@ -56,8 +58,22 @@ export interface PromqlStepArgSpec {
    */
   options?: Array<string | number> | boolean;
   optional?: boolean;
-  placeholder?: string;
-  description?: string;
+  /**
+   * Placeholder shown when the field is empty, for the EXAMPLE-VALUE case only
+   * (`"5m"`, `"0.95"`) — a code token that reads identically in every language,
+   * so it stays untranslated. Prose placeholders use {@link placeholderKey}.
+   */
+  placeholder?: I18nText;
+  /**
+   * i18n KEY for a prose placeholder ("Select labels"). The catalog is built by
+   * a module-level singleton (`promqlRenderer` in ../operations/queryModeller),
+   * so it runs at import time and cannot call `t()` — the key is stored as data
+   * and resolved by `OperationsList.vue` at render time, where it follows the
+   * active locale. Wins over {@link placeholder} when both are set.
+   */
+  placeholderKey?: I18nKey;
+  /** i18n KEY for the argument's help text. Stored as data — see `placeholderKey`. */
+  descriptionKey?: I18nKey;
 }
 
 /** The catalog entry for a step: what it is called, and what it takes. */
diff --git a/web/src/components/queries/RunningQueries.vue b/web/src/components/queries/RunningQueries.vue
index 939bc23af6..2f8020a33c 100644
--- a/web/src/components/queries/RunningQueries.vue
+++ b/web/src/components/queries/RunningQueries.vue
@@ -144,7 +144,7 @@ import useIsMetaOrg from "@/composables/useIsMetaOrg";
 import SearchService from "@/services/search";
 import { onBeforeMount, ref, defineComponent, computed, toRaw, watch } from "vue";
 
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import QueryList from "@/components/queries/QueryList.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -176,6 +176,8 @@ export default defineComponent({
     OSearchInput,
   },
   setup() {
+    // Declared first: the option lists below resolve their labels through `t`.
+    const { t } = useI18nTyped();
     const store = useStore();
     const schemaData = ref({});
     const lastRefreshed = ref("");
@@ -190,9 +192,9 @@ export default defineComponent({
     });
 
     const searchFieldOptions = ref([
-      { label: "All Fields", value: "all" },
-      { label: "Exec. Duration", value: "exec_duration" },
-      { label: "Query Range", value: "query_range" },
+      { label: t("search.allFieldsLabel"), value: "all" },
+      { label: t("queries.duration"), value: "exec_duration" },
+      { label: t("queries.queryRange"), value: "query_range" },
     ]);
 
     const selectedQueryTypeTab = ref<"summary" | "all">("summary");
@@ -206,8 +208,8 @@ export default defineComponent({
     };
 
     const runningQueryTypes = [
-      { label: "User Summary", value: "summary" },
-      { label: "All Queries", value: "all" },
+      { label: t("queries.userSummary"), value: "summary" },
+      { label: t("queries.allQueries"), value: "all" },
     ];
     const selectedSearchField = ref(searchFieldOptions.value[0].value);
 
@@ -309,7 +311,6 @@ export default defineComponent({
       data: null as any,
     });
 
-    const { t } = useI18nTyped();
     const showListSchemaDialog = ref(false);
 
     const listSchema = (row: any) => {
@@ -320,18 +321,18 @@ export default defineComponent({
     };
 
     const perPageOptions: any = [
-      { label: "5", value: 5 },
-      { label: "10", value: 10 },
-      { label: "20", value: 20 },
-      { label: "50", value: 50 },
-      { label: "100", value: 100 },
+      { label: raw("5"), value: 5 },
+      { label: raw("10"), value: 10 },
+      { label: raw("20"), value: 20 },
+      { label: raw("50"), value: 50 },
+      { label: raw("100"), value: 100 },
     ];
     const selectedPerPage = ref(20);
     const pagination: any = ref({
       rowsPerPage: 20,
     });
 
-    const changePagination = (val: { label: string; value: any }) => {
+    const changePagination = (val: { label: I18nText; value: any }) => {
       selectedPerPage.value = val.value;
       pagination.value.rowsPerPage = val.value;
     };
@@ -549,23 +550,23 @@ export default defineComponent({
     const otherFieldOptions = computed(() => {
       if (selectedSearchField.value === "exec_duration") {
         return [
-          { label: "> 1 second", value: "gt_1s" },
-          { label: "> 5 seconds", value: "gt_5s" },
-          { label: "> 15 seconds", value: "gt_15s" },
-          { label: "> 30 seconds", value: "gt_30s" },
-          { label: "> 1 minute", value: "gt_1m" },
-          { label: "> 5 minutes", value: "gt_5m" },
-          { label: "> 10 minutes", value: "gt_10m" },
+          { label: t("queries.durationOptions.gt1s"), value: "gt_1s" },
+          { label: t("queries.durationOptions.gt5s"), value: "gt_5s" },
+          { label: t("queries.durationOptions.gt15s"), value: "gt_15s" },
+          { label: t("queries.durationOptions.gt30s"), value: "gt_30s" },
+          { label: t("queries.durationOptions.gt1m"), value: "gt_1m" },
+          { label: t("queries.durationOptions.gt5m"), value: "gt_5m" },
+          { label: t("queries.durationOptions.gt10m"), value: "gt_10m" },
         ];
       } else if (selectedSearchField.value === "query_range") {
         return [
-          { label: "> 5 minutes", value: "gt_5m" },
-          { label: "> 10 minutes", value: "gt_10m" },
-          { label: "> 15 minutes", value: "gt_15m" },
-          { label: "> 1 hour", value: "gt_1h" },
-          { label: "> 1 day", value: "gt_1d" },
-          { label: "> 1 week", value: "gt_1w" },
-          { label: "> 1 Month", value: "gt_1M" },
+          { label: t("queries.durationOptions.gt5m"), value: "gt_5m" },
+          { label: t("queries.durationOptions.gt10m"), value: "gt_10m" },
+          { label: t("queries.durationOptions.gt15m"), value: "gt_15m" },
+          { label: t("queries.durationOptions.gt1h"), value: "gt_1h" },
+          { label: t("queries.durationOptions.gt1d"), value: "gt_1d" },
+          { label: t("queries.durationOptions.gt1w"), value: "gt_1w" },
+          { label: t("queries.durationOptions.gt1Month"), value: "gt_1M" },
         ];
       }
 
diff --git a/web/src/components/reports/CreateReport.vue b/web/src/components/reports/CreateReport.vue
index ca08b284af..e475fec69d 100644
--- a/web/src/components/reports/CreateReport.vue
+++ b/web/src/components/reports/CreateReport.vue
@@ -187,9 +187,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           <OFormSelect
                             :name="`dashboards[${index}].report_type`"
                             :options="[
-                              { label: 'PDF (default)', value: 'pdf' },
-                              { label: 'PNG (Image)', value: 'png' },
-                              { label: 'CSV (Data)', value: 'csv' },
+                              { label: raw('PDF (default)'), value: 'pdf' },
+                              { label: raw('PNG (Image)'), value: 'png' },
+                              { label: raw('CSV (Data)'), value: 'csv' },
                             ]"
                             :label="t('reports.reportType')"
                             color="input-border"
@@ -613,7 +613,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { ref, computed, watch, nextTick, onBeforeMount } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import { useLocalTimezone } from "@/utils/zincutils";
 import VariablesInput from "@/components/alerts/VariablesInput.vue";
@@ -752,23 +752,23 @@ const dialog = ref({
 
 const timeTabs = [
   {
-    label: "Schedule now",
+    label: t("reports.scheduleNow"),
     value: "scheduleNow",
   },
   {
-    label: "Schedule later",
+    label: t("reports.scheduleLater"),
     value: "scheduleLater",
   },
 ];
 
 const frequencyTabs = [
-  { label: "Cron Job", value: "cron" },
-  { label: "Once", value: "once" },
-  { label: "Hourly", value: "hours" },
-  { label: "Daily", value: "days" },
-  { label: "Weekly", value: "weeks" },
-  { label: "Monthly", value: "months" },
-  { label: "Custom", value: "custom" },
+  { label: t("reports.cron"), value: "cron" },
+  { label: t("reports.frequencyOnce"), value: "once" },
+  { label: t("reports.frequencyHourly"), value: "hours" },
+  { label: t("reports.frequencyDaily"), value: "days" },
+  { label: t("reports.frequencyWeekly"), value: "weeks" },
+  { label: t("reports.frequencyMonthly"), value: "months" },
+  { label: t("reports.frequencyCustom"), value: "custom" },
 ];
 
 // frequencyType, selectedTimeTab and the dashboards rows are form-owned; read
@@ -783,13 +783,12 @@ const dashboardRows = form.useStore((s: any): any[] => s.values?.dashboards ?? [
 
 const filteredTimezone: any = ref([]);
 
-const folderOptions: Ref<{ label: string; value: string }[]> = ref([]);
+const folderOptions: Ref<{ label: I18nText; value: string }[]> = ref([]);
 
-const dashboardOptions: Ref<{ label: string; value: string; tabs: any[]; version: number }[]> = ref(
-  [],
-);
+const dashboardOptions: Ref<{ label: I18nText; value: string; tabs: any[]; version: number }[]> =
+  ref([]);
 
-const dashboardTabOptions: Ref<{ label: string; value: string }[]> = ref([]);
+const dashboardTabOptions: Ref<{ label: I18nText; value: string }[]> = ref([]);
 
 const options: Ref<{ [key: string]: any[] }> = ref({});
 
@@ -1059,12 +1058,12 @@ const setDashboardOptions = (id: string) => {
           .forEach(
             (dashboard: { title: string; dashboardId: string; tabs: any[]; version: number }) => {
               dashboardOptions.value.push({
-                label: dashboard.title,
+                label: raw(dashboard.title),
                 value: dashboard.dashboardId,
                 tabs: dashboard?.tabs?.map((tab) => ({
-                  label: tab.name,
+                  label: raw(tab.name),
                   value: tab.tabId,
-                })) || [{ label: "Default", value: "default" }],
+                })) || [{ label: t("reports.destinationDefault"), value: "default" }],
                 version: dashboard.version,
               });
               options.value["dashboards"] = [...dashboardOptions.value];
@@ -1086,7 +1085,7 @@ const onDashboardSelection = (dashboardId: any, index = 0) => {
 };
 
 const setDashboardTabOptions = (dashboardId: any) => {
-  const defaultTabs = [{ label: "Default", value: "default" }];
+  const defaultTabs = [{ label: t("reports.destinationDefault"), value: "default" }];
 
   const match = dashboardOptions.value.find((dashboard) => dashboard.value === dashboardId);
   dashboardTabOptions.value = match?.tabs || defaultTabs;
@@ -1107,20 +1106,20 @@ const allDashboardsArePdf = computed(
 // Returns the available attachment type options for a given report type.
 // Inline is disabled for PDF since the report server does not support it.
 const attachmentTypeOptions = (rType: string | undefined) => [
-  { label: "Standard — downloadable attachment (default)", value: "standard" },
+  { label: t("reports.attachmentStandard"), value: "standard" },
   {
-    label: "Inline — embedded in email body",
+    label: t("reports.attachmentInline"),
     value: "inline",
     disable: rType === "pdf",
   },
 ];
 
-const customFrequencyOptions = [
-  { label: "days", value: "days" },
-  { label: "hours", value: "hours" },
-  { label: "weeks", value: "weeks" },
-  { label: "months", value: "months" },
-];
+const customFrequencyOptions = computed(() => [
+  { label: t("reports.frequencyUnits.days"), value: "days" },
+  { label: t("reports.frequencyUnits.hours"), value: "hours" },
+  { label: t("reports.frequencyUnits.weeks"), value: "weeks" },
+  { label: t("reports.frequencyUnits.months"), value: "months" },
+]);
 
 const currentTimezone = useLocalTimezone() || Intl.DateTimeFormat().resolvedOptions().timeZone;
 const timezone = ref(currentTimezone);
@@ -1163,7 +1162,7 @@ const getDashboaordFolders = () => {
       .then((res) => {
         res.data.list.forEach((folder: { name: string; folderId: string }) => {
           folderOptions.value.push({
-            label: folder.name,
+            label: raw(folder.name),
             value: folder.folderId,
           });
           options.value["folders"] = [...folderOptions.value];
diff --git a/web/src/components/rum/EventDetailDrawerContent.vue b/web/src/components/rum/EventDetailDrawerContent.vue
index 25281b664e..f0d491d573 100644
--- a/web/src/components/rum/EventDetailDrawerContent.vue
+++ b/web/src/components/rum/EventDetailDrawerContent.vue
@@ -511,7 +511,7 @@ const { formatTimestamp, formatId, getStatusIcon, getStatusColorClass, getEventT
 const copyAttributesToClipboard = () => {
   copyToClipboard(JSON.stringify(props.rawEvent, null, 2), t, {
     successMessage: t("common.copyToClipboard") + " - " + t("common.success"),
-    errorMessage: "Error while copying content.",
+    errorMessage: t("common.copyContentError"),
     timeout: 1500,
   });
 };
@@ -523,18 +523,18 @@ const networkResources = computed(() => {
 const actionFields = computed(() => [
   {
     key: "action_type",
-    label: "Action Type",
+    label: t("common.actionType"),
     value: props.rawEvent?.action_type || t("common.notAvailable"),
     valueClass: "capitalize",
   },
   {
     key: "action_target_name",
-    label: "Target",
+    label: t("common.actionTarget"),
     value: props.rawEvent?.action_target_name || t("common.notAvailable"),
   },
   {
     key: "action_id",
-    label: "Action ID",
+    label: t("common.actionId"),
     value: props.rawEvent?.action_id,
     slot: true,
   },
diff --git a/web/src/components/rum/MobileSessionPlayer.vue b/web/src/components/rum/MobileSessionPlayer.vue
index 52ab509b51..918bfede73 100644
--- a/web/src/components/rum/MobileSessionPlayer.vue
+++ b/web/src/components/rum/MobileSessionPlayer.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 <script setup lang="ts">
 import { computed, onBeforeUnmount, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OSwitch from "@/lib/forms/Switch/OSwitch.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -42,11 +42,11 @@ const { t } = useI18nTyped();
 const SKIP_THRESHOLD_MS = 1500;
 const SKIP_SECONDS = 10;
 const speedOptions = [
-  { label: "0.5x", value: 0.5 },
-  { label: "1x", value: 1 },
-  { label: "2x", value: 2 },
-  { label: "4x", value: 4 },
-  { label: "8x", value: 8 },
+  { label: raw("0.5x"), value: 0.5 },
+  { label: raw("1x"), value: 1 },
+  { label: raw("2x"), value: 2 },
+  { label: raw("4x"), value: 4 },
+  { label: raw("8x"), value: 8 },
 ];
 
 const timeline = computed(() => buildMobileTimeline(props.segments ?? []));
diff --git a/web/src/components/rum/PlayerEventsSidebar.vue b/web/src/components/rum/PlayerEventsSidebar.vue
index c77a584c8e..7e41db257f 100644
--- a/web/src/components/rum/PlayerEventsSidebar.vue
+++ b/web/src/components/rum/PlayerEventsSidebar.vue
@@ -120,7 +120,7 @@ import OInput from "@/lib/forms/Input/OInput.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import AppTabs from "../common/AppTabs.vue";
 
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import FrustrationEventBadge from "./FrustrationEventBadge.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
@@ -158,7 +158,7 @@ const props = defineProps({
 
 const activeTab = ref<string>("breadcrumbs");
 const tabs: Array<{
-  label: string;
+  label: I18nText;
   value: string;
   icon: string;
   style: Record<string, string>;
@@ -203,10 +203,10 @@ const selectedEventTypes = ref<string[]>(["error", "action", "view", "frustratio
 const searchEvent = ref<string>("");
 
 const eventOptions = [
-  { label: "Error", value: "error" },
-  { label: "Action", value: "action" },
-  { label: "View", value: "view" },
-  { label: "Frustration", value: "frustration" },
+  { label: t("rum.playerEvents.error"), value: "error" },
+  { label: t("rum.playerEvents.action"), value: "action" },
+  { label: t("rum.playerEvents.view"), value: "view" },
+  { label: t("rum.playerEvents.frustration"), value: "frustration" },
 ];
 
 const searchEvents = (value: string | number | null) => {
diff --git a/web/src/components/rum/VideoPlayer.vue b/web/src/components/rum/VideoPlayer.vue
index b5f04be1d7..dd660256fb 100644
--- a/web/src/components/rum/VideoPlayer.vue
+++ b/web/src/components/rum/VideoPlayer.vue
@@ -142,7 +142,7 @@ import {
   onDeactivated,
 } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OSpinner from "@/lib/feedback/Spinner/OSpinner.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OSwitch from "@/lib/forms/Switch/OSwitch.vue";
@@ -190,27 +190,27 @@ const resizeObserver = ref<ResizeObserver | null>(null);
 
 const speedOptions = [
   {
-    label: "0.5x",
+    label: raw("0.5x"),
     value: 0.5,
   },
   {
-    label: "1x",
+    label: raw("1x"),
     value: 1,
   },
   {
-    label: "1.5x",
+    label: raw("1.5x"),
     value: 1.5,
   },
   {
-    label: "2x",
+    label: raw("2x"),
     value: 2,
   },
   {
-    label: "3x",
+    label: raw("3x"),
     value: 3,
   },
   {
-    label: "4x",
+    label: raw("4x"),
     value: 4,
   },
 ];
diff --git a/web/src/components/rum/common/EventDetailsSection.vue b/web/src/components/rum/common/EventDetailsSection.vue
index 6d0c432805..8d4a37d23b 100644
--- a/web/src/components/rum/common/EventDetailsSection.vue
+++ b/web/src/components/rum/common/EventDetailsSection.vue
@@ -36,12 +36,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import KeyValueRow from "./KeyValueRow.vue";
 
 interface Field {
   key: string;
-  label: string;
+  label: I18nText;
   value: any;
   valueClass?: string;
   slot?: boolean;
@@ -49,7 +50,7 @@ interface Field {
 }
 
 interface Props {
-  title: string;
+  title: I18nText;
   fields: Field[];
   dataTest?: string;
 }
diff --git a/web/src/components/rum/common/KeyValueRow.vue b/web/src/components/rum/common/KeyValueRow.vue
index 767d924222..670a4860c7 100644
--- a/web/src/components/rum/common/KeyValueRow.vue
+++ b/web/src/components/rum/common/KeyValueRow.vue
@@ -28,8 +28,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 interface Props {
-  label: string;
+  label: I18nText;
   value?: string | number;
   showBorder?: boolean;
   valueClass?: string;
diff --git a/web/src/components/rum/correlation/TraceCorrelationCard.vue b/web/src/components/rum/correlation/TraceCorrelationCard.vue
index 9445324f2d..147d7d803f 100644
--- a/web/src/components/rum/correlation/TraceCorrelationCard.vue
+++ b/web/src/components/rum/correlation/TraceCorrelationCard.vue
@@ -273,7 +273,7 @@ const calculatePercentage = (value: number, total: number) => {
 
 const copyTraceId = () => {
   copyToClipboard(props.traceId, t, {
-    successMessage: "Trace ID copied to clipboard",
+    successMessage: t("traces.traceDetails.traceIdCopied"),
     timeout: 1500,
   });
 };
diff --git a/web/src/components/rum/errorTracking/list/ErrorIssueCell.vue b/web/src/components/rum/errorTracking/list/ErrorIssueCell.vue
index 3690e0ba02..01777963bb 100644
--- a/web/src/components/rum/errorTracking/list/ErrorIssueCell.vue
+++ b/web/src/components/rum/errorTracking/list/ErrorIssueCell.vue
@@ -36,7 +36,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <div class="flex min-w-0 items-center gap-1.5 overflow-hidden">
       <OTag
         v-if="issue.error_handling"
-        :label="issue.error_handling"
+        :label="raw(issue.error_handling)"
         :variant="isUnhandled ? 'error-outline' : 'warning-outline'"
         size="xs"
         shape="rounded"
@@ -53,7 +53,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       >
       <OTag
         v-if="route"
-        :label="route"
+        :label="raw(route)"
         variant="default-soft"
         size="xs"
         shape="rounded"
@@ -69,7 +69,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import { parseTopFrame, routeFromUrl } from "@/utils/rum/errorIssueUtils";
 
diff --git a/web/src/components/rum/errorTracking/list/ErrorsFilterBar.vue b/web/src/components/rum/errorTracking/list/ErrorsFilterBar.vue
index 55a6792494..571e67e38e 100644
--- a/web/src/components/rum/errorTracking/list/ErrorsFilterBar.vue
+++ b/web/src/components/rum/errorTracking/list/ErrorsFilterBar.vue
@@ -71,7 +71,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
 import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -109,7 +109,7 @@ const ALL_SERVICES = "__all__";
 
 const serviceOptions = computed(() => [
   { label: t("rum.all"), value: ALL_SERVICES },
-  ...props.services.map((service) => ({ label: service, value: service })),
+  ...props.services.map((service) => ({ label: raw(service), value: service })),
 ]);
 
 const onServiceSelect = (value: unknown) => {
diff --git a/web/src/components/rum/sessionReplay/SessionsInsightBanner.vue b/web/src/components/rum/sessionReplay/SessionsInsightBanner.vue
index cf1e97bacb..528968ab82 100644
--- a/web/src/components/rum/sessionReplay/SessionsInsightBanner.vue
+++ b/web/src/components/rum/sessionReplay/SessionsInsightBanner.vue
@@ -65,7 +65,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OBanner from "@/lib/feedback/Banner/OBanner.vue";
 
 export interface InsightPayload {
@@ -73,7 +73,7 @@ export interface InsightPayload {
   count: number;
   target?: string;
   view?: string;
-  message?: string;
+  message?: I18nText;
   rate?: number;
 }
 
diff --git a/web/src/components/settings/AddRegexPattern.vue b/web/src/components/settings/AddRegexPattern.vue
index 856ced8922..b220378a4f 100644
--- a/web/src/components/settings/AddRegexPattern.vue
+++ b/web/src/components/settings/AddRegexPattern.vue
@@ -445,7 +445,8 @@ export default defineComponent({
       const payload = {
         name: value.name,
         pattern: value.pattern,
-        description: value.description ?? "",
+        // User-entered free text on its way to the API — never translated.
+        description: raw(value.description ?? ""),
       };
       try {
         const response = props.isEdit
diff --git a/web/src/components/settings/BuiltInPatternsTab.vue b/web/src/components/settings/BuiltInPatternsTab.vue
index 332e78b379..bb801f3546 100644
--- a/web/src/components/settings/BuiltInPatternsTab.vue
+++ b/web/src/components/settings/BuiltInPatternsTab.vue
@@ -153,7 +153,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <ODialog
       v-model:open="showPreview"
       size="md"
-      :title="previewedPattern?.name"
+      :title="raw(previewedPattern?.name)"
       data-test="pattern-preview-dialog"
       :secondary-button-label="t('regex_patterns.close')"
       :primary-button-label="t('regex_patterns.import_this_pattern')"
@@ -222,7 +222,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, computed, onMounted } from "vue";
-import { useI18nTyped, raw } from "@/types/i18n";
+import { useI18nTyped, raw, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import regexPatternsService from "@/services/regex_pattern";
 import { RegexPatternCache } from "@/utils/regexPatternCache";
@@ -246,7 +246,7 @@ interface PatternExample {
 interface BuiltInPattern {
   name: string;
   pattern: string;
-  description: string;
+  description: I18nText;
   tags: string[];
   rarity: number;
   url: string | null;
@@ -291,7 +291,7 @@ export default defineComponent({
     });
 
     const tagOptions = computed(() =>
-      availableTags.value.map((tag) => ({ label: tag, value: tag })),
+      availableTags.value.map((tag) => ({ label: raw(tag), value: tag })),
     );
 
     const filteredPatterns = computed(() => {
@@ -437,6 +437,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       patterns,
       loading,
diff --git a/web/src/components/settings/DiscoveredServices.vue b/web/src/components/settings/DiscoveredServices.vue
index 9cfeb897a8..33d8e1376c 100644
--- a/web/src/components/settings/DiscoveredServices.vue
+++ b/web/src/components/settings/DiscoveredServices.vue
@@ -325,7 +325,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         }
       "
       size="lg"
-      :title="selectedService?.service_name"
+      :title="raw(selectedService?.service_name)"
       data-test="service-side-panel"
     >
       <template #header-right>
@@ -477,7 +477,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import { ref, computed, onMounted, watch } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import serviceStreamsService from "@/services/service_streams";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
@@ -548,17 +548,18 @@ watch([filterKey, filterValue, searchQuery], () => {
 });
 
 // Label override for internal field keys shown in the filter dropdown
-const KEY_DISPLAY_LABELS: Record<string, string> = {
+const KEY_DISPLAY_LABELS: Record<string, I18nText> = {
   set_id: t("settings.correlation.workload"),
 };
 
-const allKeys = computed((): { label: string; value: string }[] => {
+const allKeys = computed((): { label: I18nText; value: string }[] => {
   const keys = new Set<string>();
   keys.add("set_id");
   for (const s of services.value) {
     for (const k of Object.keys(s.disambiguation)) keys.add(k);
   }
-  return [...keys].sort().map((k) => ({ label: KEY_DISPLAY_LABELS[k] ?? k, value: k }));
+  // Keys without an override are backend field identifiers, shown verbatim.
+  return [...keys].sort().map((k) => ({ label: KEY_DISPLAY_LABELS[k] ?? raw(k), value: k }));
 });
 
 const allValues = computed((): string[] => {
diff --git a/web/src/components/settings/General.vue b/web/src/components/settings/General.vue
index 5e536e1c73..f14f3c4cb4 100644
--- a/web/src/components/settings/General.vue
+++ b/web/src/components/settings/General.vue
@@ -62,7 +62,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :min="1000"
               :max="1000000"
               class="ml-2 w-45!"
-              :placeholder="'40000 (' + t('settings.systemDefault') + ')'"
+              :placeholder="raw('40000 (' + t('settings.systemDefault') + ')')"
               data-test="general-settings-max-series-per-query"
             >
               <template v-slot:icon-right>
@@ -564,7 +564,7 @@ import {
   ref,
   watch,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
 import { useRouter } from "vue-router";
@@ -1285,6 +1285,7 @@ export default defineComponent({
 
     return {
       t,
+      raw,
       store,
       config,
       router,
diff --git a/web/src/components/settings/ImportSyntheticsLocations.vue b/web/src/components/settings/ImportSyntheticsLocations.vue
index 28496973f8..5821122895 100644
--- a/web/src/components/settings/ImportSyntheticsLocations.vue
+++ b/web/src/components/settings/ImportSyntheticsLocations.vue
@@ -136,7 +136,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import OPageLayout from "@/lib/core/PageLayout/OPageLayout.vue";
@@ -147,7 +147,7 @@ import syntheticsService from "@/services/synthetics";
 
 interface ImportResult {
   id?: string;
-  label?: string;
+  label?: I18nText;
   ok: boolean;
   error?: string;
 }
diff --git a/web/src/components/settings/ModelPricingEditor.vue b/web/src/components/settings/ModelPricingEditor.vue
index a917567725..f12f599fc4 100644
--- a/web/src/components/settings/ModelPricingEditor.vue
+++ b/web/src/components/settings/ModelPricingEditor.vue
@@ -684,12 +684,12 @@ const usageTemplates = [
 ];
 
 const operators = [
-  { label: ">", value: "gt" },
-  { label: ">=", value: "gte" },
-  { label: "<", value: "lt" },
-  { label: "<=", value: "lte" },
-  { label: "=", value: "eq" },
-  { label: "!=", value: "neq" },
+  { label: raw(">"), value: "gt" },
+  { label: raw(">="), value: "gte" },
+  { label: raw("<"), value: "lt" },
+  { label: raw("<="), value: "lte" },
+  { label: raw("="), value: "eq" },
+  { label: raw("!="), value: "neq" },
 ];
 
 // ── Field-array operations (whole-array setFieldValue; `formTiers`
diff --git a/web/src/components/settings/OrgStorageEditor.vue b/web/src/components/settings/OrgStorageEditor.vue
index d461bf0ef9..6048ea3ece 100644
--- a/web/src/components/settings/OrgStorageEditor.vue
+++ b/web/src/components/settings/OrgStorageEditor.vue
@@ -367,7 +367,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { ref, computed, onMounted, watch } from "vue";
 
 defineOptions({ name: "OrgStorageEditor" });
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
 import config from "@/aws-exports";
@@ -457,18 +457,18 @@ const availableProviders = computed(() => {
 });
 
 const providerDefinitions: Array<{
-  label: string;
+  label: I18nText;
   value: string;
   image?: string;
   icon?: string;
 }> = [
   {
-    label: "AWS Credentials",
+    label: t("settings.orgStorageSettings.awsCredentials"),
     value: "AwsCredentials",
     image: getImageURL("images/org_storage/aws_plain_without_bg.png"),
   },
   {
-    label: "Azure Credentials",
+    label: t("settings.orgStorageSettings.azureCredentials"),
     value: "AzureCredentials",
     image: getImageURL("images/org_storage/azure.png"),
   },
@@ -481,7 +481,7 @@ const providerDefinitions: Array<{
   //   image: getImageURL("images/org_storage/gcp.png"),
   // },
   {
-    label: "AWS Role ARN",
+    label: t("settings.orgStorageSettings.awsRoleArn"),
     value: "AwsRoleArn",
     image: getImageURL("images/org_storage/aws_iam.png"),
   },
diff --git a/web/src/components/settings/OrganizationManagement.spec.ts b/web/src/components/settings/OrganizationManagement.spec.ts
index f48f05b43d..d352cdb534 100644
--- a/web/src/components/settings/OrganizationManagement.spec.ts
+++ b/web/src/components/settings/OrganizationManagement.spec.ts
@@ -1109,7 +1109,7 @@ describe("OrganizationManagement.vue", () => {
       expect(dialog?.exists()).toBe(true);
       expect(dialog!.attributes("data-title")).toBe("Extend Trial for Acme");
       expect(dialog!.attributes("data-sub-title")).toBe("Set the new trial extension period.");
-      expect(dialog!.attributes("data-primary-label")).toBe("Extend trial by 2 week(s)");
+      expect(dialog!.attributes("data-primary-label")).toBe("Extend trial by 2 weeks");
       expect(dialog!.attributes("data-secondary-label")).toBe("Cancel");
       expect(dialog!.attributes("data-size")).toBe("sm");
     });
diff --git a/web/src/components/settings/ServiceIdentitySetup.vue b/web/src/components/settings/ServiceIdentitySetup.vue
index 6407f6943b..86c4b56645 100644
--- a/web/src/components/settings/ServiceIdentitySetup.vue
+++ b/web/src/components/settings/ServiceIdentitySetup.vue
@@ -176,7 +176,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :model-value="editableServiceFields"
               @update:model-value="editableServiceFields = $event"
               :placeholder="t('settings.correlation.fieldMappingPlaceholder')"
-              label=""
+              :label="raw('')"
             />
           </ODialog>
 
@@ -263,7 +263,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     <span>{{ getGroupByValue(fieldId)?.display ?? fieldId }}</span>
                     <OTooltip
                       v-if="getFieldCardinalityTooltip(fieldId)"
-                      :content="getFieldCardinalityTooltip(fieldId) ?? ''"
+                      :content="raw(getFieldCardinalityTooltip(fieldId) ?? '')"
                       side="top"
                     />
                     <OButton
@@ -785,7 +785,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   {{ insightData.title }}
                   <OTooltip
                     v-if="insightData.title.length > 25"
-                    :content="insightData.title"
+                    :content="raw(insightData.title)"
                     side="top"
                   />
                 </span>
@@ -977,8 +977,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           }
         "
         size="md"
-        :title="primaryDim?.display"
-        :sub-title="popupPrimaryValue ? `: ${popupPrimaryValue}` : undefined"
+        :title="raw(primaryDim?.display)"
+        :sub-title="raw(popupPrimaryValue ? `: ${popupPrimaryValue}` : undefined)"
       >
         <OCardSection class="flex flex-col gap-4 border-t p-0">
           <!-- Header section with cardinality details -->
@@ -1147,7 +1147,7 @@ import { ref, computed, onMounted, watch, nextTick } from "vue";
 import OCardSection from "@/lib/core/Card/OCardSection.vue";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import CustomChartRenderer from "@/components/dashboards/panels/CustomChartRenderer.vue";
 import OTagInput from "@/lib/forms/TagInput/OTagInput.vue";
 import serviceStreamsService from "@/services/service_streams";
@@ -1181,7 +1181,7 @@ import OSeparator from "@/lib/core/Separator/OSeparator.vue";
 
 interface DetectedEnvironment {
   environment_type: string;
-  description: string;
+  description: I18nText;
   evidence_groups: string[];
 }
 
@@ -1768,7 +1768,7 @@ const insightData = computed(() => {
 
     // Build dimension columns (no stream columns — chart handles that)
     const relatedDimensions: {
-      label: string;
+      label: I18nText;
       level: string;
       color: string;
       values: string[];
@@ -1776,7 +1776,7 @@ const insightData = computed(() => {
     }[] = [];
     if (card && secondaryDim.value) {
       relatedDimensions.push({
-        label: secondaryDim.value.display,
+        label: raw(secondaryDim.value.display),
         level: "secondary",
         color: "teal",
         values: card.childValues,
@@ -1789,7 +1789,7 @@ const insightData = computed(() => {
           for (const tv of tvs) allTertiary.add(tv);
         }
         relatedDimensions.push({
-          label: tertiaryDim.value.display,
+          label: raw(tertiaryDim.value.display),
           level: "tertiary",
           color: "purple",
           values: [...allTertiary].sort(),
@@ -1871,7 +1871,7 @@ const insightData = computed(() => {
 
     const streamDetails = group ? getValueStreamDetails(group.group_id, val) : [];
     const relatedDimensions: {
-      label: string;
+      label: I18nText;
       level: string;
       color: string;
       values: string[];
@@ -1879,7 +1879,7 @@ const insightData = computed(() => {
     }[] = [];
     if (primaryDim.value && parents.length > 0) {
       relatedDimensions.push({
-        label: primaryDim.value.display,
+        label: raw(primaryDim.value.display),
         level: "primary",
         color: "blue",
         values: parents.sort(),
@@ -1888,7 +1888,7 @@ const insightData = computed(() => {
     }
     if (tertiaryDim.value && tertiaryVals.length > 0) {
       relatedDimensions.push({
-        label: tertiaryDim.value.display,
+        label: raw(tertiaryDim.value.display),
         level: "tertiary",
         color: "purple",
         values: tertiaryVals,
@@ -1950,7 +1950,7 @@ const insightData = computed(() => {
 
   const streamDetails = group ? getValueStreamDetails(group.group_id, val) : [];
   const relatedDimensions: {
-    label: string;
+    label: I18nText;
     level: string;
     color: string;
     values: string[];
@@ -1959,7 +1959,7 @@ const insightData = computed(() => {
   if (primaryDim.value && locations.length > 0) {
     const uniquePrimaries = [...new Set(locations.map((l) => l.primary))].sort();
     relatedDimensions.push({
-      label: primaryDim.value.display,
+      label: raw(primaryDim.value.display),
       level: "primary",
       color: "blue",
       values: uniquePrimaries,
@@ -1969,7 +1969,7 @@ const insightData = computed(() => {
   if (secondaryDim.value && locations.length > 0) {
     const uniqueSecondaries = [...new Set(locations.map((l) => l.secondary))].sort();
     relatedDimensions.push({
-      label: secondaryDim.value.display,
+      label: raw(secondaryDim.value.display),
       level: "secondary",
       color: "teal",
       values: uniqueSecondaries,
@@ -1997,7 +1997,7 @@ const insightData = computed(() => {
 
 /** Related-dimension column shown in the insight dialog. */
 interface RelatedDimension {
-  label: string;
+  label: I18nText;
   level: string;
   color: string;
   values: string[];
@@ -2245,32 +2245,28 @@ const detectedEnvironment = computed<DetectedEnvironment | null>(() => {
   if (!activeEnvironment.value) return null;
 
   const env = activeEnvironment.value;
+  // `envType` is a platform name (never translated); the sentence around it is.
   let envType = "General";
-  let description = "General fields detected in your telemetry data.";
   let evidenceGroups: string[] = [];
 
   if (env === "kubernetes" || env === "k8s") {
     envType = "Kubernetes";
-    description = "Kubernetes fields detected in your telemetry data.";
     evidenceGroups = activeEnvGroups.value
       .filter((g) => g.group_id.startsWith("k8s-"))
       .map((g) => g.group_id);
   } else if (env === "aws") {
     const isEcs = activeEnvGroups.value.some((g) => g.group_id.startsWith("aws-ecs-"));
     envType = isEcs ? "AWS ECS" : "AWS";
-    description = `${envType} fields detected in your telemetry data.`;
     evidenceGroups = activeEnvGroups.value
       .filter((g) => g.group_id.startsWith("aws-"))
       .map((g) => g.group_id);
   } else if (env === "gcp") {
     envType = "GCP";
-    description = "GCP fields detected in your telemetry data.";
     evidenceGroups = activeEnvGroups.value
       .filter((g) => g.group_id.startsWith("gcp-"))
       .map((g) => g.group_id);
   } else if (env === "azure") {
     envType = "Azure";
-    description = "Azure fields detected in your telemetry data.";
     evidenceGroups = activeEnvGroups.value
       .filter((g) => g.group_id.startsWith("azure-"))
       .map((g) => g.group_id);
@@ -2278,7 +2274,7 @@ const detectedEnvironment = computed<DetectedEnvironment | null>(() => {
 
   return {
     environment_type: envType,
-    description: description,
+    description: t("settings.serviceIdentitySetup.envFieldsDetected", { env: envType }),
     evidence_groups: evidenceGroups.slice(0, 3),
   };
 });
@@ -2485,20 +2481,20 @@ const primaryDimCards = computed<
 
 /** Default tracked alias options shown when analytics data is not yet loaded */
 const DEFAULT_TRACKED_OPTIONS = [
-  { label: "K8s Cluster", value: "k8s-cluster" },
-  { label: "K8s Namespace", value: "k8s-namespace" },
-  { label: "K8s Deployment", value: "k8s-deployment" },
-  { label: "K8s StatefulSet", value: "k8s-statefulset" },
-  { label: "K8s DaemonSet", value: "k8s-daemonset" },
-  { label: "K8s Pod Name", value: "k8s-pod-name" },
-  { label: "AWS ECS Cluster", value: "aws-ecs-cluster" },
-  { label: "AWS ECS Task", value: "aws-ecs-task" },
-  { label: "Cloud Account", value: "cloud-account" },
-  { label: "Region", value: "region" },
-  { label: "Environment", value: "environment" },
-  { label: "Host", value: "host" },
-  { label: "Service Namespace", value: "service-namespace" },
-  { label: "Service Version", value: "service-version" },
+  { label: t("settings.serviceIdentitySetup.trackedK8sCluster"), value: "k8s-cluster" },
+  { label: t("settings.serviceIdentitySetup.trackedK8sNamespace"), value: "k8s-namespace" },
+  { label: t("settings.serviceIdentitySetup.trackedK8sDeployment"), value: "k8s-deployment" },
+  { label: t("settings.serviceIdentitySetup.trackedK8sStatefulSet"), value: "k8s-statefulset" },
+  { label: t("settings.serviceIdentitySetup.trackedK8sDaemonSet"), value: "k8s-daemonset" },
+  { label: t("settings.serviceIdentitySetup.trackedK8sPodName"), value: "k8s-pod-name" },
+  { label: t("settings.serviceIdentitySetup.trackedAwsEcsCluster"), value: "aws-ecs-cluster" },
+  { label: t("settings.serviceIdentitySetup.trackedAwsEcsTask"), value: "aws-ecs-task" },
+  { label: t("settings.serviceIdentitySetup.trackedCloudAccount"), value: "cloud-account" },
+  { label: t("search.region"), value: "region" },
+  { label: t("rum.environment"), value: "environment" },
+  { label: t("traces.dbSpanDetails.host"), value: "host" },
+  { label: t("settings.serviceIdentitySetup.trackedServiceNamespace"), value: "service-namespace" },
+  { label: t("settings.serviceIdentitySetup.trackedServiceVersion"), value: "service-version" },
 ];
 
 /**
@@ -2512,7 +2508,7 @@ const trackedAliasOptions = computed(() => {
     return groups
       .filter((g: FoundGroup) => g.group_id !== "service")
       .map((g: FoundGroup) => ({
-        label: g.display,
+        label: raw(g.display),
         value: g.group_id,
       }));
   }
@@ -2532,10 +2528,12 @@ const resolvedTrackedAliases = computed(() => {
       let label = labelMap.get(id);
       if (!label) {
         // Fallback: convert ID to readable label (e.g., "k8s-cluster" → "K8s Cluster")
-        label = id
-          .split("-")
-          .map((part) => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
-          .join(" ");
+        label = raw(
+          id
+            .split("-")
+            .map((part) => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
+            .join(" "),
+        );
         console.warn(
           `[ServiceIdentitySetup] No label found for tracked alias "${id}", using fallback: "${label}"`,
         );
@@ -2647,7 +2645,7 @@ function getDisambiguationOptions(rowIndex: number) {
   return availableGroups.value
     .filter((g) => !alreadyUsed.has(g.group_id))
     .map((g) => ({
-      label: g.display,
+      label: raw(g.display),
       value: g.group_id,
       streamTypes: g.stream_types,
       recommended: g.recommended,
@@ -2852,7 +2850,7 @@ function getAddFieldOptionsForEnv(envKey: string) {
       const dim = dimensionAnalytics.value[g.group_id];
       const cardClass = dim?.cardinality_class ?? g.cardinality_class ?? null;
       return {
-        label: g.display,
+        label: raw(g.display),
         value: g.group_id,
         streamTypes: g.stream_types,
         subLabel: g.stream_types?.join(", ") || undefined,
@@ -3094,7 +3092,7 @@ async function saveConfig() {
       .filter(([id, fields]) => id !== "all" && id !== "" && fields.filter(Boolean).length > 0)
       .map(([id, fields]) => ({
         id,
-        label: setLabels.value[id] ?? id,
+        label: raw(setLabels.value[id] ?? id),
         distinguish_by: fields.filter(Boolean),
       }));
 
diff --git a/web/src/components/settings/SyntheticsLocationForm.vue b/web/src/components/settings/SyntheticsLocationForm.vue
index c6c9b496d3..8eb42f7705 100644
--- a/web/src/components/settings/SyntheticsLocationForm.vue
+++ b/web/src/components/settings/SyntheticsLocationForm.vue
@@ -135,9 +135,9 @@ export default defineComponent({
 
     // Provider options for the select dropdown.
     const providerOptions = computed(() => [
-      { label: "AWS", value: "aws" },
-      { label: "GCP", value: "gcp" },
-      { label: "Azure", value: "azure" },
+      { label: raw("AWS"), value: "aws" },
+      { label: raw("GCP"), value: "gcp" },
+      { label: raw("Azure"), value: "azure" },
       { label: t("synthetics.locations.providerOther"), value: "custom" },
     ]);
 
diff --git a/web/src/components/settings/index.vue b/web/src/components/settings/index.vue
index 68312fad56..ef5e5ac2fc 100644
--- a/web/src/components/settings/index.vue
+++ b/web/src/components/settings/index.vue
@@ -30,9 +30,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
          header above a centered reading column. -->
     <div v-if="isConstrainedSection" class="flex h-full min-h-0 flex-col">
       <OPageHeader
-        :title="activeSectionItem?.label || ''"
+        :title="raw(activeSectionItem?.label || '')"
         :title-data-test="`settings-${activeSectionItem?.key}-page-title`"
-        :subtitle="activeSectionItem?.description || ''"
+        :subtitle="raw(activeSectionItem?.description || '')"
         :icon="activeSectionItem?.icon as any"
         class="border-border-default shrink-0 border-b"
       />
@@ -57,7 +57,7 @@ import OPageLayout from "@/lib/core/PageLayout/OPageLayout.vue";
 import SectionRail from "@/components/common/SectionRail.vue";
 import { type SectionHubGroup, type SectionHubItem } from "@/components/common/SectionHub.vue";
 import { defineComponent, ref, onBeforeMount, onActivated, onUpdated, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
 import { useRouter, useRoute } from "vue-router";
@@ -393,7 +393,7 @@ export default defineComponent({
       };
       // Internal group keys stay English (used for bucketing + rank); only the
       // displayed label is translated so sorting/ranking is unaffected.
-      const groupLabels: Record<string, string> = {
+      const groupLabels: Record<string, I18nText> = {
         General: t("settings.groupGeneral"),
         "Access & Security": t("settings.groupAccessSecurity"),
         "Destinations & Templates": t("settings.groupDestinationsTemplates"),
@@ -404,10 +404,11 @@ export default defineComponent({
       };
       return [...buckets.keys()]
         .sort((a, b) => rank(a) - rank(b))
-        .map((label) => ({ label: groupLabels[label] ?? label, items: buckets.get(label)! }));
+        .map((label) => ({ label: groupLabels[label] ?? raw(label), items: buckets.get(label)! }));
     });
 
     return {
+      raw,
       t,
       store,
       router,
diff --git a/web/src/components/shared/grid/NoData.vue b/web/src/components/shared/grid/NoData.vue
index 912f986072..9b763ac281 100644
--- a/web/src/components/shared/grid/NoData.vue
+++ b/web/src/components/shared/grid/NoData.vue
@@ -39,13 +39,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 
 defineProps<{
   /** Optional override for the default "No data available" message. */
-  title?: string;
+  title?: I18nText;
   /** When true, shows "No results found" with a "Clear filters" action. */
   filtered?: boolean;
 }>();
diff --git a/web/src/components/synthetic-monitoring/AgentSetupDrawer.vue b/web/src/components/synthetic-monitoring/AgentSetupDrawer.vue
index c6f36a479c..0e95e7513c 100644
--- a/web/src/components/synthetic-monitoring/AgentSetupDrawer.vue
+++ b/web/src/components/synthetic-monitoring/AgentSetupDrawer.vue
@@ -5,7 +5,7 @@
     side="right"
     size="lg"
     :title="t('synthetics.privateLocations.setup.title')"
-    :sub-title="locationName || undefined"
+    :sub-title="raw(locationName || undefined)"
     data-test="synthetics-agent-setup-drawer"
     @update:open="emit('update:open', $event)"
   >
@@ -159,7 +159,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import ODrawer from "@/lib/overlay/Drawer/ODrawer.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
diff --git a/web/src/components/synthetic-monitoring/MonitorTable.vue b/web/src/components/synthetic-monitoring/MonitorTable.vue
index 344697b55b..86cdeb7c85 100644
--- a/web/src/components/synthetic-monitoring/MonitorTable.vue
+++ b/web/src/components/synthetic-monitoring/MonitorTable.vue
@@ -14,8 +14,8 @@
     :persist-columns="true"
     table-id="synthetic-monitoring-table"
     :enable-column-resize="true"
-    :footer-title="footerTitle"
-    :empty-message="emptyMessage"
+    :footer-title="resolvedFooterTitle"
+    :empty-message="resolvedEmptyMessage"
     :data-test="dataTest"
     :horizontal-scroll="true"
     show-index
@@ -176,7 +176,7 @@
     <template #cell-locations="{ row }">
       <OTooltip
         v-if="(row as any).locations?.length"
-        :content="formatLocationsList((row as any).locations)"
+        :content="raw(formatLocationsList((row as any).locations))"
         content-class="max-w-[20rem] whitespace-pre-wrap text-xs"
         :delay="0"
       >
@@ -348,7 +348,7 @@
               total: data.length,
             })
           }}</template>
-          <template v-else>{{ data.length }} {{ footerTitle }}</template>
+          <template v-else>{{ data.length }} {{ resolvedFooterTitle }}</template>
         </span>
         <template v-if="localSelectedIds.length > 0">
           <OButton
@@ -441,7 +441,7 @@
 
 <script setup lang="ts">
 import { computed, onUnmounted, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OTable from "@/lib/core/Table/OTable.vue";
 import type { OTableColumnDef } from "@/lib/core/Table/OTable.types";
 import { COL } from "@/lib/core/Table/OTable.types";
@@ -464,8 +464,8 @@ const props = withDefaults(
     mode: Mode;
     data: any[];
     loading?: boolean;
-    footerTitle?: string;
-    emptyMessage?: string;
+    footerTitle?: I18nText;
+    emptyMessage?: I18nText;
     dataTest?: string;
     toggleLoadingMap?: Record<string, boolean>;
     triggerLoadingMap?: Record<string, boolean>;
@@ -480,8 +480,6 @@ const props = withDefaults(
   }>(),
   {
     loading: false,
-    footerTitle: "Checks",
-    emptyMessage: "No results found.",
     dataTest: "monitor-table",
     toggleLoadingMap: () => ({}),
     triggerLoadingMap: () => ({}),
@@ -517,6 +515,14 @@ const emit = defineEmits<{
 
 const { t } = useI18nTyped();
 
+// Resolved here rather than as `withDefaults` defaults: a default is evaluated
+// once at module scope, which would freeze the copy in whatever locale happened
+// to be active when the module first loaded.
+const resolvedFooterTitle = computed(
+  () => props.footerTitle ?? t("synthetics.table.checksFooterTitle"),
+);
+const resolvedEmptyMessage = computed(() => props.emptyMessage ?? t("search.noResult"));
+
 const localSelectedIds = computed({
   get: () => props.selectedIds ?? [],
   set: (val: string[]) => emit("update:selectedIds", val),
diff --git a/web/src/components/synthetics/configure/CheckAlerts.vue b/web/src/components/synthetics/configure/CheckAlerts.vue
index d90852f495..7b679f4db5 100644
--- a/web/src/components/synthetics/configure/CheckAlerts.vue
+++ b/web/src/components/synthetics/configure/CheckAlerts.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import type { BrowserCheck } from "@/types/synthetics";
@@ -115,7 +115,7 @@ const silenceMinutes = computed({
           v-model="failureThreshold"
           type="number"
           class="w-25!"
-          :placeholder="'1'"
+          :placeholder="raw('1')"
           data-test="synthetics-check-alerts-threshold-input"
         />
         <span class="text-text-body text-sm whitespace-nowrap">{{
diff --git a/web/src/components/synthetics/configure/CheckAuthNetwork.vue b/web/src/components/synthetics/configure/CheckAuthNetwork.vue
index 7528d092be..947ee54ceb 100644
--- a/web/src/components/synthetics/configure/CheckAuthNetwork.vue
+++ b/web/src/components/synthetics/configure/CheckAuthNetwork.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import type { BrowserCheck } from "@/types/synthetics";
 import OInput from "@/lib/forms/Input/OInput.vue";
 import OSwitch from "@/lib/forms/Switch/OSwitch.vue";
@@ -212,7 +212,7 @@ function removeCookie(index: number) {
                 :type="variable.secure ? 'password' : 'text'"
                 :placeholder="
                   variable.secure && !variable.value
-                    ? variable.example || t('synthetics.authNetwork.passwordPlaceholder')
+                    ? raw(variable.example) || t('synthetics.authNetwork.passwordPlaceholder')
                     : t('synthetics.authNetwork.variableValuePlaceholder')
                 "
                 :data-test="`synthetics-check-auth-network-variable-value-${index}-input`"
diff --git a/web/src/components/synthetics/configure/CheckBrowserDevices.vue b/web/src/components/synthetics/configure/CheckBrowserDevices.vue
index 0963c7d4d9..f2bd1269c6 100644
--- a/web/src/components/synthetics/configure/CheckBrowserDevices.vue
+++ b/web/src/components/synthetics/configure/CheckBrowserDevices.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import type { BrowserCheck, SyntheticsDevice } from "@/types/synthetics";
 import chromiumSvgUrl from "@/assets/images/synthetics/chromium.svg";
 import firefoxSvgUrl from "@/assets/images/synthetics/firefox.svg";
@@ -29,9 +29,9 @@ function deviceLabelKey(label: string): string {
 
 const DEFAULT_BROWSERS = ["chromium", "firefox"];
 const DEFAULT_DEVICES: SyntheticsDevice[] = [
-  { id: "desktop", label: "Desktop", width: 1440, height: 900 },
-  { id: "tablet", label: "Tablet", width: 768, height: 1024 },
-  { id: "mobile", label: "Mobile", width: 375, height: 667 },
+  { id: "desktop", label: t("synthetics.browserDevices.desktop"), width: 1440, height: 900 },
+  { id: "tablet", label: t("synthetics.browserDevices.tablet"), width: 768, height: 1024 },
+  { id: "mobile", label: t("synthetics.browserDevices.mobile"), width: 375, height: 667 },
 ];
 
 const DEVICE_ICONS: Record<string, string> = {
diff --git a/web/src/components/synthetics/configure/CheckDetails.vue b/web/src/components/synthetics/configure/CheckDetails.vue
index 1aada116bf..d8344195fa 100644
--- a/web/src/components/synthetics/configure/CheckDetails.vue
+++ b/web/src/components/synthetics/configure/CheckDetails.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import type { BrowserCheck, SyntheticsFolder } from "@/types/synthetics";
 import OInput from "@/lib/forms/Input/OInput.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -15,8 +15,8 @@ const props = defineProps<{
   folders?: SyntheticsFolder[];
   validationErrors?: Record<string, string>;
   /** Override the target field label/placeholder (protocol checks take a host, not a URL). */
-  targetLabel?: string;
-  targetPlaceholder?: string;
+  targetLabel?: I18nText;
+  targetPlaceholder?: I18nText;
 }>();
 const emit = defineEmits<{ "update:check": [value: BrowserCheck] }>();
 
@@ -49,13 +49,13 @@ const url = computed({
 
 const description = computed({
   get: () => props.check.description ?? "",
-  set: (v: string) => update({ description: v }),
+  set: (v: string) => update({ description: raw(v) }),
 });
 
 const tagInput = ref("");
 
 const folderOptions = computed(() => {
-  const opts = (props.folders ?? []).map((f) => ({ label: f.name, value: f.folderId }));
+  const opts = (props.folders ?? []).map((f) => ({ label: raw(f.name), value: f.folderId }));
   return opts.length
     ? opts
     : [{ label: t("synthetics.checkDetails.defaultFolder"), value: "default" }];
@@ -100,7 +100,7 @@ function handleTagKeydown(event: KeyboardEvent) {
         :label="t('synthetics.checkDetails.name')"
         required
         :error="!!props.validationErrors?.name"
-        :error-message="props.validationErrors?.name"
+        :error-message="raw(props.validationErrors?.name)"
         :placeholder="t('synthetics.checkDetails.namePlaceholder')"
         data-test="synthetics-check-details-name-input"
       />
@@ -124,7 +124,7 @@ function handleTagKeydown(event: KeyboardEvent) {
         :label="targetLabel ?? t('synthetics.checkDetails.startingUrl')"
         required
         :error="!!props.validationErrors?.url"
-        :error-message="props.validationErrors?.url"
+        :error-message="raw(props.validationErrors?.url)"
         :placeholder="targetPlaceholder ?? t('synthetics.checkDetails.startingUrlPlaceholder')"
         data-test="synthetics-check-details-url-input"
       />
diff --git a/web/src/components/synthetics/configure/CheckRetries.vue b/web/src/components/synthetics/configure/CheckRetries.vue
index a7ced837bc..1dd5531184 100644
--- a/web/src/components/synthetics/configure/CheckRetries.vue
+++ b/web/src/components/synthetics/configure/CheckRetries.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import type { BrowserCheck } from "@/types/synthetics";
 import OInput from "@/lib/forms/Input/OInput.vue";
 
@@ -45,7 +45,7 @@ const retryDelayMs = computed({
           v-model="retries"
           type="number"
           class="w-25!"
-          :placeholder="'0'"
+          :placeholder="raw('0')"
           data-test="synthetics-check-retries-count-input"
         />
         <span class="text-text-body text-sm whitespace-nowrap">{{
@@ -60,7 +60,7 @@ const retryDelayMs = computed({
           v-model="retryDelayMs"
           type="number"
           class="w-25!"
-          :placeholder="'0'"
+          :placeholder="raw('0')"
           data-test="synthetics-check-retries-delay-input"
         />
         <span class="text-text-body text-sm whitespace-nowrap">{{
diff --git a/web/src/components/synthetics/configure/CheckSchedule.vue b/web/src/components/synthetics/configure/CheckSchedule.vue
index 280d120c98..03e1bff81b 100644
--- a/web/src/components/synthetics/configure/CheckSchedule.vue
+++ b/web/src/components/synthetics/configure/CheckSchedule.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import type { BrowserCheck, BrowserCheckSchedule } from "@/types/synthetics";
 import { getCronIntervalDifferenceInSeconds } from "@/utils/queryUtils";
 import OInput from "@/lib/forms/Input/OInput.vue";
@@ -32,7 +32,7 @@ function updateSchedule(patch: Partial<BrowserCheckSchedule>) {
 
 type FrequencyPreset = "1min" | "5min" | "15min" | "30min" | "1hour" | "cron" | "custom";
 
-const frequencyOptions: { label: string; value: FrequencyPreset }[] = [
+const frequencyOptions: { label: I18nText; value: FrequencyPreset }[] = [
   { label: t("synthetics.scheduleAlert.frequencyOptions.1min"), value: "1min" },
   { label: t("synthetics.scheduleAlert.frequencyOptions.5min"), value: "5min" },
   { label: t("synthetics.scheduleAlert.frequencyOptions.15min"), value: "15min" },
@@ -128,28 +128,28 @@ watch(
   },
 );
 
-function buildTimezoneOptions(): { label: string; value: string }[] {
+function buildTimezoneOptions(): { label: I18nText; value: string }[] {
   try {
     const browserTz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    const options: { label: string; value: string }[] = [
+    const options: { label: I18nText; value: string }[] = [
       {
         label: t("synthetics.scheduleAlert.browserTime", { tz: browserTz }),
         value: t("synthetics.scheduleAlert.browserTime", { tz: browserTz }),
       },
-      { label: "UTC", value: "UTC" },
+      { label: raw("UTC"), value: "UTC" },
     ];
     // @ts-ignore - supportedValuesOf not in all TS versions
     if (typeof Intl.supportedValuesOf === "function") {
       // @ts-ignore
       for (const tz of Intl.supportedValuesOf("timeZone") as string[]) {
-        if (tz !== "UTC") options.push({ label: tz, value: tz });
+        if (tz !== "UTC") options.push({ label: raw(tz), value: tz });
       }
     }
     return options;
   } catch {
     /* fall through */
   }
-  return [{ label: "UTC", value: "UTC" }];
+  return [{ label: raw("UTC"), value: "UTC" }];
 }
 
 const timezoneOptions = buildTimezoneOptions();
@@ -298,7 +298,7 @@ const startTime = computed({
           </div>
           <OInput
             v-model="cron"
-            :placeholder="'0 */5 * * * *'"
+            :placeholder="raw('0 */5 * * * *')"
             class="w-83!"
             data-test="synthetics-check-schedule-cron-input"
           />
diff --git a/web/src/components/synthetics/configure/types/CheckHttpConfig.vue b/web/src/components/synthetics/configure/types/CheckHttpConfig.vue
index 937d217847..61e76cd99a 100644
--- a/web/src/components/synthetics/configure/types/CheckHttpConfig.vue
+++ b/web/src/components/synthetics/configure/types/CheckHttpConfig.vue
@@ -4,7 +4,7 @@
 // HTTP request + assertions card. Edits `check.http` and re-emits the whole
 // check — same update:check contract as the other configure sections.
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import type { HttpCheckConfig, ProtocolCheck } from "@/types/synthetics";
 import OInput from "@/lib/forms/Input/OInput.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -25,7 +25,7 @@ function update(patch: Partial<HttpCheckConfig>) {
 
 // Server-side whitelist (validate_config)
 const METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"];
-const methodOptions = METHODS.map((m) => ({ label: m, value: m }));
+const methodOptions = METHODS.map((m) => ({ label: raw(m), value: m }));
 
 const ASSERTION_FIELDS = ["status_code", "body", "response_time_ms"] as const;
 const fieldOptions = computed(() =>
diff --git a/web/src/components/synthetics/journey/BrowserJourney.vue b/web/src/components/synthetics/journey/BrowserJourney.vue
index 310480c60c..735a7a7f9a 100644
--- a/web/src/components/synthetics/journey/BrowserJourney.vue
+++ b/web/src/components/synthetics/journey/BrowserJourney.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import type { BrowserStep, ReplayPhase, StepReplayResult, WireStep } from "@/types/synthetics";
 import type { StepDotState } from "./JourneySteps.vue";
 import useSyntheticsRecorder from "@/composables/useSyntheticsRecorder";
@@ -17,10 +17,9 @@ import ConfirmDialog from "@/components/ConfirmDialog.vue";
 import { toast } from "@/lib/feedback/Toast/useToast";
 import JourneySteps from "./JourneySteps.vue";
 import {
-  ACTION_LABELS,
   SELECTOR_ACTIONS as SELECTOR_ACTIONS_CONST,
   VALUE_ACTIONS as VALUE_ACTIONS_CONST,
-  VALUE_LABELS,
+  VALUE_LABEL_KEYS,
   SELECTOR_TYPE_OPTIONS,
   actionOptions,
   VALUE_WIDTH_MAP,
@@ -451,9 +450,11 @@ function getRowStatusColor(row: BrowserStep): string | undefined {
 const selectorActions = SELECTOR_ACTIONS_CONST;
 const valueActions = VALUE_ACTIONS_CONST;
 const selectorTypeOptions = SELECTOR_TYPE_OPTIONS;
+const actionSelectOptions = computed(() => actionOptions(t));
 
-function valueActionLabel(action: string): string {
-  return VALUE_LABELS[action] || t("synthetics.journey.valueFallback");
+function valueActionLabel(action: string): I18nText {
+  const key = VALUE_LABEL_KEYS[action];
+  return key ? t(key) : t("synthetics.journey.valueFallback");
 }
 
 function valueWidthClass(action: string): string {
@@ -910,13 +911,13 @@ function openChromeExtensions() {
             <OSelect
               :model-value="row.action"
               :label="t('synthetics.journey.actionLabel')"
-              :options="actionOptions"
+              :options="actionSelectOptions"
               class="w-50! shrink-0"
               :error="firstStepError && props.modelValue[0]?.id === row.id"
               :error-message="
                 firstStepError && props.modelValue[0]?.id === row.id
                   ? t('synthetics.validation.firstStepMustNavigate')
-                  : ''
+                  : raw('')
               "
               data-test="synthetics-journey-step-action-select"
               @update:model-value="
@@ -963,7 +964,7 @@ function openChromeExtensions() {
                             step: props.modelValue.indexOf(row) + 1,
                           }),
                       })
-                    : ''
+                    : raw('')
                 "
                 data-test="synthetics-journey-step-selector-input"
                 @update:model-value="
@@ -986,7 +987,7 @@ function openChromeExtensions() {
             @update:model-value="(v: any) => handleStepUpdate(row, { value: v })"
           >
             <template v-if="valueTooltip(row.action)" #tooltip>
-              <OTooltip :content="valueTooltip(row.action)!" />
+              <OTooltip :content="raw(valueTooltip(row.action)!)" />
             </template>
           </OInput>
           <!-- Timeout -->
diff --git a/web/src/components/synthetics/journey/BrowserJourneyStep.vue b/web/src/components/synthetics/journey/BrowserJourneyStep.vue
index f95dc088c1..be86ccc2c3 100644
--- a/web/src/components/synthetics/journey/BrowserJourneyStep.vue
+++ b/web/src/components/synthetics/journey/BrowserJourneyStep.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { copyToClipboard } from "@/utils/clipboard";
 import type { BrowserStep, SelectorType, StepReplayResult, WireStep } from "@/types/synthetics";
 import {
   ACTION_ICONS,
-  ACTION_LABELS,
+  ACTION_LABEL_KEYS,
   SELECTOR_ACTIONS,
   VALUE_ACTIONS,
-  VALUE_LABELS,
+  VALUE_LABEL_KEYS,
   SELECTOR_TYPE_OPTIONS,
   actionOptions,
 } from "@/constants/synthetics";
@@ -56,15 +56,17 @@ const emit = defineEmits<{
 
 // ── Computed from shared constants ──────────────────────────────────
 const selectorTypeOptions = SELECTOR_TYPE_OPTIONS;
+const actionSelectOptions = computed(() => actionOptions(t));
 const actionIcon = computed(() => ACTION_ICONS[props.step.action]);
-const actionLabel = computed(() => ACTION_LABELS[props.step.action]);
+const actionLabel = computed(() => t(ACTION_LABEL_KEYS[props.step.action]));
 const displayName = computed(() => props.step.name || actionLabel.value);
 const selectorPreview = computed(() => props.step.selector || props.step.value || "");
 const showSelector = computed(() => SELECTOR_ACTIONS.includes(props.step.action));
 const showValue = computed(() => VALUE_ACTIONS.includes(props.step.action));
-const valueLabel = computed(
-  () => VALUE_LABELS[props.step.action] || t("synthetics.journey.valueFallback"),
-);
+const valueLabel = computed(() => {
+  const key = VALUE_LABEL_KEYS[props.step.action];
+  return key ? t(key) : t("synthetics.journey.valueFallback");
+});
 
 function update(patch: Partial<BrowserStep>) {
   // Patch edited fields into wire instead of clearing it, so replay still has
@@ -412,7 +414,7 @@ function toggleExpanded() {
       <OSelect
         v-model="actionComputed"
         :label="t('synthetics.journey.actionLabel')"
-        :options="actionOptions"
+        :options="actionSelectOptions"
         class="w-[25rem]!"
         data-test="synthetics-journey-step-action-select"
       />
@@ -449,8 +451,8 @@ function toggleExpanded() {
       <OInput
         v-if="showValue"
         v-model="valueComputed"
-        :label="valueLabel"
-        :placeholder="valueLabel"
+        :label="raw(valueLabel)"
+        :placeholder="raw(valueLabel)"
         data-test="synthetics-journey-step-value-input"
       />
 
diff --git a/web/src/components/synthetics/journey/JourneySteps.vue b/web/src/components/synthetics/journey/JourneySteps.vue
index 8e3d81eb53..2fa1300883 100644
--- a/web/src/components/synthetics/journey/JourneySteps.vue
+++ b/web/src/components/synthetics/journey/JourneySteps.vue
@@ -30,7 +30,7 @@ import OProgressBar from "@/lib/data/ProgressBar/OProgressBar.vue";
 import OSpinner from "@/lib/feedback/Spinner/OSpinner.vue";
 import type { OTableColumnDef } from "@/lib/core/Table/OTable.types";
 import type { StepAction } from "@/types/synthetics";
-import { ACTION_LABELS, ACTION_ICONS } from "@/constants/synthetics";
+import { ACTION_LABEL_KEYS, ACTION_ICONS } from "@/constants/synthetics";
 
 const { t } = useI18nTyped();
 
@@ -119,7 +119,7 @@ function actionIcon(row: TData): string {
 function actionLabel(row: TData): string {
   const action: string = row[props.actionKey] ?? "";
   return isStepAction(action)
-    ? ACTION_LABELS[action]
+    ? t(ACTION_LABEL_KEYS[action])
     : action.charAt(0).toUpperCase() + action.slice(1);
 }
 
diff --git a/web/src/components/synthetics/results/ProtocolRunSummary.vue b/web/src/components/synthetics/results/ProtocolRunSummary.vue
index 39cf023143..d79292c835 100644
--- a/web/src/components/synthetics/results/ProtocolRunSummary.vue
+++ b/web/src/components/synthetics/results/ProtocolRunSummary.vue
@@ -5,7 +5,7 @@
 // timing waterfall, and assertion outcomes. No steps/screenshots/replay
 // (those are browser-run concepts).
 import { computed, onMounted, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRoute } from "vue-router";
 import { useStore } from "vuex";
 import OPageHeader from "@/lib/core/PageHeader/OPageHeader.vue";
@@ -32,7 +32,13 @@ const props = withDefaults(
 const emit = defineEmits<{
   (
     e: "update-status",
-    status: { variant: BadgeVariant; icon: string; label: string; url: string; timestamp: string },
+    status: {
+      variant: BadgeVariant;
+      icon: string;
+      label: I18nText;
+      url: string;
+      timestamp: string;
+    },
   ): void;
 }>();
 
@@ -224,7 +230,7 @@ const showAssertions = computed(() => run.value?.type === "http" && assertionRow
     <template #header v-if="!drawerMode">
       <OPageHeader
         class=""
-        :subtitle="run ? fmtTs(run.timestamp) : ''"
+        :subtitle="raw(run ? fmtTs(run.timestamp) : '')"
         :back="{
           label: t('synthetics.results.monitors'),
           to: { name: 'synthetic-monitor-results', params: { id: monitorId } },
diff --git a/web/src/components/synthetics/results/RunDetailDrawer.vue b/web/src/components/synthetics/results/RunDetailDrawer.vue
index 9311cff26b..023ab2f13b 100644
--- a/web/src/components/synthetics/results/RunDetailDrawer.vue
+++ b/web/src/components/synthetics/results/RunDetailDrawer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 // Copyright 2026 OpenObserve Inc.
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import ODrawer from "@/lib/overlay/Drawer/ODrawer.vue";
 import OBadge from "@/lib/core/Badge/OBadge.vue";
@@ -134,7 +134,7 @@ function toggleSteps(executionId: string) {
     :open="open"
     size="lg"
     :title="t('synthetics.runDetail.title')"
-    :sub-title="fmtTime(scheduledTs)"
+    :sub-title="raw(fmtTime(scheduledTs))"
     @update:open="
       (v) => {
         if (!v) emit('close');
diff --git a/web/src/components/workflows/WorkflowLinkAlertsDialog.vue b/web/src/components/workflows/WorkflowLinkAlertsDialog.vue
index ca141873c2..9009f4f226 100644
--- a/web/src/components/workflows/WorkflowLinkAlertsDialog.vue
+++ b/web/src/components/workflows/WorkflowLinkAlertsDialog.vue
@@ -138,7 +138,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
@@ -223,7 +223,7 @@ const folderOptions = computed(() => {
     if (!byId.has(a.folder_id)) byId.set(a.folder_id, a.folder_name);
   }
   return [...byId.entries()]
-    .map(([value, label]) => ({ label, value }))
+    .map(([value, label]) => ({ label: raw(label), value }))
     .sort((x, y) => {
       if (x.value === "default") return -1;
       if (y.value === "default") return 1;
@@ -235,7 +235,7 @@ const folderOptions = computed(() => {
 const alertOptions = computed(() =>
   alerts.value
     .filter((a) => a.folder_id === selectedFolder.value)
-    .map((a) => ({ label: a.name, value: a.alert_id })),
+    .map((a) => ({ label: raw(a.name), value: a.alert_id })),
 );
 
 // The alerts dropdown only edits the CURRENT folder's slice of the global
diff --git a/web/src/components/workflows/WorkflowNodeDrawer.vue b/web/src/components/workflows/WorkflowNodeDrawer.vue
index e42f13e87b..ed9721050e 100644
--- a/web/src/components/workflows/WorkflowNodeDrawer.vue
+++ b/web/src/components/workflows/WorkflowNodeDrawer.vue
@@ -27,7 +27,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <ODrawer
     :open="true"
     @update:open="onOpenChange"
-    :title="title"
+    :title="raw(title)"
     :width="drawerWidth"
     :size="drawerSize"
     :show-close="true"
@@ -67,7 +67,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import ODrawer from "@/lib/overlay/Drawer/ODrawer.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import WorkflowTrigger from "@/plugins/workflows/nodes/WorkflowTrigger.vue";
diff --git a/web/src/components/workflows/WorkflowRunsPanel.vue b/web/src/components/workflows/WorkflowRunsPanel.vue
index 052ae28b16..e6d331dbc8 100644
--- a/web/src/components/workflows/WorkflowRunsPanel.vue
+++ b/web/src/components/workflows/WorkflowRunsPanel.vue
@@ -116,7 +116,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               unit="us"
               mode="absolute"
               :timezone="store.state.timezone"
-              empty-label="—"
+              :empty-label="raw('—')"
             />
           </template>
 
@@ -126,7 +126,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               unit="us"
               mode="absolute"
               :timezone="store.state.timezone"
-              empty-label="—"
+              :empty-label="raw('—')"
             />
           </template>
 
@@ -151,7 +151,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { ref, computed, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import OTable from "@/lib/core/Table/OTable.vue";
 import OTimeCell from "@/lib/core/Table/cells/OTimeCell.vue";
diff --git a/web/src/components/workflows/WorkflowTestDialog.vue b/web/src/components/workflows/WorkflowTestDialog.vue
index 6f705256ed..29a4a1f6e4 100644
--- a/web/src/components/workflows/WorkflowTestDialog.vue
+++ b/web/src/components/workflows/WorkflowTestDialog.vue
@@ -165,9 +165,9 @@ const runFromOptions = computed(() => {
     const type = n.data?.node_type;
     seen[type] = (seen[type] || 0) + 1;
     const base = t(nodeMeta(type)?.titleKey || type);
-    const numbered = totals[type] > 1 ? `${base} ${seen[type]}` : base;
+    const numbered = totals[type] > 1 ? raw(`${base} ${seen[type]}`) : base;
     const detail = nodeDetail(n);
-    return { label: detail ? `${numbered} · ${detail}` : numbered, value: n.id };
+    return { label: detail ? raw(`${numbered} · ${detail}`) : numbered, value: n.id };
   });
   return [{ label: t("workflow.test.runFromBeginning"), value: RUN_FROM_BEGINNING }, ...opts];
 });
diff --git a/web/src/composables/dashboard/useColumnFormatting.ts b/web/src/composables/dashboard/useColumnFormatting.ts
index 12acf1d37e..e918cfefa9 100644
--- a/web/src/composables/dashboard/useColumnFormatting.ts
+++ b/web/src/composables/dashboard/useColumnFormatting.ts
@@ -17,7 +17,7 @@
 // `ColumnOverrideUI` shape and (de)serializes to/from the persisted
 // `config.override_config` array on load/save.
 
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText, type TranslateFn } from "@/types/i18n";
 import { OVERRIDE_CONFIG_TYPES } from "@/utils/dashboard/tableConfigUtils";
 
 // null means "not set" → renderer falls back to the panel-level default.
@@ -178,8 +178,8 @@ export const serializeOverrides = (cols: ColumnOverrideUI[]): any[] =>
 
 /** Canonical unit dropdown options shared by panel config and the dialog. */
 export const getUnitOptions = (
-  t: (key: string) => string,
-): Array<{ label: string; value: string | null }> => [
+  t: TranslateFn,
+): Array<{ label: I18nText; value: string | null }> => [
   { label: t("dashboard.default"), value: null },
   { label: t("dashboard.numbers"), value: "numbers" },
   { label: t("dashboard.localeFormat"), value: "locale" },
diff --git a/web/src/composables/dashboard/usePanelPromQLExecutor.ts b/web/src/composables/dashboard/usePanelPromQLExecutor.ts
index 9d113cf413..6096bed89f 100644
--- a/web/src/composables/dashboard/usePanelPromQLExecutor.ts
+++ b/web/src/composables/dashboard/usePanelPromQLExecutor.ts
@@ -19,6 +19,7 @@ import { createPromQLChunkProcessor } from "./promqlChunkProcessor";
 import { computeStepSeconds } from "@/utils/metrics/metricDefaults";
 import { HEATMAP_MAX_COLUMNS } from "@/utils/dashboard/heatmapDefaults";
 import { parseSearchError } from "@/utils/query/searchError";
+import { gt } from "@/types/i18n";
 
 export const usePanelPromQLExecutor = (ctx: {
   state: any;
@@ -257,7 +258,7 @@ export const usePanelPromQLExecutor = (ctx: {
               // parseSearchError unwraps the backend's internal error envelope
               // ("Error during planning: ErrorCode# {...}") into a readable
               // sentence; the raw `content.message` would show the envelope.
-              const parsed = parseSearchError(err, "Unknown error");
+              const parsed = parseSearchError(err, gt("search.unknownError"));
 
               state.errorDetail = {
                 message: parsed.message,
diff --git a/web/src/composables/dashboard/useVariablesManager.ts b/web/src/composables/dashboard/useVariablesManager.ts
index 0f4141272a..2fe0d54b57 100644
--- a/web/src/composables/dashboard/useVariablesManager.ts
+++ b/web/src/composables/dashboard/useVariablesManager.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { ref, computed, reactive } from "vue";
 import {
   buildScopedDependencyGraph,
@@ -23,7 +25,7 @@ import { SELECT_ALL_VALUE } from "@/utils/dashboard/constants";
 
 export interface VariableConfig {
   name: string;
-  label?: string;
+  label?: I18nText;
   type: "query_values" | "custom" | "constant" | "textbox" | "dynamic_filters";
   scope: "global" | "tabs" | "panels";
   tabs?: string[];
@@ -43,7 +45,7 @@ export interface VariableConfig {
     }>;
   };
   options?: Array<{
-    label: string;
+    label: I18nText;
     value: string;
     selected?: boolean;
   }>;
diff --git a/web/src/composables/metrics/useMetricsExplorerGrid.ts b/web/src/composables/metrics/useMetricsExplorerGrid.ts
index fee42d88bb..339df172c3 100644
--- a/web/src/composables/metrics/useMetricsExplorerGrid.ts
+++ b/web/src/composables/metrics/useMetricsExplorerGrid.ts
@@ -14,7 +14,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import { computed, onScopeDispose, ref, shallowRef, watch } from "vue";
-import type { TranslateFn } from "@/types/i18n";
+import { type TranslateFn, I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import useStreams from "@/composables/useStreams";
 import useHttpStreamingSearch from "@/composables/useStreamingSearch";
@@ -51,7 +51,7 @@ import {
 import { createPreviewQueue, isCancelled, PRIORITY } from "./useMetricsPreviewQueue";
 
 export interface LabelFilter {
-  label: string;
+  label: I18nText;
   value: string;
   operator?: string;
 }
@@ -670,7 +670,12 @@ export function useMetricsExplorerGrid(t: TranslateFn) {
   // Derived once per stream list, not per card test. The assignment comes from
   // the grouping module itself — re-deriving it here would let the rail's facet
   // counts drift out of step with what the grid actually filters.
-  const prefixAssignment = computed(() => computePrefixAssignment(cards.value.map((c) => c.name)));
+  const prefixAssignment = computed(() =>
+    computePrefixAssignment(
+      cards.value.map((c) => c.name),
+      t,
+    ),
+  );
 
   const prefixOf = (name: string) => prefixAssignment.value.groupOf.get(name) ?? MISC_GROUP_ID;
   const suffixOf = (name: string) => {
diff --git a/web/src/composables/rum/useMobileSessionReplay.ts b/web/src/composables/rum/useMobileSessionReplay.ts
index 9fbd00bbcf..924eada5c6 100644
--- a/web/src/composables/rum/useMobileSessionReplay.ts
+++ b/web/src/composables/rum/useMobileSessionReplay.ts
@@ -30,6 +30,8 @@
  *   shape | text | image | placeholder | webview.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 export interface Wireframe {
   id: number;
   x: number;
@@ -38,7 +40,7 @@ export interface Wireframe {
   height: number;
   type: string;
   text?: string;
-  label?: string;
+  label?: I18nText;
   base64?: string;
   resourceId?: string;
   shapeStyle?: {
diff --git a/web/src/composables/synthetics/syntheticResultsSchema.spec.ts b/web/src/composables/synthetics/syntheticResultsSchema.spec.ts
index 17bf23827f..5ab31486db 100644
--- a/web/src/composables/synthetics/syntheticResultsSchema.spec.ts
+++ b/web/src/composables/synthetics/syntheticResultsSchema.spec.ts
@@ -26,7 +26,7 @@ import {
   buildRunsSql,
   buildRunsWithStepsSql,
   deviceIconName,
-  deviceLabel,
+  deviceLabelKey,
   mapHistogram,
   mapKpi,
   mapRun,
@@ -457,24 +457,24 @@ describe("deviceIconName", () => {
   });
 });
 
-describe("deviceLabel", () => {
-  it("should return the correct label for desktop", () => {
-    expect(deviceLabel("desktop")).toBe("Desktop");
+describe("deviceLabelKey", () => {
+  it("should return the label key for desktop", () => {
+    expect(deviceLabelKey("desktop")).toBe("synthetics.browserDevices.desktop");
   });
 
-  it("should return the correct label for tablet", () => {
-    expect(deviceLabel("tablet")).toBe("Tablet");
+  it("should return the label key for tablet", () => {
+    expect(deviceLabelKey("tablet")).toBe("synthetics.browserDevices.tablet");
   });
 
-  it("should return the correct label for mobile", () => {
-    expect(deviceLabel("mobile")).toBe("Mobile");
+  it("should return the label key for mobile", () => {
+    expect(deviceLabelKey("mobile")).toBe("synthetics.browserDevices.mobile");
   });
 
-  it("should fall back to the raw device ID for an unknown device", () => {
-    expect(deviceLabel("some_custom_device")).toBe("some_custom_device");
+  it("should return undefined for an unknown device (caller shows the raw ID)", () => {
+    expect(deviceLabelKey("some_custom_device")).toBeUndefined();
   });
 
-  it("should fall back to the raw ID for an empty string", () => {
-    expect(deviceLabel("")).toBe("");
+  it("should return undefined for an empty string", () => {
+    expect(deviceLabelKey("")).toBeUndefined();
   });
 });
diff --git a/web/src/composables/synthetics/syntheticResultsSchema.ts b/web/src/composables/synthetics/syntheticResultsSchema.ts
index 02a05a6ebd..a43b906564 100644
--- a/web/src/composables/synthetics/syntheticResultsSchema.ts
+++ b/web/src/composables/synthetics/syntheticResultsSchema.ts
@@ -25,6 +25,8 @@
  * trivially unit-testable.
  */
 
+import type { I18nKey } from "@/types/i18n";
+
 // ── Stream + field config (the single source of truth) ────────────────────
 
 export const SYNTHETIC_RESULTS_STREAM = "synthetics_results";
@@ -55,10 +57,10 @@ export const STATUS_VALUES = {
  * Canonical set of known device IDs and their display properties.
  * When the backend adds new devices, add them here only.
  */
-export const KNOWN_DEVICES: Record<string, { label: string; icon: string }> = {
-  desktop: { label: "Desktop", icon: "computer" },
-  tablet: { label: "Tablet", icon: "tablet" },
-  mobile: { label: "Mobile", icon: "smartphone" },
+export const KNOWN_DEVICES: Record<string, { labelKey: I18nKey; icon: string }> = {
+  desktop: { labelKey: "synthetics.browserDevices.desktop", icon: "computer" },
+  tablet: { labelKey: "synthetics.browserDevices.tablet", icon: "tablet" },
+  mobile: { labelKey: "synthetics.browserDevices.mobile", icon: "smartphone" },
 };
 
 /**
@@ -70,11 +72,11 @@ export function deviceIconName(deviceId: string): string {
 }
 
 /**
- * Resolve a device ID to its human-readable label.
- * Preserves casing of the stored label; falls back to the raw ID.
+ * Resolve a device ID to its label's i18n key; undefined for unknown IDs (the
+ * caller shows the raw ID). Key-only so this module stays pure (no vue-i18n).
  */
-export function deviceLabel(deviceId: string): string {
-  return KNOWN_DEVICES[deviceId]?.label ?? deviceId;
+export function deviceLabelKey(deviceId: string): I18nKey | undefined {
+  return KNOWN_DEVICES[deviceId]?.labelKey;
 }
 
 // ── Typed UI models (stable regardless of stream schema) ─────────────────
diff --git a/web/src/composables/useChatHistory.ts b/web/src/composables/useChatHistory.ts
index 5a5e0d306e..5d1e92db1c 100644
--- a/web/src/composables/useChatHistory.ts
+++ b/web/src/composables/useChatHistory.ts
@@ -14,6 +14,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import type { ChatMessage, ChatHistoryEntry } from "@/ts/interfaces/chat";
+import { raw } from "@/types/i18n";
 
 const DB_NAME = "o2ChatDB";
 const DB_VERSION = 2;
@@ -362,7 +363,8 @@ export function useChatHistory(getUserEmail: () => string, getOrgIdentifier: ()
             resolve(false);
             return;
           }
-          chat.title = newTitle;
+          // A chat title is user/assistant-authored data, never translated copy.
+          chat.title = raw(newTitle);
           const putRequest = store.put(chat);
           putRequest.onsuccess = () => resolve(true);
           putRequest.onerror = () => {
diff --git a/web/src/composables/useConfirmDialog.ts b/web/src/composables/useConfirmDialog.ts
index 2a8ddd44f5..4242742b11 100644
--- a/web/src/composables/useConfirmDialog.ts
+++ b/web/src/composables/useConfirmDialog.ts
@@ -1,10 +1,12 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 import { ref } from "vue";
 
 export interface ConfirmDialogOptions {
-  title: string;
-  message: string;
+  title: I18nText;
+  message: I18nText;
   confirmLabel?: string;
   cancelLabel?: string;
   persistent?: boolean;
diff --git a/web/src/composables/useCorrelatedLogs.ts b/web/src/composables/useCorrelatedLogs.ts
index a0e37e4c86..5c34c78a85 100644
--- a/web/src/composables/useCorrelatedLogs.ts
+++ b/web/src/composables/useCorrelatedLogs.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { ref, computed, watch, onUnmounted } from "vue";
 import { useStore } from "vuex";
 import type { StreamInfo } from "@/services/service_streams";
@@ -34,7 +36,7 @@ export interface CorrelatedLogsProps {
   sourceEvent?: {
     timestamp?: number | string;
     severity?: string;
-    message?: string;
+    message?: I18nText;
   };
   logStreams: StreamInfo[];
   sourceStream: string;
diff --git a/web/src/composables/useFavoriteDashboards.ts b/web/src/composables/useFavoriteDashboards.ts
index 51a0650cc4..f170c5eea5 100644
--- a/web/src/composables/useFavoriteDashboards.ts
+++ b/web/src/composables/useFavoriteDashboards.ts
@@ -16,12 +16,12 @@
 import { ref, type Ref } from "vue";
 import settings from "@/services/settings";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import type { TranslateFn } from "@/types/i18n";
+import type { TranslateFn, I18nText } from "@/types/i18n";
 
 export interface FavoriteDashboard {
   dashboardId: string;
   folderId: string;
-  label: string;
+  label: I18nText;
 }
 
 // Reserved pseudo-folder id for the folder-rail "Favorites" entry. Real folder
diff --git a/web/src/composables/useHomeDashboard.ts b/web/src/composables/useHomeDashboard.ts
index fccf79c5fb..fa46de640e 100644
--- a/web/src/composables/useHomeDashboard.ts
+++ b/web/src/composables/useHomeDashboard.ts
@@ -16,12 +16,12 @@
 import { ref, type Ref } from "vue";
 import settings from "@/services/settings";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import { raw } from "@/types/i18n";
+import { raw, type I18nText } from "@/types/i18n";
 
 export interface HomeDashboard {
   dashboardId: string;
   folderId: string;
-  label: string;
+  label: I18nText;
 }
 
 const SETTING_KEY = "home_dashboard";
@@ -91,7 +91,7 @@ export function useHomeDashboard() {
   // this session and re-attempts on the next rename; never toast for it.
   const updateLabel = (org: string, dashboardId: string, label: string) => {
     if (homeDashboard.value?.dashboardId === dashboardId && homeDashboard.value.label !== label) {
-      const updated = { ...homeDashboard.value, label };
+      const updated = { ...homeDashboard.value, label: raw(label) };
       homeDashboard.value = updated;
       if (org) {
         settings.setOrgSetting(org, SETTING_KEY, updated, SETTING_CATEGORY).catch(() => {
diff --git a/web/src/composables/useLogs/searchAround.ts b/web/src/composables/useLogs/searchAround.ts
index 29fdf13561..a7121bd8d4 100644
--- a/web/src/composables/useLogs/searchAround.ts
+++ b/web/src/composables/useLogs/searchAround.ts
@@ -21,7 +21,7 @@ import searchService from "@/services/search";
 import useNotifications from "@/composables/useNotifications";
 import useHistogram from "@/composables/useLogs/useHistogram";
 import useStreamFields from "@/composables/useLogs/useStreamFields";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import {
   SearchAroundParams,
   StreamField,
@@ -163,7 +163,7 @@ export const useSearchAround = () => {
         })
         .then(async (res: { data: SearchAroundResponse }) => {
           searchObj.loading = false;
-          searchObj.data.histogram.chartParams.title = "";
+          searchObj.data.histogram.chartParams.title = raw("");
           if (res.data.from > 0) {
             searchObj.data.queryResults.from = res.data.from;
             searchObj.data.queryResults.scan_size += res.data.scan_size;
@@ -183,7 +183,7 @@ export const useSearchAround = () => {
             searchObj.data.searchAround.histogramHide = true;
           }
 
-          searchObj.data.histogram.chartParams.title = "";
+          searchObj.data.histogram.chartParams.title = raw("");
         })
         .catch((error: SearchAroundError) => {
           let traceId = "";
diff --git a/web/src/composables/useLogs/searchState.ts b/web/src/composables/useLogs/searchState.ts
index d5904c3584..05fe4f144e 100644
--- a/web/src/composables/useLogs/searchState.ts
+++ b/web/src/composables/useLogs/searchState.ts
@@ -16,7 +16,7 @@
 import { reactive, ref, type Ref, nextTick } from "vue";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
-// import { useI18nTyped } from "@/types/i18n";
+import { raw, type I18nText } from "@/types/i18n";
 import type { SearchRequestPayload, ParsedSQLResult } from "@/ts/interfaces";
 import {
   DEFAULT_LOGS_CONFIG,
@@ -39,7 +39,7 @@ export interface CrossLink {
 export interface Transform {
   name?: string;
   function?: string;
-  content?: string;
+  content?: I18nText;
   id?: string;
   [key: string]: unknown;
 }
@@ -59,7 +59,7 @@ export interface ActionItem {
 }
 
 export interface RefreshTimeItem {
-  label: string;
+  label: I18nText;
   value: number;
 }
 
@@ -79,7 +79,7 @@ export interface HistogramData {
   breakdownField: string | null;
   breakdownSeries: Map<string, number[]> | null;
   chartParams: {
-    title: string;
+    title: I18nText;
     unparsed_x_data: unknown[];
     timezone: string;
   };
@@ -372,7 +372,7 @@ export const searchState = () => {
       breakdownField: null,
       breakdownSeries: null,
       chartParams: {
-        title: "",
+        title: raw(""),
         unparsed_x_data: [],
         timezone: "",
       },
diff --git a/web/src/composables/useLogs/useHistogram.spec.ts b/web/src/composables/useLogs/useHistogram.spec.ts
index 504b6b75a5..4004082155 100644
--- a/web/src/composables/useLogs/useHistogram.spec.ts
+++ b/web/src/composables/useLogs/useHistogram.spec.ts
@@ -18,16 +18,18 @@ import { defineComponent } from "vue";
 import { mount } from "@vue/test-utils";
 import { createI18n } from "vue-i18n";
 import store from "@/test/unit/helpers/store";
+import enLocale from "@/locales/languages/en-US.json";
 
-// Create i18n instance
+// Create i18n instance.
+// The real `search` messages are used rather than a stub: the histogram title is
+// built from them and SearchResult.vue parses that title back into chips, so the
+// exact wording is part of the contract these tests guard.
 const i18n = createI18n({
   legacy: false,
   locale: "en",
   messages: {
     en: {
-      search: {
-        queryRangeRestrictionMsg: "Query range restricted to {range}",
-      },
+      search: enLocale.search,
     },
   },
 });
@@ -170,6 +172,49 @@ describe("useHistogram Composable", () => {
     });
   });
 
+  // --------------------------------------------------------------------------
+  // getHistogramTitle — exact wording is parsed back by SearchResult.vue
+  // (recordsChips splits on "Showing ", " events in ", " ms." and "(…)"),
+  // so these assertions pin the rendered English string, not just the shape.
+  // --------------------------------------------------------------------------
+  describe("getHistogramTitle", () => {
+    beforeEach(() => {
+      mockState.searchObj.data.queryResults.total = 250;
+      mockState.searchObj.data.queryResults.took = 42;
+    });
+
+    it("renders the title with the scan size in logs mode", () => {
+      mockState.searchObj.meta.logsVisualizeToggle = "logs";
+
+      expect(wrapper.vm.getHistogramTitle()).toBe(
+        "Showing 1 to 100 out of 250 events in 42 ms. (Scan Size: 0 MB)",
+      );
+    });
+
+    it("labels the scan size as delta when a result cache ratio is present", () => {
+      mockState.searchObj.meta.logsVisualizeToggle = "logs";
+      mockState.searchObj.data.queryResults.result_cache_ratio = 50;
+
+      expect(wrapper.vm.getHistogramTitle()).toBe(
+        "Showing 1 to 100 out of 250 events in 42 ms. (Delta Scan Size: 0 MB)",
+      );
+    });
+
+    it("omits the scan size outside logs mode", () => {
+      mockState.searchObj.meta.logsVisualizeToggle = "visualize";
+
+      expect(wrapper.vm.getHistogramTitle()).toBe("Showing 1 to 100 out of 250 events in 42 ms.");
+    });
+
+    it("returns an empty title and sets a notification when it throws", () => {
+      // resultGrid is read first inside the try block — removing it forces the catch.
+      mockState.searchObj.data.resultGrid = undefined as any;
+
+      expect(wrapper.vm.getHistogramTitle()).toBe("");
+      expect(mockState.notificationMsg.value).toBe("Error while generating histogram title.");
+    });
+  });
+
   // --------------------------------------------------------------------------
   // generateHistogramData — hasBreakdown block
   // --------------------------------------------------------------------------
diff --git a/web/src/composables/useLogs/useHistogram.ts b/web/src/composables/useLogs/useHistogram.ts
index 66d8a7266b..e847d525ff 100644
--- a/web/src/composables/useLogs/useHistogram.ts
+++ b/web/src/composables/useLogs/useHistogram.ts
@@ -43,14 +43,17 @@ import { formatLargeNumber } from "@/utils/formatters";
 
 import { logsUtils } from "@/composables/useLogs/logsUtils";
 
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
+
 export const useHistogram = () => {
   const store = useStore();
+  const { t } = useI18nTyped();
   let { searchObj, notificationMsg, histogramMappedData, histogramResults, searchAggData } =
     searchState();
 
   const { fnParsedSQL, hasAggregation } = logsUtils();
 
-  const getHistogramTitle = () => {
+  const getHistogramTitle = (): I18nText => {
     try {
       const currentPage = searchObj.data.resultGrid.currentPage - 1 || 0;
       const startCount = currentPage * searchObj.meta.resultGrid.rowsPerPage + 1;
@@ -111,35 +114,31 @@ export const useHistogram = () => {
       const scanSizeLabel =
         searchObj.data.queryResults.result_cache_ratio !== undefined &&
         searchObj.data.queryResults.result_cache_ratio > 0
-          ? "Delta Scan Size"
-          : "Scan Size";
+          ? t("search.deltaScanSize")
+          : t("search.scanSize");
 
-      let title =
-        "Showing " +
-        startCount +
-        " to " +
-        endCount +
-        " out of " +
-        formatLargeNumber(totalCount) +
-        plusSign +
-        " events in " +
-        searchObj.data.queryResults.took +
-        " ms.";
+      // `plusSign` is a data suffix ("1.2K+"), not copy, so it rides along with
+      // the interpolated values rather than being a separate message part.
+      const titleParams = {
+        start: startCount,
+        end: endCount,
+        total: formatLargeNumber(totalCount) + plusSign,
+        took: searchObj.data.queryResults.took,
+      };
 
       if (searchObj.meta.logsVisualizeToggle === "logs") {
-        title +=
-          " (" +
-          scanSizeLabel +
-          ": " +
-          formatSizeFromMB(searchObj.data.queryResults.scan_size) +
-          plusSign +
-          ")";
+        return t("search.histogramTitleWithScan", {
+          ...titleParams,
+          scanLabel: scanSizeLabel,
+          scanSize: formatSizeFromMB(searchObj.data.queryResults.scan_size) + plusSign,
+        });
       }
-      return title;
+
+      return t("search.histogramTitle", titleParams);
     } catch (e: any) {
       console.error("Error while generating histogram title", e);
-      notificationMsg.value = "Error while generating histogram title.";
-      return "";
+      notificationMsg.value = t("search.histogramTitleError");
+      return raw("");
     }
   };
 
diff --git a/web/src/composables/useLogs/useSearchBar.ts b/web/src/composables/useLogs/useSearchBar.ts
index 8d5627f143..5f0e0fda25 100644
--- a/web/src/composables/useLogs/useSearchBar.ts
+++ b/web/src/composables/useLogs/useSearchBar.ts
@@ -374,7 +374,7 @@ export const useSearchBar = (t: TranslateFn) => {
           breakdownField: null,
           breakdownSeries: null,
           chartParams: {
-            title: "",
+            title: raw(""),
             unparsed_x_data: [],
             timezone: "",
           },
diff --git a/web/src/composables/useLogs/useSearchConnection.ts b/web/src/composables/useLogs/useSearchConnection.ts
index c7ef28ad8d..1e869b6426 100644
--- a/web/src/composables/useLogs/useSearchConnection.ts
+++ b/web/src/composables/useLogs/useSearchConnection.ts
@@ -183,7 +183,7 @@ export const useSearchConnection = (t: TranslateFn) => {
           breakdownField: null,
           breakdownSeries: null,
           chartParams: {
-            title: "",
+            title: raw(""),
             unparsed_x_data: [],
             timezone: "",
           },
diff --git a/web/src/composables/useLogs/useSearchQuery.ts b/web/src/composables/useLogs/useSearchQuery.ts
index 81e9973832..b351ce52eb 100644
--- a/web/src/composables/useLogs/useSearchQuery.ts
+++ b/web/src/composables/useLogs/useSearchQuery.ts
@@ -28,6 +28,7 @@ import { useServiceCorrelation } from "@/composables/useServiceCorrelation";
 import { buildFieldToGroupIdMap } from "@/utils/telemetryCorrelation";
 import { Parser as SqlParser } from "@openobserve/node-sql-parser/build/datafusionsql";
 import { buildContextualSqlMessage, isParserLimitation } from "@/utils/query/sqlDiagnostics";
+import { raw } from "@/types/i18n";
 
 // Walk the WHERE clause AST and replace column references whose name matches
 // a key in the fieldMapping (original field → stream-specific field).
@@ -638,7 +639,7 @@ export const useSearchQuery = () => {
           breakdownField: null,
           breakdownSeries: null,
           chartParams: {
-            title: "",
+            title: raw(""),
             unparsed_x_data: [],
             timezone: "",
           },
diff --git a/web/src/composables/useLogs/useSearchResponseHandler.ts b/web/src/composables/useLogs/useSearchResponseHandler.ts
index feb6dcb1d6..fe82c28a00 100644
--- a/web/src/composables/useLogs/useSearchResponseHandler.ts
+++ b/web/src/composables/useLogs/useSearchResponseHandler.ts
@@ -27,7 +27,7 @@ import {
 } from "@/ts/interfaces/query";
 import { logsErrorMessage } from "@/utils/common";
 import { getFunctionErrorMessage } from "@/utils/zincutils";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { convertDateToTimestamp } from "@/utils/date";
 import { useLogsHighlighter } from "@/composables/useLogsHighlighter";
 import { rangesFromServerError } from "@/utils/query/sqlDiagnostics";
@@ -589,7 +589,7 @@ export const useSearchResponseHandler = () => {
     trace_id,
     defaultMessage,
   }: {
-    message?: string;
+    message?: I18nText;
     code?: number;
     trace_id?: string;
     defaultMessage: string;
diff --git a/web/src/composables/useLogs/useSearchStream.ts b/web/src/composables/useLogs/useSearchStream.ts
index 0b03d40c11..7ed76a66e1 100644
--- a/web/src/composables/useLogs/useSearchStream.ts
+++ b/web/src/composables/useLogs/useSearchStream.ts
@@ -32,7 +32,7 @@ import useSearchConnection from "@/composables/useLogs/useSearchConnection";
 import useSearchResponseHandler from "@/composables/useLogs/useSearchResponseHandler";
 import useSearchHistogramManager from "@/composables/useLogs/useSearchHistogramManager";
 import useSearchPagination from "@/composables/useLogs/useSearchPagination";
-import type { TranslateFn } from "@/types/i18n";
+import { raw, type TranslateFn } from "@/types/i18n";
 
 // `t` injected: reached from other composables, never a setup context.
 export const useSearchStream = (t: TranslateFn) => {
@@ -146,7 +146,7 @@ export const useSearchStream = (t: TranslateFn) => {
             breakdownField: null,
             breakdownSeries: null,
             chartParams: {
-              title: "",
+              title: raw(""),
               unparsed_x_data: [],
               timezone: "",
             },
diff --git a/web/src/composables/useLogs/useSearchStreamRefactored.ts b/web/src/composables/useLogs/useSearchStreamRefactored.ts
index 621116878e..4aa2efc7a9 100644
--- a/web/src/composables/useLogs/useSearchStreamRefactored.ts
+++ b/web/src/composables/useLogs/useSearchStreamRefactored.ts
@@ -33,7 +33,7 @@ import useSearchConnection from "@/composables/useLogs/useSearchConnection";
 import useSearchResponseHandler from "@/composables/useLogs/useSearchResponseHandler";
 import useSearchHistogramManager from "@/composables/useLogs/useSearchHistogramManager";
 import useSearchPagination from "@/composables/useLogs/useSearchPagination";
-import type { TranslateFn } from "@/types/i18n";
+import { raw, type TranslateFn } from "@/types/i18n";
 
 // `t` injected: reached from other composables, never a setup context.
 export const useSearchStreamRefactored = (t: TranslateFn) => {
@@ -121,7 +121,7 @@ export const useSearchStreamRefactored = (t: TranslateFn) => {
             breakdownField: null,
             breakdownSeries: null,
             chartParams: {
-              title: "",
+              title: raw(""),
               unparsed_x_data: [],
               timezone: "",
             },
diff --git a/web/src/composables/useLogs/useStreamFields.ts b/web/src/composables/useLogs/useStreamFields.ts
index 430c82b417..09f879686f 100644
--- a/web/src/composables/useLogs/useStreamFields.ts
+++ b/web/src/composables/useLogs/useStreamFields.ts
@@ -15,7 +15,7 @@
 
 import { nextTick, ref } from "vue";
 import { byString } from "@/utils/json";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import config from "@/aws-exports";
@@ -907,7 +907,7 @@ export const useStreamFields = () => {
 
         searchObj.data.stream.streamLists = [];
         let itemObj: {
-          label: string;
+          label: I18nText;
           value: string;
         };
 
diff --git a/web/src/composables/useMetricSubjectButtons.ts b/web/src/composables/useMetricSubjectButtons.ts
index a5458d51f5..e827f359d6 100644
--- a/web/src/composables/useMetricSubjectButtons.ts
+++ b/web/src/composables/useMetricSubjectButtons.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import { raw, type I18nText, type I18nKey } from "@/types/i18n";
+
 import type { FieldAlias, StreamInfo } from "@/services/service_streams";
 
 /**
@@ -51,8 +53,16 @@ export type SubjectButtonSpec = {
   poolSemanticIds?: string[];
   /** Stable identifier for the button (used as a Vue key). */
   id: string;
-  /** Display label rendered on the chip, e.g. "Pod". */
-  label: string;
+  /**
+   * Display label rendered on the chip. `label` holds names that must read the
+   * same in every language — Kubernetes API kinds (`Pod`, `Node`) and cloud
+   * product names (`ECS Task`, `Cloud Run`). Ordinary nouns (`Host`, `Role`)
+   * use `labelKey` instead and are translated by the consumer.
+   * Exactly one of the pair is set; `labelKey` wins when both are.
+   */
+  label?: I18nText;
+  /** i18n KEY for the chip label, translated at render time. */
+  labelKey?: I18nKey;
   /** When true, this button's matching streams are pre-selected on load. */
   defaultActive?: boolean;
 };
@@ -77,34 +87,39 @@ export const SUBJECT_BUTTONS_BY_SET: Record<string, SubjectButtonSpec[]> = {
   // matched_set_id is `normalize_category_to_id(group)` on the backend, so for
   // semantic groups whose `group` field is "Kubernetes" the id is "kubernetes".
   kubernetes: [
-    { id: "pod", semanticIds: ["k8s-pod-name"], label: "Pod", defaultActive: true },
+    { id: "pod", semanticIds: ["k8s-pod-name"], label: raw("Pod"), defaultActive: true },
     {
       id: "node",
       semanticIds: ["k8s-node-name"],
       // Also pool pod-level metrics — they run on this node.
       poolSemanticIds: ["k8s-node-name", "k8s-pod-name"],
-      label: "Node",
+      label: raw("Node"),
     },
   ],
   aws: [
-    { id: "ecs-task", semanticIds: ["aws-ecs-task"], label: "ECS Task", defaultActive: true },
-    { id: "function", semanticIds: ["faas-name"], label: "Function" },
-    { id: "host", semanticIds: ["host"], label: "Host" },
+    { id: "ecs-task", semanticIds: ["aws-ecs-task"], label: raw("ECS Task"), defaultActive: true },
+    { id: "function", semanticIds: ["faas-name"], labelKey: "metrics.subjects.function" },
+    { id: "host", semanticIds: ["host"], labelKey: "metrics.subjects.host" },
   ],
   gcp: [
-    { id: "instance", semanticIds: ["gcp-instance"], label: "Instance", defaultActive: true },
-    { id: "cloud-run", semanticIds: ["gcp-cloud-run"], label: "Cloud Run" },
-    { id: "function", semanticIds: ["faas-name"], label: "Function" },
+    {
+      id: "instance",
+      semanticIds: ["gcp-instance"],
+      labelKey: "metrics.subjects.instance",
+      defaultActive: true,
+    },
+    { id: "cloud-run", semanticIds: ["gcp-cloud-run"], label: raw("Cloud Run") },
+    { id: "function", semanticIds: ["faas-name"], labelKey: "metrics.subjects.function" },
   ],
   azure: [
     {
       id: "resource-group",
       semanticIds: ["azure-resource-group"],
-      label: "Resource Group",
+      labelKey: "metrics.subjects.resourceGroup",
       defaultActive: true,
     },
-    { id: "role", semanticIds: ["azure-cloud-role"], label: "Role" },
-    { id: "function", semanticIds: ["faas-name"], label: "Function" },
+    { id: "role", semanticIds: ["azure-cloud-role"], labelKey: "metrics.subjects.role" },
+    { id: "function", semanticIds: ["faas-name"], labelKey: "metrics.subjects.function" },
   ],
 };
 
diff --git a/web/src/composables/useServiceGraphTree.ts b/web/src/composables/useServiceGraphTree.ts
index 403e022ba4..e0d0979ada 100644
--- a/web/src/composables/useServiceGraphTree.ts
+++ b/web/src/composables/useServiceGraphTree.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { Ref, ref } from "vue";
 import { useTreeVisualization, TreeNode } from "@/composables/useTreeVisualization";
 import { getServiceIconDataUrl } from "@/utils/traces/convertTraceData";
@@ -27,7 +29,7 @@ export interface ServiceGraphData {
 
 export interface ServiceGraphNode {
   id: string;
-  label?: string;
+  label?: I18nText;
   requests?: number;
   errors?: number;
   error_rate?: number;
diff --git a/web/src/composables/useStreams.ts b/web/src/composables/useStreams.ts
index dc85aa5904..72b1d8e7e9 100644
--- a/web/src/composables/useStreams.ts
+++ b/web/src/composables/useStreams.ts
@@ -19,7 +19,7 @@ import { computed, ComputedRef } from "vue";
 import { ref } from "vue";
 import { deepCopy } from "@/utils/zincutils";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import type { TranslateFn } from "@/types/i18n";
+import type { TranslateFn, I18nText } from "@/types/i18n";
 
 const getStreamsPromise: any = ref(null);
 
@@ -682,7 +682,7 @@ const useStreams = (t: TranslateFn) => {
     policy: string;
     apply_at?: string | null; // Optional or nullable
     pattern: string;
-    description?: string;
+    description?: I18nText;
   };
 
   //this function is used to compare the pattern associations
diff --git a/web/src/composables/useTextHighlighter.ts b/web/src/composables/useTextHighlighter.ts
index f4dd683e1a..3288d13534 100644
--- a/web/src/composables/useTextHighlighter.ts
+++ b/web/src/composables/useTextHighlighter.ts
@@ -31,6 +31,8 @@
  * const result = processTextWithHighlights(text, queryString, colors, showQuotes);
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import { useStore } from "vuex";
 import { escapeHtml } from "@/utils/html";
 
@@ -40,7 +42,7 @@ import { escapeHtml } from "@/utils/html";
 
 export interface TextSegment {
   id: string;
-  content: string;
+  content: I18nText;
   color?: string;
   isHighlighted: boolean;
   isWhitespace: boolean;
diff --git a/web/src/composables/useTreeVisualization.ts b/web/src/composables/useTreeVisualization.ts
index b2755e9540..3ff19191f4 100644
--- a/web/src/composables/useTreeVisualization.ts
+++ b/web/src/composables/useTreeVisualization.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { computed, Ref } from "vue";
 import {
   formatNumber,
@@ -32,7 +34,7 @@ const MAX_LABEL_NAME_LENGTH = 24;
 export interface TreeNode {
   id: string;
   name: string;
-  label?: string;
+  label?: I18nText;
   value: number; // Primary metric (requests/duration)
   errorRate: number;
   children?: TreeNode[];
diff --git a/web/src/composables/useUnauthorizedErrorGrouper.ts b/web/src/composables/useUnauthorizedErrorGrouper.ts
index 019ac271e0..edb9be8126 100644
--- a/web/src/composables/useUnauthorizedErrorGrouper.ts
+++ b/web/src/composables/useUnauthorizedErrorGrouper.ts
@@ -16,7 +16,7 @@
 import { toast, toastRecords, updateToast } from "@/lib/feedback/Toast/useToast";
 import type { ToastDetail } from "@/lib/feedback/Toast/OToast.types";
 import { copyToClipboard } from "@/utils/clipboard";
-import { gt, type I18nKey } from "@/types/i18n";
+import { gt, raw, type I18nKey, type I18nText } from "@/types/i18n";
 
 // ── Friendly name overrides ──────────────────────────────────────────────────
 //
@@ -46,7 +46,7 @@ const FRIENDLY_NAME_KEYS: Record<string, I18nKey> = {
 // ── URL → {label, urlPath} extraction ───────────────────────────────────────
 
 function extractResourceInfo(rawUrl: string): ToastDetail {
-  let label: string = gt("toastMessages.composables.resourceFallback");
+  let label: I18nText = gt("toastMessages.composables.resourceFallback");
   let urlPath = rawUrl;
 
   try {
@@ -66,7 +66,7 @@ function extractResourceInfo(rawUrl: string): ToastDetail {
       // Special namespace (_meta, etc.) — no org segment
       const remaining = segments.slice(idx + 1);
       if (remaining.length > 0) {
-        label = capitalize(remaining[remaining.length - 1]);
+        label = raw(capitalize(remaining[remaining.length - 1]));
       }
     } else if (candidate) {
       // Skip org identifier
@@ -82,7 +82,9 @@ function extractResourceInfo(rawUrl: string): ToastDetail {
           FRIENDLY_NAME_KEYS[joined] ?? FRIENDLY_NAME_KEYS[resourceNames[resourceNames.length - 1]];
         // Unknown resources fall back to the capitalised URL segment — a path
         // token, not prose, so it is deliberately left untranslated.
-        label = friendlyKey ? gt(friendlyKey) : capitalize(resourceNames[resourceNames.length - 1]);
+        label = friendlyKey
+          ? gt(friendlyKey)
+          : raw(capitalize(resourceNames[resourceNames.length - 1]));
       }
     }
   } catch {
diff --git a/web/src/constants/features.ts b/web/src/constants/features.ts
index 9b18943300..f7448e4105 100644
--- a/web/src/constants/features.ts
+++ b/web/src/constants/features.ts
@@ -26,13 +26,21 @@
  */
 
 import featuresData from "./features.json";
+import type { I18nKey } from "@/types/i18n";
 
 export type EditionType = "opensource" | "enterprise" | "cloud";
 
+/**
+ * `true`/`false` mark plain availability; a string is an i18n key for a
+ * qualifying note (e.g. "Requires HA mode"). Typing the string arm as
+ * `I18nKey` is what makes features.json participate in key checking — it is a
+ * data file, so a bare `string` here leaves these keys invisible to every
+ * static check and they read as dead.
+ */
 export interface FeatureAvailability {
-  opensource: boolean | string;
-  enterprise: boolean | string;
-  cloud: boolean | string;
+  opensource: boolean | I18nKey;
+  enterprise: boolean | I18nKey;
+  cloud: boolean | I18nKey;
 }
 
 export interface FeatureDefinition {
diff --git a/web/src/constants/synthetics.ts b/web/src/constants/synthetics.ts
index 3c48081178..0ed2d0297e 100644
--- a/web/src/constants/synthetics.ts
+++ b/web/src/constants/synthetics.ts
@@ -2,20 +2,20 @@
 
 import type { StepAction, SelectorType, SyntheticCheckType } from "@/types/synthetics";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
-import type { I18nKey } from "@/types/i18n";
+import { raw, type I18nKey, I18nText, type TranslateFn } from "@/types/i18n";
 
-// ── Action labels (capitalized) ──────────────────────────────────────────
-export const ACTION_LABELS: Record<StepAction, string> = {
-  navigate: "Navigate",
-  click: "Click",
-  type: "Type",
-  select: "Select",
-  press: "Press",
-  hover: "Hover",
-  scroll: "Scroll",
-  wait: "Wait",
-  assert: "Assert",
-  screenshot: "Screenshot",
+// ── Action labels — i18n keys, resolved with t() by the consumer ─────────
+export const ACTION_LABEL_KEYS: Record<StepAction, I18nKey> = {
+  navigate: "synthetics.journey.actionLabels.navigate",
+  click: "synthetics.journey.actionLabels.click",
+  type: "synthetics.journey.actionLabels.type",
+  select: "synthetics.journey.actionLabels.select",
+  press: "synthetics.journey.actionLabels.press",
+  hover: "synthetics.journey.actionLabels.hover",
+  scroll: "synthetics.journey.actionLabels.scroll",
+  wait: "synthetics.journey.actionLabels.wait",
+  assert: "synthetics.journey.actionLabels.assert",
+  screenshot: "synthetics.journey.actionLabels.screenshot",
 };
 
 // ── Action icons ─────────────────────────────────────────────────────────
@@ -52,32 +52,35 @@ export const VALUE_ACTIONS: readonly StepAction[] = [
 ];
 
 // ── Action dropdown options ──────────────────────────────────────────────
-export const actionOptions = (Object.keys(ACTION_LABELS) as StepAction[]).map((a) => ({
-  label: ACTION_LABELS[a],
-  value: a,
-}));
+// Takes t so the labels resolve in the caller's (reactive) locale — call it
+// inside a computed.
+export const actionOptions = (t: TranslateFn) =>
+  (Object.keys(ACTION_LABEL_KEYS) as StepAction[]).map((a) => ({
+    label: t(ACTION_LABEL_KEYS[a]),
+    value: a,
+  }));
 
 // ── Selector type options ────────────────────────────────────────────────
 export const SELECTOR_TYPE_OPTIONS: readonly {
-  label: string;
+  label: I18nText;
   value: SelectorType;
 }[] = [
-  { label: "CSS", value: "CSS" },
-  { label: "XPath", value: "XPath" },
-  { label: "Text", value: "Text" },
-  { label: "TestID", value: "TestID" },
-  { label: "Role", value: "Role" },
+  { label: raw("CSS"), value: "CSS" },
+  { label: raw("XPath"), value: "XPath" },
+  { label: raw("Text"), value: "Text" },
+  { label: raw("TestID"), value: "TestID" },
+  { label: raw("Role"), value: "Role" },
 ];
 
 // ── Value field labels (action-specific) ─────────────────────────────────
-export const VALUE_LABELS: Record<string, string> = {
-  navigate: "URL",
-  type: "Text to type",
-  select: "Option",
-  press: "Key",
-  scroll: "To (px or selector)",
-  wait: "Duration (ms)",
-  assert: "Expected",
+export const VALUE_LABEL_KEYS: Record<string, I18nKey> = {
+  navigate: "synthetics.journey.valueLabels.navigate",
+  type: "synthetics.journey.valueLabels.type",
+  select: "synthetics.journey.valueLabels.select",
+  press: "synthetics.journey.valueLabels.press",
+  scroll: "synthetics.journey.valueLabels.scroll",
+  wait: "synthetics.journey.valueLabels.wait",
+  assert: "synthetics.journey.valueLabels.assert",
 };
 
 // ── Value field widths ───────────────────────────────────────────────────
diff --git a/web/src/enterprise/components/AIObservability/AiNoAgentsEmpty.vue b/web/src/enterprise/components/AIObservability/AiNoAgentsEmpty.vue
index 73797ab067..22d2125479 100644
--- a/web/src/enterprise/components/AIObservability/AiNoAgentsEmpty.vue
+++ b/web/src/enterprise/components/AIObservability/AiNoAgentsEmpty.vue
@@ -40,6 +40,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 import type { IllustrationName } from "@/lib/core/EmptyState/illustrations";
 
@@ -48,11 +49,11 @@ withDefaults(
     /** data-test emitted on the empty state (each page keeps its own value). */
     dataTest: string;
     /** Resolved title string. */
-    title: string;
+    title: I18nText;
     /** Resolved description string. */
-    description: string;
+    description: I18nText;
     /** Resolved action-label string. Omit for pages with no action (Graph). */
-    actionLabel?: string;
+    actionLabel?: I18nText;
     /** Empty-state illustration. Defaults to `constellation` (Sessions);
         Agent Graph passes `service-graph`. */
     illustration?: IllustrationName;
diff --git a/web/src/enterprise/components/AIObservability/AiPageShell.vue b/web/src/enterprise/components/AIObservability/AiPageShell.vue
index 4fc0da6116..6a2e4f07c8 100644
--- a/web/src/enterprise/components/AIObservability/AiPageShell.vue
+++ b/web/src/enterprise/components/AIObservability/AiPageShell.vue
@@ -48,7 +48,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
            in OTooltip even when enabled is harmless — `disabled` on OTooltip
            itself suppresses the bubble in that case. -->
       <OTooltip
-        :content="dateDisabledTooltip ?? ''"
+        :content="raw(dateDisabledTooltip ?? '')"
         :disabled="!dateDisabled || !dateDisabledTooltip"
       >
         <DateTime
@@ -88,6 +88,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 import { ref } from "vue";
 import type { AiDateState } from "@/enterprise/composables/useAiDateRange";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
@@ -102,9 +103,9 @@ defineProps<{
       each page's existing data-test values unchanged. */
   dataTest: string;
   /** Resolved page title (each page passes its own t(...) value). */
-  title: string;
+  title: I18nText;
   /** Resolved page subtitle. */
-  subtitle: string;
+  subtitle: I18nText;
   /** OPageHeader icon name. */
   icon: IconName;
   /** Shared AI date-range state (useAiDateRange().state) bound to the picker. */
@@ -119,7 +120,7 @@ defineProps<{
   dateDisabled?: boolean;
   /** Tooltip explaining WHY the picker is disabled. Only shown when
       `dateDisabled` is true. */
-  dateDisabledTooltip?: string;
+  dateDisabledTooltip?: I18nText;
 }>();
 
 defineEmits<{
diff --git a/web/src/enterprise/components/AIObservability/AiScopeBar.vue b/web/src/enterprise/components/AIObservability/AiScopeBar.vue
index f5a48c9689..7b0c1dd699 100644
--- a/web/src/enterprise/components/AIObservability/AiScopeBar.vue
+++ b/web/src/enterprise/components/AIObservability/AiScopeBar.vue
@@ -62,7 +62,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <OSelect
         v-else
         v-model="activeStreamModel"
-        :label="labels.streamLabel"
+        :label="raw(labels.streamLabel)"
         label-position="inside"
         :options="streamSelectOptions"
         labelKey="label"
@@ -109,6 +109,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { computed } from "vue";
 import type { SelectOption } from "@/lib/forms/Select/OSelect.types";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
diff --git a/web/src/enterprise/components/AIObservability/VersionCompareView.vue b/web/src/enterprise/components/AIObservability/VersionCompareView.vue
index 4cdd08031a..7145c8b870 100644
--- a/web/src/enterprise/components/AIObservability/VersionCompareView.vue
+++ b/web/src/enterprise/components/AIObservability/VersionCompareView.vue
@@ -197,7 +197,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
 import { debounce } from "lodash-es";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OContent from "@/lib/core/Content/OContent.vue";
 import OToggleGroup from "@/lib/core/ToggleGroup/OToggleGroup.vue";
 import OToggleGroupItem from "@/lib/core/ToggleGroup/OToggleGroupItem.vue";
@@ -281,7 +281,10 @@ const uniqueVersions = computed<GenAiAgentListItem[]>(() => {
 });
 
 const versionOptions = computed<SelectOption[]>(() =>
-  uniqueVersions.value.map((v) => ({ label: v.version as string, value: v.version as string })),
+  uniqueVersions.value.map((v) => ({
+    label: raw(v.version as string),
+    value: v.version as string,
+  })),
 );
 
 // Default: B = the immediately-previous version, A = current (latest). Sort the
diff --git a/web/src/enterprise/components/AIObservability/VersionDeltaStrip.vue b/web/src/enterprise/components/AIObservability/VersionDeltaStrip.vue
index 3a7be14e82..a08998597e 100644
--- a/web/src/enterprise/components/AIObservability/VersionDeltaStrip.vue
+++ b/web/src/enterprise/components/AIObservability/VersionDeltaStrip.vue
@@ -59,7 +59,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :data-test="`version-delta-strip-delta-${metric.key}`"
         >
           <template v-if="metric.ci">
-            <OTooltip :content="tooltipText(metric)" side="top">
+            <OTooltip :content="raw(tooltipText(metric))" side="top">
               <span :data-test="`version-delta-strip-delta-value-${metric.key}`">{{
                 formatDelta(metric)
               }}</span>
@@ -84,7 +84,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import OCard from "@/lib/core/Card/OCard.vue";
 import OCardSection from "@/lib/core/Card/OCardSection.vue";
diff --git a/web/src/enterprise/components/OnlineEvals.vue b/web/src/enterprise/components/OnlineEvals.vue
index f37240072b..596610a708 100644
--- a/web/src/enterprise/components/OnlineEvals.vue
+++ b/web/src/enterprise/components/OnlineEvals.vue
@@ -67,8 +67,8 @@ the Free Software Foundation, either version 3 of the License, or
 
       <OPageHeader
         v-if="hideTabBar && embeddedHeader"
-        :title="embeddedHeader.title"
-        :subtitle="embeddedHeader.subtitle"
+        :title="raw(embeddedHeader.title)"
+        :subtitle="raw(embeddedHeader.subtitle)"
         :icon="embeddedHeader.icon"
         class="border-border-default shrink-0 border-b"
       >
@@ -364,7 +364,7 @@ the Free Software Foundation, either version 3 of the License, or
 import { computed, nextTick, onBeforeMount, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { toast } from "@/lib/feedback/Toast/useToast";
 import onlineEvalsService, {
   type EvalJob,
@@ -535,7 +535,7 @@ const filteredRows = computed<AnyRow[]>(() => {
   );
 });
 
-const tabs = computed<Array<{ value: ActiveTab; label: string; badge?: string }>>(() => [
+const tabs = computed<Array<{ value: ActiveTab; label: I18nText; badge?: string }>>(() => [
   { value: "quality", label: t("onlineEvals.tabs.quality") },
   { value: "jobs", label: t("onlineEvals.tabs.jobs") },
   { value: "scorers", label: t("onlineEvals.tabs.scorers") },
@@ -637,9 +637,9 @@ const qualityPageRef = ref<{
 } | null>(null);
 
 const qualityAgentOptions = computed(() => [
-  { label: "All Agents", value: ALL_AGENTS_VALUE },
+  { label: t("onlineEvals.quality.allAgents"), value: ALL_AGENTS_VALUE },
   ...qualityAgents.value.map((agent) => ({
-    label: agentFilterLabel(agent),
+    label: raw(agentFilterLabel(agent)),
     value: agentFilterKey(agent),
   })),
 ]);
diff --git a/web/src/enterprise/components/billings/Billing.vue b/web/src/enterprise/components/billings/Billing.vue
index b76bb06657..3478355dad 100644
--- a/web/src/enterprise/components/billings/Billing.vue
+++ b/web/src/enterprise/components/billings/Billing.vue
@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <!-- eslint-disable vue/x-invalid-end-tag -->
 <template>
-  <OPageLayout :title="headerBasedOnRoute()" icon="paid" bleed>
+  <OPageLayout :title="raw(headerBasedOnRoute())" icon="paid" bleed>
     <template #actions>
       <div v-if="isOrgGroupRoute" class="flex items-center gap-2">
         <OButton
@@ -169,7 +169,7 @@ import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 // @ts-ignore
 import { defineComponent, ref, computed, onMounted, provide, reactive, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import config from "@/aws-exports";
@@ -257,21 +257,19 @@ export default defineComponent({
       return billingInfoLoaded.value && billingProvider.value === "stripe";
     });
     const options = computed(() => {
+      const periods = [
+        { label: t("billing.period30Days"), value: "30days" },
+        { label: t("billing.period60Days"), value: "60days" },
+        { label: t("billing.period3Months"), value: "3months" },
+        { label: t("billing.period6Months"), value: "6months" },
+      ];
       return billingInfoLoaded.value && billingProvider.value === "stripe" && isPaidUser.value
         ? [
-            { label: "Previous Cycle", value: "-1cycle" },
-            { label: "Current Cycle", value: "1cycle" },
-            { label: "30 Days", value: "30days" },
-            { label: "60 Days", value: "60days" },
-            { label: "3 Months", value: "3months" },
-            { label: "6 Months", value: "6months" },
+            { label: t("billing.previousCycle"), value: "-1cycle" },
+            { label: t("billing.currentCycle"), value: "1cycle" },
+            ...periods,
           ]
-        : [
-            { label: "30 Days", value: "30days" },
-            { label: "60 Days", value: "60days" },
-            { label: "3 Months", value: "3months" },
-            { label: "6 Months", value: "6months" },
-          ];
+        : periods;
     });
     const collapseSidebar = () => {
       showSidebar.value = !showSidebar.value;
@@ -398,18 +396,19 @@ export default defineComponent({
     };
     const tabs = [
       {
-        label: "GB",
+        label: raw("GB"),
         value: "gb",
         icon: "storage",
       },
       {
-        label: "MB",
+        label: raw("MB"),
         value: "mb",
         icon: "database",
       },
     ];
 
     return {
+      raw,
       t,
       store,
       router,
diff --git a/web/src/enterprise/components/onlineEvals/ImportScoreConfig.vue b/web/src/enterprise/components/onlineEvals/ImportScoreConfig.vue
index fc0c1a7f17..6c18bde786 100644
--- a/web/src/enterprise/components/onlineEvals/ImportScoreConfig.vue
+++ b/web/src/enterprise/components/onlineEvals/ImportScoreConfig.vue
@@ -220,9 +220,9 @@ const numericRangeFixers = reactive<Record<number, { min: string; max: string }>
 const categoriesFixers = reactive<Record<number, string>>({});
 
 const dataTypeOptions = [
-  { label: "Numeric", value: "numeric" },
-  { label: "Categorical", value: "categorical" },
-  { label: "Boolean", value: "boolean" },
+  { label: t("onlineEvals.scoreConfig.dataTypes.numeric"), value: "numeric" },
+  { label: t("onlineEvals.scoreConfig.dataTypes.categorical"), value: "categorical" },
+  { label: t("onlineEvals.scoreConfig.dataTypes.boolean"), value: "boolean" },
 ];
 
 const editorHeights = computed(() => ({
@@ -319,7 +319,7 @@ async function importJson({ jsonStr, jsonArray }: { jsonStr: string; jsonArray:
     }
   }
 
-  const prepared = prepareScoreConfigImport(rawItems, existingScoreConfigs.value);
+  const prepared = prepareScoreConfigImport(rawItems, existingScoreConfigs.value, t);
 
   // Seed inline fixers from current values so users see the existing data
   // they're about to overwrite, rather than empty inputs.
diff --git a/web/src/enterprise/components/onlineEvals/ImportScorer.vue b/web/src/enterprise/components/onlineEvals/ImportScorer.vue
index d471be4078..f00dde9b21 100644
--- a/web/src/enterprise/components/onlineEvals/ImportScorer.vue
+++ b/web/src/enterprise/components/onlineEvals/ImportScorer.vue
@@ -166,7 +166,7 @@ the Free Software Foundation, either version 3 of the License, or
 
 <script setup lang="ts">
 import { computed, reactive, ref, toRef } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 import BaseImport from "@/components/common/BaseImport.vue";
 import OInput from "@/lib/forms/Input/OInput.vue";
@@ -219,19 +219,19 @@ const scoreConfigFixers = reactive<Record<number, string>>({});
 const providerFixers = reactive<Record<number, string>>({});
 
 const typeOptions = [
-  { label: "LLM Judge", value: "llm_judge" },
-  { label: "Remote", value: "remote" },
+  { label: t("onlineEvals.scorer.detail.typeLlmJudge"), value: "llm_judge" },
+  { label: t("onlineEvals.scorer.detail.typeRemote"), value: "remote" },
 ];
 
 const scoreConfigOptions = computed(() =>
   scoreConfigs.value.map((sc) => ({
-    label: sc.name,
+    label: raw(sc.name),
     value: String((sc as any).entityId ?? (sc as any).entity_id ?? sc.id),
   })),
 );
 
 const providerOptions = computed(() =>
-  providers.value.map((p) => ({ label: p.name, value: String(p.id) })),
+  providers.value.map((p) => ({ label: raw(p.name), value: String(p.id) })),
 );
 
 const editorHeights = computed(() => ({
@@ -337,6 +337,7 @@ async function importJson({ jsonStr, jsonArray }: { jsonStr: string; jsonArray:
     existingScorerNames: existingScorers.value,
     scoreConfigs: scoreConfigs.value,
     providers: providers.value,
+    t,
   });
 
   // Seed inline fixers from the current raw values.
diff --git a/web/src/enterprise/components/onlineEvals/ManualEvaluationDialog.vue b/web/src/enterprise/components/onlineEvals/ManualEvaluationDialog.vue
index 454119f607..82f45aa5a9 100644
--- a/web/src/enterprise/components/onlineEvals/ManualEvaluationDialog.vue
+++ b/web/src/enterprise/components/onlineEvals/ManualEvaluationDialog.vue
@@ -58,7 +58,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import onlineEvalsService, {
   type EvalJob,
   type EvalTargetScope,
@@ -100,7 +100,7 @@ const loadError = ref("");
 const compatibleJobs = computed(() => loadedJobs.value.filter(isCompatibleJob));
 const jobOptions = computed(() =>
   compatibleJobs.value.map((job) => ({
-    label: job.name,
+    label: raw(job.name),
     value: job.id,
   })),
 );
diff --git a/web/src/enterprise/components/onlineEvals/QualityPage.vue b/web/src/enterprise/components/onlineEvals/QualityPage.vue
index d494f50e4f..581a668179 100644
--- a/web/src/enterprise/components/onlineEvals/QualityPage.vue
+++ b/web/src/enterprise/components/onlineEvals/QualityPage.vue
@@ -67,7 +67,7 @@
       v-model:open="detailDrawerOpen"
       side="right"
       :width="70"
-      :title="selectedConfig?.name || ''"
+      :title="raw(selectedConfig?.name || '')"
       data-test="quality-config-detail-drawer"
     >
       <!-- Type badge + version pulled out of the inner panel header so
@@ -82,7 +82,7 @@
           "
           type="evalDataType"
           :value="detailDataType"
-          :label="shortType(detailDataType)"
+          :label="raw(shortType(detailDataType))"
           size="xs"
           data-test="quality-detail-type-badge"
         />
@@ -131,7 +131,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref, toRef, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRoute, useRouter } from "vue-router";
 import type { ScoreConfig } from "@/services/online-evals.service";
 import { useQualityData, type DateWindow } from "./composables/useQualityData";
@@ -167,7 +167,7 @@ const props = defineProps<{
   // list + derives `agentFilter`); QualityPage just renders the control and
   // emits the selected key back via v-model.
   agentKey?: string;
-  agentOptions?: { label: string; value: string }[];
+  agentOptions?: { label: I18nText; value: string }[];
   // True while OnlineEvals is still fetching the score-configs list. Until that
   // resolves `scoreConfigs` is empty, so the table would otherwise flash "No
   // Data" before its own skeleton kicks in. OR-ing this into the table's
@@ -250,7 +250,7 @@ const {
   booleanTrend,
   booleanTrendSeries,
   refresh: refreshCharts,
-} = useQualityDetailCharts(selectedConfig, dateWindowRef, agentFilterRef, detailScope);
+} = useQualityDetailCharts(selectedConfig, dateWindowRef, agentFilterRef, detailScope, t);
 
 const {
   runs: qualityRuns,
diff --git a/web/src/enterprise/components/onlineEvals/ScoreConfigList.vue b/web/src/enterprise/components/onlineEvals/ScoreConfigList.vue
index 3d7de15b4e..728cc52399 100644
--- a/web/src/enterprise/components/onlineEvals/ScoreConfigList.vue
+++ b/web/src/enterprise/components/onlineEvals/ScoreConfigList.vue
@@ -114,7 +114,7 @@
         </template>
 
         <template #cell-created="{ row }">
-          <OTimeCell :value="rowCreated(row)" mode="relative" empty-label="—" />
+          <OTimeCell :value="rowCreated(row)" mode="relative" :empty-label="raw('—')" />
         </template>
 
         <template #bottom="{ totalRows }">
@@ -171,7 +171,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import { useShortcuts } from "@/lib/vue-shortcut-manager";
diff --git a/web/src/enterprise/components/onlineEvals/ScorerLibrary.vue b/web/src/enterprise/components/onlineEvals/ScorerLibrary.vue
index 59c96289e6..fc8b2810f9 100644
--- a/web/src/enterprise/components/onlineEvals/ScorerLibrary.vue
+++ b/web/src/enterprise/components/onlineEvals/ScorerLibrary.vue
@@ -166,7 +166,7 @@ const isImporting = ref(false);
 const selectedProviderId = ref("");
 
 const providerOptions = computed(() =>
-  props.providers.map((p) => ({ label: p.name, value: p.id })),
+  props.providers.map((p) => ({ label: raw(p.name), value: p.id })),
 );
 
 onMounted(loadCatalog);
diff --git a/web/src/enterprise/components/onlineEvals/composables/useQualityDetailCharts.ts b/web/src/enterprise/components/onlineEvals/composables/useQualityDetailCharts.ts
index 0f33c27fc6..17c1d90e9a 100644
--- a/web/src/enterprise/components/onlineEvals/composables/useQualityDetailCharts.ts
+++ b/web/src/enterprise/components/onlineEvals/composables/useQualityDetailCharts.ts
@@ -2,6 +2,8 @@
 // One query per chart family. Each query is scoped to a single
 // score_config_id and the active time window.
 
+import { raw, type I18nText, type TranslateFn } from "@/types/i18n";
+
 import { ref, watch, type Ref } from "vue";
 import { useLLMStreamQuery } from "@/plugins/traces/composables/useLLMStreamQuery";
 import type { ScoreConfig } from "@/services/online-evals.service";
@@ -26,7 +28,7 @@ export interface TrendPoint {
 export interface DistributionBucket {
   rangeStart: number;
   rangeEnd: number;
-  label: string;
+  label: I18nText;
   count: number;
   healthy: boolean;
 }
@@ -41,7 +43,7 @@ export interface BooleanTrendSeries {
   /** Stable id derived from the group-by key (e.g. scorer_id, source_type, or "default"). */
   id: string;
   /** Display label shown in the legend / tooltip. */
-  label: string;
+  label: I18nText;
   points: BooleanTrendPoint[];
 }
 
@@ -108,6 +110,7 @@ export function useQualityDetailCharts(
   dateWindow: Ref<DateWindow>,
   agentFilter: Ref<AgentFilterSelection | null | undefined>,
   qualityScope: Ref<QualityScope>,
+  t: TranslateFn,
 ) {
   const { executeQuery } = useLLMStreamQuery();
   const isLoading = ref(false);
@@ -168,7 +171,7 @@ export function useQualityDetailCharts(
       return {
         rangeStart: start,
         rangeEnd: end,
-        label: `${start.toFixed(decimals)}–${end.toFixed(decimals)}`,
+        label: raw(`${start.toFixed(decimals)}–${end.toFixed(decimals)}`),
         count: c,
         healthy,
       };
@@ -276,7 +279,12 @@ export function useQualityDetailCharts(
         const series: BooleanTrendSeries[] = Array.from(groupedByKey.entries()).map(
           ([key, points]) => ({
             id: key,
-            label: key === "__default__" ? (expected == null ? "True rate" : "Healthy rate") : key,
+            label:
+              key === "__default__"
+                ? expected == null
+                  ? t("onlineEvals.quality.detail.legendTrueRate")
+                  : t("onlineEvals.quality.detail.legendHealthyRate")
+                : raw(key),
             points: points.sort((a, b) => a.t - b.t),
           }),
         );
diff --git a/web/src/enterprise/components/onlineEvals/composables/useQualityScoreConfigs.ts b/web/src/enterprise/components/onlineEvals/composables/useQualityScoreConfigs.ts
index 08f1f2b664..da781876fc 100644
--- a/web/src/enterprise/components/onlineEvals/composables/useQualityScoreConfigs.ts
+++ b/web/src/enterprise/components/onlineEvals/composables/useQualityScoreConfigs.ts
@@ -2,6 +2,8 @@
 // Batched latest-score aggregates across span, trace, and session targets,
 // keyed by each Score Config's stable entity_id.
 
+import { raw, type I18nText } from "@/types/i18n";
+
 import { computed, ref, type Ref } from "vue";
 import { useLLMStreamQuery } from "@/plugins/traces/composables/useLLMStreamQuery";
 import type { ScoreConfig } from "@/services/online-evals.service";
@@ -25,7 +27,7 @@ export interface ScoreConfigRow {
   config: ScoreConfig;
   configId: string;
   name: string;
-  description: string;
+  description: I18nText;
   dataType: "numeric" | "categorical" | "boolean" | "unknown";
   totalScores: number;
   scopeCounts: ScopeCounts;
@@ -339,7 +341,7 @@ export function useQualityScoreConfigs(
         config,
         configId,
         name: config.name,
-        description: config.description ?? "",
+        description: raw(config.description),
         dataType,
         totalScores: total,
         scopeCounts: scopeCountsFromRow(agg),
diff --git a/web/src/enterprise/components/onlineEvals/forms/EvalJobDetail.vue b/web/src/enterprise/components/onlineEvals/forms/EvalJobDetail.vue
index a7bf3400df..ae466ac4b4 100644
--- a/web/src/enterprise/components/onlineEvals/forms/EvalJobDetail.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/EvalJobDetail.vue
@@ -4,7 +4,7 @@
     :open="open"
     side="right"
     :width="70"
-    :title="row?.name"
+    :title="raw(row?.name)"
     :title-data-test="'eval-job-detail-name-badge'"
     :sub-title="t('onlineEvals.job.detail.eyebrow')"
     data-test="eval-job-detail"
@@ -468,7 +468,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -747,9 +747,9 @@ const agents = ref<AgentFilterSelection[]>([]);
 const agentKey = ref(ALL_AGENTS_VALUE);
 
 const agentOptions = computed(() => [
-  { label: "All Agents", value: ALL_AGENTS_VALUE },
+  { label: t("traces.allAgents"), value: ALL_AGENTS_VALUE },
   ...agents.value.map((agent) => ({
-    label: agentFilterLabel(agent),
+    label: raw(agentFilterLabel(agent)),
     value: agentFilterKey(agent),
   })),
 ]);
@@ -841,7 +841,7 @@ async function refreshAll() {
 // — KPI strip cards —
 // value/unit split mirrors the SessionDetails KPI cards (big value + small
 // trailing unit) so the AI module's detail pages read identically.
-const kpiCards = computed<{ label: string; value: string; unit: string }[]>(() => {
+const kpiCards = computed<{ label: I18nText; value: string; unit: string }[]>(() => {
   const k = kpis.value;
   return [
     {
diff --git a/web/src/enterprise/components/onlineEvals/forms/JobFormPage.vue b/web/src/enterprise/components/onlineEvals/forms/JobFormPage.vue
index d8cebc24d1..ffab60ff54 100644
--- a/web/src/enterprise/components/onlineEvals/forms/JobFormPage.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/JobFormPage.vue
@@ -159,7 +159,7 @@
                     size="sm"
                     :required="formValues.samplingMode !== 'all'"
                     :disabled="formValues.samplingMode === 'all'"
-                    :help-text="samplingValueHelp"
+                    :help-text="raw(samplingValueHelp)"
                     data-test="job-form-sampling-value-input"
                   />
                 </div>
@@ -224,7 +224,7 @@
                     type="number"
                     :min="MIN_COMPLETION_IDLE_WINDOW_SECS"
                     size="sm"
-                    :help-text="idleWindowHelp"
+                    :help-text="raw(idleWindowHelp)"
                     data-test="job-form-idle-window-input"
                   />
                 </div>
@@ -235,7 +235,7 @@
                     type="number"
                     min="1"
                     size="sm"
-                    :help-text="maxAgeHelp"
+                    :help-text="raw(maxAgeHelp)"
                     data-test="job-form-max-age-input"
                   />
                 </div>
@@ -321,7 +321,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OForm from "@/lib/forms/Form/OForm.vue";
 import { useOForm } from "@/lib/forms/Form/useOForm";
@@ -518,10 +518,10 @@ const RESERVED_EVAL_SOURCE_STREAMS = new Set([
   "errors",
   "data_retention_usage",
 ]);
-const streamFields = ref<Array<{ label: string; value: string; type: string }>>([]);
+const streamFields = ref<Array<{ label: I18nText; value: string; type: string }>>([]);
 
 const streamOptions = computed(() => {
-  const opts = traceStreams.value.map((name) => ({ label: name, value: name }));
+  const opts = traceStreams.value.map((name) => ({ label: raw(name), value: name }));
   // Ensure currently selected value is always present (e.g. on edit before list loads)
   if (
     formValues.value.stream &&
@@ -529,7 +529,7 @@ const streamOptions = computed(() => {
     !opts.some((o) => o.value === formValues.value.stream)
   ) {
     opts.unshift({
-      label: formValues.value.stream,
+      label: raw(formValues.value.stream),
       value: formValues.value.stream,
     });
   }
@@ -569,15 +569,15 @@ async function loadStreamFields() {
         const name = typeof field === "string" ? field : field?.name;
         if (!name) return null;
         return {
-          label: name,
+          label: raw(name),
           value: name,
           type: typeof field === "string" ? "Utf8" : field?.type || "Utf8",
         };
       })
       .filter(
         (
-          field: { label: string; value: string; type: string } | null,
-        ): field is { label: string; value: string; type: string } => field !== null,
+          field: { label: I18nText; value: string; type: string } | null,
+        ): field is { label: I18nText; value: string; type: string } => field !== null,
       );
   } catch {
     streamFields.value = [];
diff --git a/web/src/enterprise/components/onlineEvals/forms/ProviderFormPage.vue b/web/src/enterprise/components/onlineEvals/forms/ProviderFormPage.vue
index 80f05cf000..2859a83adc 100644
--- a/web/src/enterprise/components/onlineEvals/forms/ProviderFormPage.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/ProviderFormPage.vue
@@ -81,7 +81,7 @@
             </div>
             <OFormInput
               name="endpoint"
-              :placeholder="endpointPlaceholder"
+              :placeholder="raw(endpointPlaceholder)"
               size="sm"
               data-test="provider-form-endpoint-input"
             />
@@ -185,7 +185,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OForm from "@/lib/forms/Form/OForm.vue";
@@ -228,14 +228,14 @@ const form = useOForm<ProviderForm>({
 const formValues = form.useStore((s: any) => s.values as ProviderForm);
 
 const providerTypeOptions = computed(() => [
-  { label: "OpenAI", value: "openai" },
-  { label: "DeepSeek", value: "deepseek" },
-  { label: "Anthropic", value: "anthropic" },
-  { label: "Azure OpenAI", value: "azure_openai" },
-  { label: "Ollama", value: "ollama" },
-  { label: "vLLM", value: "vllm" },
-  { label: "OpenAI-compatible", value: "openai_compatible" },
-  { label: "Other", value: "other" },
+  { label: raw("OpenAI"), value: "openai" },
+  { label: raw("DeepSeek"), value: "deepseek" },
+  { label: raw("Anthropic"), value: "anthropic" },
+  { label: raw("Azure OpenAI"), value: "azure_openai" },
+  { label: raw("Ollama"), value: "ollama" },
+  { label: raw("vLLM"), value: "vllm" },
+  { label: raw("OpenAI-compatible"), value: "openai_compatible" },
+  { label: t("ingestion.otherLabel"), value: "other" },
 ]);
 
 // Default API endpoint for each provider type, shown as a placeholder to hint
diff --git a/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDetail.vue b/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDetail.vue
index c7207c363f..528942a799 100644
--- a/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDetail.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDetail.vue
@@ -4,7 +4,7 @@
     :open="open"
     side="right"
     size="lg"
-    :title="row?.name"
+    :title="raw(row?.name)"
     title-data-test="score-config-detail-name-badge"
     :sub-title="t('onlineEvals.scoreConfig.detail.eyebrow')"
     data-test="score-config-detail"
@@ -244,7 +244,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
diff --git a/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDialog.vue b/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDialog.vue
index 5d95f07060..2b0d533da5 100644
--- a/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDialog.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/ScoreConfigDialog.vue
@@ -8,7 +8,7 @@
     side="right"
     :width="50"
     data-test="score-config-dialog"
-    :title="drawerTitle"
+    :title="raw(drawerTitle)"
     form-id="score-config-form"
     :secondary-button-label="t('onlineEvals.buttons.cancel')"
     :primary-button-label="t('onlineEvals.buttons.save')"
@@ -232,7 +232,7 @@
                 type="number"
                 size="sm"
                 field-width="xs"
-                :placeholder="String(defaultGteValue)"
+                :placeholder="raw(String(defaultGteValue))"
                 data-test="score-config-gte-value-input"
                 @focus="form.setFieldValue('healthyDirection', 'gte')"
               />
@@ -263,7 +263,7 @@
                 type="number"
                 size="sm"
                 field-width="xs"
-                :placeholder="String(defaultLteValue)"
+                :placeholder="raw(String(defaultLteValue))"
                 data-test="score-config-lte-value-input"
                 @focus="form.setFieldValue('healthyDirection', 'lte')"
               />
@@ -383,7 +383,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OFormTagInput from "@/lib/forms/TagInput/OFormTagInput.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
diff --git a/web/src/enterprise/components/onlineEvals/forms/ScorerDetail.vue b/web/src/enterprise/components/onlineEvals/forms/ScorerDetail.vue
index 8b14442410..88c03439f1 100644
--- a/web/src/enterprise/components/onlineEvals/forms/ScorerDetail.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/ScorerDetail.vue
@@ -4,7 +4,7 @@
     :open="open"
     side="right"
     :width="70"
-    :title="row?.name"
+    :title="raw(row?.name)"
     :title-data-test="'scorer-detail-name-badge'"
     :sub-title="t('onlineEvals.scorer.detail.eyebrow')"
     data-test="scorer-detail"
@@ -346,7 +346,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -507,9 +507,9 @@ const agents = ref<AgentFilterSelection[]>([]);
 const agentKey = ref(ALL_AGENTS_VALUE);
 
 const agentOptions = computed(() => [
-  { label: "All Agents", value: ALL_AGENTS_VALUE },
+  { label: t("onlineEvals.quality.allAgents"), value: ALL_AGENTS_VALUE },
   ...agents.value.map((agent) => ({
-    label: agentFilterLabel(agent),
+    label: raw(agentFilterLabel(agent)),
     value: agentFilterKey(agent),
   })),
 ]);
@@ -646,7 +646,7 @@ const runColumns = computed<OTableColumnDef<RunRow>[]>(() => [
 // — KPI strip cards —
 // value/unit split mirrors the SessionDetails KPI cards (big value + small
 // trailing unit) so the AI module's detail pages read identically.
-const kpiCards = computed<{ label: string; value: string; unit: string }[]>(() => {
+const kpiCards = computed<{ label: I18nText; value: string; unit: string }[]>(() => {
   const k = kpis.value;
   return [
     {
diff --git a/web/src/enterprise/components/onlineEvals/forms/ScorerFormPage.vue b/web/src/enterprise/components/onlineEvals/forms/ScorerFormPage.vue
index c52383fa2b..c8828c260b 100644
--- a/web/src/enterprise/components/onlineEvals/forms/ScorerFormPage.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/ScorerFormPage.vue
@@ -671,7 +671,7 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref, toRef } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OForm from "@/lib/forms/Form/OForm.vue";
 import { useOForm } from "@/lib/forms/Form/useOForm";
@@ -815,7 +815,7 @@ const extraFieldTypeOptions = computed(() => [
 ]);
 
 const httpMethodOptions = computed(() =>
-  ["GET", "POST", "PUT", "PATCH", "DELETE"].map((m) => ({ label: m, value: m })),
+  ["GET", "POST", "PUT", "PATCH", "DELETE"].map((m) => ({ label: raw(m), value: m })),
 );
 
 const authTypeOptions = computed(() => [
@@ -859,7 +859,16 @@ function cleanHeaders(headers: CustomHeader[]) {
     .filter((h) => h.key.length > 0);
 }
 
-function cleanExtraFields(fields: ExtraMetadataField[]): ExtraMetadataField[] {
+// Form rows carry a plain-string `description` (it is free text the user types,
+// so it is `raw` — never a translated literal) which this normalizes into the
+// service's `ExtraMetadataField` shape.
+type ExtraMetadataFieldRow = {
+  name: string;
+  type: ExtraMetadataField["type"];
+  description?: string;
+};
+
+function cleanExtraFields(fields: ExtraMetadataFieldRow[]): ExtraMetadataField[] {
   return fields
     .map((field) => ({
       name: field.name.trim(),
@@ -870,7 +879,7 @@ function cleanExtraFields(fields: ExtraMetadataField[]): ExtraMetadataField[] {
     .map((field) => ({
       name: field.name,
       type: field.type,
-      ...(field.description ? { description: field.description } : {}),
+      ...(field.description ? { description: raw(field.description) } : {}),
     }));
 }
 
@@ -1019,14 +1028,14 @@ const titleText = computed(() => {
 
 const scoreConfigOptions = computed(() =>
   props.scoreConfigs.map((config) => ({
-    label: config.name,
+    label: raw(config.name),
     value: entityId(config),
   })),
 );
 
 const providerOptions = computed(() =>
   props.providers.map((provider) => ({
-    label: provider.name,
+    label: raw(provider.name),
     value: provider.id,
   })),
 );
diff --git a/web/src/enterprise/components/onlineEvals/forms/ScorerTypeDialog.vue b/web/src/enterprise/components/onlineEvals/forms/ScorerTypeDialog.vue
index f8ccd6f619..8136023a58 100644
--- a/web/src/enterprise/components/onlineEvals/forms/ScorerTypeDialog.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/ScorerTypeDialog.vue
@@ -53,7 +53,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
@@ -76,8 +76,8 @@ interface TypeOption {
   type: ScorerType;
   testKey: string;
   icon: IconName;
-  title: string;
-  description: string;
+  title: I18nText;
+  description: I18nText;
   cta: string;
 }
 
diff --git a/web/src/enterprise/components/onlineEvals/forms/job/JobInputMapping.vue b/web/src/enterprise/components/onlineEvals/forms/job/JobInputMapping.vue
index bb8b24f1f7..87e0c0cbb4 100644
--- a/web/src/enterprise/components/onlineEvals/forms/job/JobInputMapping.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/job/JobInputMapping.vue
@@ -189,7 +189,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import OTable from "@/lib/core/Table/OTable.vue";
@@ -220,7 +220,7 @@ const props = withDefaults(
     inputMappings: Record<string, Record<string, string>>;
     spanSelectors?: SpanSelector[];
     spanSelectorBindings?: Record<string, string>;
-    streamFields?: Array<{ label: string; value: string; type: string }>;
+    streamFields?: Array<{ label: I18nText; value: string; type: string }>;
   }>(),
   {
     spanSelectors: () => [],
@@ -269,7 +269,7 @@ const mappingOptions = computed<SelectOption[]>(() => {
       const value = mappingExpression(name);
       systemValues.add(value);
       options.push({
-        label: name,
+        label: raw(name),
         value,
       });
     });
@@ -280,7 +280,8 @@ const mappingOptions = computed<SelectOption[]>(() => {
     const value = mappingExpression(field.value);
     if (systemValues.has(value) || seenAttributes.has(value)) return [];
     seenAttributes.add(value);
-    return [{ label: field.label, value }];
+    // Span-attribute names come from the stream schema — not translated copy.
+    return [{ label: raw(field.label), value }];
   });
 
   if (attributeOptions.length) {
diff --git a/web/src/enterprise/components/onlineEvals/forms/job/JobScorerPicker.vue b/web/src/enterprise/components/onlineEvals/forms/job/JobScorerPicker.vue
index cc604dbf47..cf497b1e70 100644
--- a/web/src/enterprise/components/onlineEvals/forms/job/JobScorerPicker.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/job/JobScorerPicker.vue
@@ -25,7 +25,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import type { EvalTargetScope, Scorer } from "@/services/online-evals.service";
 import { entityId, scorerTypeOf } from "../../utils/evalEntity";
@@ -44,7 +44,7 @@ const { t } = useI18nTyped();
 
 const options = computed(() =>
   props.scorers.map((scorer) => ({
-    label: scorer.name,
+    label: raw(scorer.name),
     value: entityId(scorer),
     badge: `${scorerTypeOf(scorer).replace("_", " ")} · v${scorer.version}`,
   })),
diff --git a/web/src/enterprise/components/onlineEvals/forms/job/SpanSelectorBinding.vue b/web/src/enterprise/components/onlineEvals/forms/job/SpanSelectorBinding.vue
index 7af94b9cbd..691ab20c7d 100644
--- a/web/src/enterprise/components/onlineEvals/forms/job/SpanSelectorBinding.vue
+++ b/web/src/enterprise/components/onlineEvals/forms/job/SpanSelectorBinding.vue
@@ -143,7 +143,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import OBanner from "@/lib/feedback/Banner/OBanner.vue";
@@ -181,7 +181,7 @@ const props = defineProps<{
   scorerId: string;
   selectors: SpanSelector[];
   binding?: string;
-  streamFields: Array<{ label: string; value: string; type: string }>;
+  streamFields: Array<{ label: I18nText; value: string; type: string }>;
 }>();
 
 const emit = defineEmits<{
@@ -197,7 +197,7 @@ const formId = computed(
 
 const selectorOptions = computed(() =>
   props.selectors.map((selector) => ({
-    label: selector.name,
+    label: raw(selector.name),
     value: selector.id,
   })),
 );
diff --git a/web/src/enterprise/components/onlineEvals/quality/QualityBooleanTrendChart.vue b/web/src/enterprise/components/onlineEvals/quality/QualityBooleanTrendChart.vue
index 9049fd527d..08a799dd31 100644
--- a/web/src/enterprise/components/onlineEvals/quality/QualityBooleanTrendChart.vue
+++ b/web/src/enterprise/components/onlineEvals/quality/QualityBooleanTrendChart.vue
@@ -3,6 +3,7 @@
 </template>
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useStore } from "vuex";
 import * as echarts from "echarts";
@@ -36,7 +37,7 @@ const PALETTE = [
 function effectiveSeries(): BooleanTrendSeries[] {
   if (props.series && props.series.length > 0) return props.series;
   if (props.points && props.points.length > 0) {
-    return [{ id: "default", label: props.legendPassRate, points: props.points }];
+    return [{ id: "default", label: raw(props.legendPassRate), points: props.points }];
   }
   return [];
 }
diff --git a/web/src/enterprise/components/onlineEvals/quality/QualityDistributionChart.vue b/web/src/enterprise/components/onlineEvals/quality/QualityDistributionChart.vue
index 00e6609b51..1b64d0948f 100644
--- a/web/src/enterprise/components/onlineEvals/quality/QualityDistributionChart.vue
+++ b/web/src/enterprise/components/onlineEvals/quality/QualityDistributionChart.vue
@@ -3,6 +3,7 @@
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useStore } from "vuex";
 import * as echarts from "echarts";
@@ -13,7 +14,7 @@ import { withChartFont } from "@/utils/fonts";
 const props = defineProps<{
   buckets: DistributionBucket[];
   threshold: { value: number; direction: "gte" | "lte" } | null;
-  legendHealthy: string;
+  legendHealthy: I18nText;
   legendUnhealthy: string;
 }>();
 
diff --git a/web/src/enterprise/components/onlineEvals/quality/QualityTrendChart.vue b/web/src/enterprise/components/onlineEvals/quality/QualityTrendChart.vue
index fbfd59108c..d51e634e4a 100644
--- a/web/src/enterprise/components/onlineEvals/quality/QualityTrendChart.vue
+++ b/web/src/enterprise/components/onlineEvals/quality/QualityTrendChart.vue
@@ -3,6 +3,7 @@
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useStore } from "vuex";
 import * as echarts from "echarts";
@@ -15,7 +16,7 @@ const props = defineProps<{
   threshold: { value: number; direction: "gte" | "lte" } | null;
   yMin?: number | null;
   yMax?: number | null;
-  legendAvg: string;
+  legendAvg: I18nText;
   legendP95: string;
   legendThresholdFmt: string;
 }>();
diff --git a/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.spec.ts b/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.spec.ts
index 5c32156330..ce9d9bc8bf 100644
--- a/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.spec.ts
+++ b/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.spec.ts
@@ -1,4 +1,5 @@
 import { describe, it, expect } from "vitest";
+import { gt } from "@/types/i18n";
 import {
   normalizeScoreConfigInput,
   prepareScoreConfigImport,
@@ -87,6 +88,7 @@ describe("validateScoreConfig", () => {
     itemIndex: 0,
     existingNames: new Set<string>(),
     nameCounts: new Map<string, number>(),
+    t: gt,
   };
 
   it("rejects null normalized input", () => {
@@ -245,6 +247,7 @@ describe("prepareScoreConfigImport", () => {
         { name: "b", data_type: "numeric", numeric_range: { min: 0, max: 1 } },
       ],
       [],
+      gt,
     );
     expect(result.hasErrors).toBe(false);
     expect(result.items).toHaveLength(2);
@@ -257,7 +260,7 @@ describe("prepareScoreConfigImport", () => {
   });
 
   it("aggregates errors across items into a flat list", () => {
-    const result = prepareScoreConfigImport([{ dataType: "boolean" }, { name: "x" }], []);
+    const result = prepareScoreConfigImport([{ dataType: "boolean" }, { name: "x" }], [], gt);
     expect(result.hasErrors).toBe(true);
     expect(result.errors.some((e) => e.itemIndex === 0 && e.field === "name")).toBe(true);
     expect(result.errors.some((e) => e.itemIndex === 1 && e.field === "dataType")).toBe(true);
@@ -270,6 +273,7 @@ describe("prepareScoreConfigImport", () => {
         { name: "same", dataType: "boolean" },
       ],
       [],
+      gt,
     );
     expect(result.errors.filter((e) => e.field === "duplicate")).toHaveLength(2);
   });
@@ -278,6 +282,7 @@ describe("prepareScoreConfigImport", () => {
     const result = prepareScoreConfigImport(
       [{ name: "exists", dataType: "boolean" }],
       [{ name: "exists" }],
+      gt,
     );
     expect(result.errors.find((e) => e.field === "nameConflict")).toBeDefined();
     expect(result.items[0].payload).toBeNull();
@@ -287,6 +292,7 @@ describe("prepareScoreConfigImport", () => {
     const result = prepareScoreConfigImport(
       [{ name: "ok", dataType: "boolean" }, { dataType: "boolean" }],
       [],
+      gt,
     );
     expect(result.items[0].payload).toEqual({ name: "ok", dataType: "boolean" });
     expect(result.items[1].payload).toBeNull();
diff --git a/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.ts b/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.ts
index 97456cb988..fa24b3b665 100644
--- a/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.ts
+++ b/web/src/enterprise/components/onlineEvals/utils/importScoreConfig.ts
@@ -1,3 +1,7 @@
+// The caller's `t` is threaded in via ctx — this validator is a plain util, so
+// it can't call useI18nTyped() itself.
+import { type I18nText, type TranslateFn } from "@/types/i18n";
+
 import type { ScoreConfig, ScoreDataType } from "@/services/online-evals.service";
 
 const VALID_DATA_TYPES: ScoreDataType[] = ["numeric", "categorical", "boolean"];
@@ -24,7 +28,7 @@ export type ScoreConfigImportField =
 export interface ScoreConfigImportError {
   itemIndex: number;
   field: ScoreConfigImportField;
-  message: string;
+  message: I18nText;
   fixable?: boolean;
 }
 
@@ -87,9 +91,11 @@ export function validateScoreConfig(
     itemIndex: number;
     existingNames: Set<string>;
     nameCounts: Map<string, number>;
+    t: TranslateFn;
   },
 ): ScoreConfigImportError[] {
   const errors: ScoreConfigImportError[] = [];
+  const t = ctx.t;
   const idx = ctx.itemIndex;
   const display = idx + 1;
 
@@ -97,7 +103,7 @@ export function validateScoreConfig(
     errors.push({
       itemIndex: idx,
       field: "shape",
-      message: `Score config ${display}: must be a JSON object`,
+      message: t("onlineEvals.scoreConfigImport.mustBeJsonObject", { index: display }),
     });
     return errors;
   }
@@ -107,7 +113,7 @@ export function validateScoreConfig(
     errors.push({
       itemIndex: idx,
       field: "name",
-      message: `Score config ${display}: name is required and must be a non-empty string`,
+      message: t("onlineEvals.scoreConfigImport.nameRequired", { index: display }),
       fixable: true,
     });
   }
@@ -117,7 +123,10 @@ export function validateScoreConfig(
     errors.push({
       itemIndex: idx,
       field: "dataType",
-      message: `Score config ${display}: dataType must be one of ${VALID_DATA_TYPES.join(", ")}`,
+      message: t("onlineEvals.scoreConfigImport.dataTypeInvalid", {
+        index: display,
+        types: VALID_DATA_TYPES.join(", "),
+      }),
       fixable: true,
     });
   }
@@ -128,13 +137,13 @@ export function validateScoreConfig(
       errors.push({
         itemIndex: idx,
         field: "numericRange",
-        message: `Score config ${display}: numeric configs require numericRange.{min, max} as numbers`,
+        message: t("onlineEvals.scoreConfigImport.numericRangeRequired", { index: display }),
       });
     } else if (!(r.min < r.max)) {
       errors.push({
         itemIndex: idx,
         field: "numericRange",
-        message: `Score config ${display}: numericRange.min must be less than numericRange.max`,
+        message: t("onlineEvals.scoreConfigImport.numericRangeOrder", { index: display }),
       });
     }
   } else if (dataType === "categorical") {
@@ -143,19 +152,19 @@ export function validateScoreConfig(
       errors.push({
         itemIndex: idx,
         field: "categories",
-        message: `Score config ${display}: categorical configs require a non-empty categories array of strings`,
+        message: t("onlineEvals.scoreConfigImport.categoriesRequired", { index: display }),
       });
     } else if (!cats.every((c) => typeof c === "string" && c.length > 0)) {
       errors.push({
         itemIndex: idx,
         field: "categories",
-        message: `Score config ${display}: every category must be a non-empty string`,
+        message: t("onlineEvals.scoreConfigImport.categoryMustBeString", { index: display }),
       });
     } else if (new Set(cats).size !== cats.length) {
       errors.push({
         itemIndex: idx,
         field: "categories",
-        message: `Score config ${display}: categories must be unique`,
+        message: t("onlineEvals.scoreConfigImport.categoriesUnique", { index: display }),
       });
     }
   }
@@ -167,14 +176,14 @@ export function validateScoreConfig(
         errors.push({
           itemIndex: idx,
           field: "healthyThreshold",
-          message: `Score config ${display}: numeric healthyThreshold.direction must be 'gte' or 'lte'`,
+          message: t("onlineEvals.scoreConfigImport.numericDirectionInvalid", { index: display }),
         });
       }
       if (typeof ht.value !== "number") {
         errors.push({
           itemIndex: idx,
           field: "healthyThreshold",
-          message: `Score config ${display}: numeric healthyThreshold.value must be a number`,
+          message: t("onlineEvals.scoreConfigImport.numericValueInvalid", { index: display }),
         });
       }
     } else if (dataType === "categorical") {
@@ -183,7 +192,9 @@ export function validateScoreConfig(
         errors.push({
           itemIndex: idx,
           field: "healthyThreshold",
-          message: `Score config ${display}: categorical healthyThreshold.healthy_categories must be a non-empty array`,
+          message: t("onlineEvals.scoreConfigImport.categoricalHealthyCategoriesRequired", {
+            index: display,
+          }),
         });
       }
     } else if (dataType === "boolean") {
@@ -191,7 +202,9 @@ export function validateScoreConfig(
         errors.push({
           itemIndex: idx,
           field: "healthyThreshold",
-          message: `Score config ${display}: boolean healthyThreshold.healthy_value must be true or false`,
+          message: t("onlineEvals.scoreConfigImport.booleanHealthyValueInvalid", {
+            index: display,
+          }),
         });
       }
     }
@@ -203,7 +216,10 @@ export function validateScoreConfig(
       errors.push({
         itemIndex: idx,
         field: "nameConflict",
-        message: `Score config ${display}: name "${trimmed}" already exists in this org`,
+        message: t("onlineEvals.scoreConfigImport.nameExists", {
+          index: display,
+          name: trimmed,
+        }),
         fixable: true,
       });
     }
@@ -211,7 +227,10 @@ export function validateScoreConfig(
       errors.push({
         itemIndex: idx,
         field: "duplicate",
-        message: `Score config ${display}: name "${trimmed}" is used more than once in this import`,
+        message: t("onlineEvals.scoreConfigImport.nameDuplicate", {
+          index: display,
+          name: trimmed,
+        }),
       });
     }
   }
@@ -225,6 +244,7 @@ export function validateScoreConfig(
 export function prepareScoreConfigImport(
   rawItems: unknown[],
   existingScoreConfigs: ReadonlyArray<Pick<ScoreConfig, "name">>,
+  t: TranslateFn,
 ): PreparedScoreConfigImport {
   const existingNames = new Set(
     existingScoreConfigs.map((c) => (c.name ?? "").trim()).filter(Boolean),
@@ -240,7 +260,7 @@ export function prepareScoreConfigImport(
   }
 
   const items: PreparedScoreConfigItem[] = normalized.map((n, i) => {
-    const errors = validateScoreConfig(n, { itemIndex: i, existingNames, nameCounts });
+    const errors = validateScoreConfig(n, { itemIndex: i, existingNames, nameCounts, t });
     if (errors.length || !n) return { payload: null, errors };
     return { payload: buildPayload(n), errors };
   });
diff --git a/web/src/enterprise/components/onlineEvals/utils/importScorer.spec.ts b/web/src/enterprise/components/onlineEvals/utils/importScorer.spec.ts
index 2899ab6976..572d41beec 100644
--- a/web/src/enterprise/components/onlineEvals/utils/importScorer.spec.ts
+++ b/web/src/enterprise/components/onlineEvals/utils/importScorer.spec.ts
@@ -1,4 +1,5 @@
 import { describe, it, expect } from "vitest";
+import { gt } from "@/types/i18n";
 import { normalizeScorerInput, prepareScorerImport, validateScorer } from "./importScorer";
 import type { Provider, ScoreConfig } from "@/services/online-evals.service";
 
@@ -29,6 +30,7 @@ const baseCtx = {
   nameCounts: new Map<string, number>(),
   scoreConfigs: [] as ScoreConfig[],
   providers: [] as Provider[],
+  t: gt,
 };
 
 describe("normalizeScorerInput", () => {
@@ -362,6 +364,7 @@ describe("prepareScorerImport", () => {
         existingScorerNames: [],
         scoreConfigs: [sc()],
         providers: [prov()],
+        t: gt,
       },
     );
 
@@ -382,6 +385,7 @@ describe("prepareScorerImport", () => {
       existingScorerNames: [],
       scoreConfigs: [sc()],
       providers: [prov()],
+      t: gt,
     });
     expect(result.hasErrors).toBe(true);
     expect(result.errors.length).toBeGreaterThan(1);
@@ -409,7 +413,7 @@ describe("prepareScorerImport", () => {
           },
         },
       ],
-      { existingScorerNames: [], scoreConfigs: [sc()], providers: [prov()] },
+      { existingScorerNames: [], scoreConfigs: [sc()], providers: [prov()], t: gt },
     );
     expect(result.errors.filter((e) => e.field === "duplicate")).toHaveLength(2);
   });
@@ -427,7 +431,7 @@ describe("prepareScorerImport", () => {
           },
         },
       ],
-      { existingScorerNames: [], scoreConfigs: [sc()], providers: [prov()] },
+      { existingScorerNames: [], scoreConfigs: [sc()], providers: [prov()], t: gt },
     );
     const params = result.items[0].payload?.scorer.params;
     expect(params).not.toHaveProperty("providerName");
diff --git a/web/src/enterprise/components/onlineEvals/utils/importScorer.ts b/web/src/enterprise/components/onlineEvals/utils/importScorer.ts
index 6fba80ae2d..7017741e3d 100644
--- a/web/src/enterprise/components/onlineEvals/utils/importScorer.ts
+++ b/web/src/enterprise/components/onlineEvals/utils/importScorer.ts
@@ -1,3 +1,7 @@
+// The caller's `t` is threaded in via ctx — this module is plain TS, so it
+// can't call useI18nTyped() itself.
+import { type I18nText, type TranslateFn } from "@/types/i18n";
+
 import type { Provider, ScoreConfig, ScorerType } from "@/services/online-evals.service";
 
 const VALID_SCORER_TYPES: ScorerType[] = ["llm_judge", "remote"];
@@ -43,7 +47,7 @@ export type ScorerImportField =
 export interface ScorerImportError {
   itemIndex: number;
   field: ScorerImportField;
-  message: string;
+  message: I18nText;
   fixable?: boolean;
 }
 
@@ -181,6 +185,7 @@ export interface ValidateScorerCtx extends ResolveCtx {
   itemIndex: number;
   existingNames: Set<string>;
   nameCounts: Map<string, number>;
+  t: TranslateFn;
 }
 
 export function validateScorer(
@@ -188,6 +193,7 @@ export function validateScorer(
   ctx: ValidateScorerCtx,
 ): { payload: ScorerPayload | null; errors: ScorerImportError[] } {
   const errors: ScorerImportError[] = [];
+  const t = ctx.t;
   const idx = ctx.itemIndex;
   const display = idx + 1;
 
@@ -195,7 +201,7 @@ export function validateScorer(
     errors.push({
       itemIndex: idx,
       field: "shape",
-      message: `Scorer ${display}: must be a JSON object`,
+      message: t("onlineEvals.scorer.import.validation.shape", { index: display }),
     });
     return { payload: null, errors };
   }
@@ -205,7 +211,7 @@ export function validateScorer(
     errors.push({
       itemIndex: idx,
       field: "name",
-      message: `Scorer ${display}: name is required and must be a non-empty string`,
+      message: t("onlineEvals.scorer.import.validation.nameRequired", { index: display }),
       fixable: true,
     });
   }
@@ -215,14 +221,20 @@ export function validateScorer(
     errors.push({
       itemIndex: idx,
       field: "type",
-      message: `Scorer ${display}: scorer.type must be one of ${VALID_SCORER_TYPES.join(", ")}`,
+      message: t("onlineEvals.scorer.import.validation.typeInvalid", {
+        index: display,
+        types: VALID_SCORER_TYPES.join(", "),
+      }),
       fixable: true,
     });
   } else if (!VALID_SCORER_TYPES.includes(scorer.type)) {
     errors.push({
       itemIndex: idx,
       field: "type",
-      message: `Scorer ${display}: scorer.type must be one of ${VALID_SCORER_TYPES.join(", ")}`,
+      message: t("onlineEvals.scorer.import.validation.typeInvalid", {
+        index: display,
+        types: VALID_SCORER_TYPES.join(", "),
+      }),
       fixable: true,
     });
   }
@@ -238,8 +250,10 @@ export function validateScorer(
         field: "scoreConfigRef",
         message:
           ref.error === "missing"
-            ? `Scorer ${display}: producesScoreConfigId or producesScoreConfigName is required`
-            : `Scorer ${display}: referenced score config not found in this org`,
+            ? t("onlineEvals.scorer.import.validation.scoreConfigRefMissing", { index: display })
+            : t("onlineEvals.scorer.import.validation.scoreConfigRefUnresolved", {
+                index: display,
+              }),
         fixable: true,
       });
     }
@@ -257,8 +271,8 @@ export function validateScorer(
         field: "providerRef",
         message:
           ref.error === "missing"
-            ? `Scorer ${display}: provider_id or providerName is required for llm_judge scorers`
-            : `Scorer ${display}: referenced provider not found in this org`,
+            ? t("onlineEvals.scorer.import.validation.providerRefMissing", { index: display })
+            : t("onlineEvals.scorer.import.validation.providerRefUnresolved", { index: display }),
         fixable: true,
       });
     }
@@ -267,7 +281,7 @@ export function validateScorer(
       errors.push({
         itemIndex: idx,
         field: "template",
-        message: `Scorer ${display}: scorer.template is required for llm_judge scorers`,
+        message: t("onlineEvals.scorer.import.validation.templateRequired", { index: display }),
       });
     }
   }
@@ -278,7 +292,10 @@ export function validateScorer(
       errors.push({
         itemIndex: idx,
         field: "nameConflict",
-        message: `Scorer ${display}: name "${trimmed}" already exists in this org`,
+        message: t("onlineEvals.scorer.import.validation.nameConflict", {
+          index: display,
+          name: trimmed,
+        }),
         fixable: true,
       });
     }
@@ -286,7 +303,10 @@ export function validateScorer(
       errors.push({
         itemIndex: idx,
         field: "duplicate",
-        message: `Scorer ${display}: name "${trimmed}" is used more than once in this import`,
+        message: t("onlineEvals.scorer.import.validation.duplicateName", {
+          index: display,
+          name: trimmed,
+        }),
       });
     }
   }
@@ -326,6 +346,7 @@ export function prepareScorerImport(
     existingScorerNames: ReadonlyArray<{ name: string }>;
     scoreConfigs: ReadonlyArray<ScoreConfig>;
     providers: ReadonlyArray<Provider>;
+    t: TranslateFn;
   },
 ): PreparedScorerImport {
   const existingNames = new Set(
@@ -348,6 +369,7 @@ export function prepareScorerImport(
       nameCounts,
       scoreConfigs: ctx.scoreConfigs,
       providers: ctx.providers,
+      t: ctx.t,
     }),
   );
 
diff --git a/web/src/enterprise/components/onlineEvals/utils/scoreThreshold.ts b/web/src/enterprise/components/onlineEvals/utils/scoreThreshold.ts
index 87c9d98a3e..08932fc13a 100644
--- a/web/src/enterprise/components/onlineEvals/utils/scoreThreshold.ts
+++ b/web/src/enterprise/components/onlineEvals/utils/scoreThreshold.ts
@@ -9,6 +9,8 @@
 // the "unhealthy" count on the KPI tile, the per-config row, and the detail panel
 // agree across data types (numeric / categorical / boolean).
 
+import { raw, type I18nText } from "@/types/i18n";
+
 import type { ScoreConfig } from "@/services/online-evals.service";
 import { dataTypeOf, entityId } from "./evalEntity";
 
@@ -18,7 +20,7 @@ export interface ThresholdSql {
    *  defined (we can't classify the row). */
   unhealthyExpr: string | null;
   /** Human label for the threshold, e.g. "≥ 0.7", "true", "good · great". */
-  label: string;
+  label: I18nText;
 }
 
 export type ScoreValue = number | string | boolean | null;
@@ -35,45 +37,45 @@ function valueOf<T = any>(row: any, camel: string, snake: string): T | undefined
 export function thresholdForConfig(config: ScoreConfig): ThresholdSql {
   const ht = valueOf<any>(config, "healthyThreshold", "healthy_threshold");
   const type = dataTypeOf(config);
-  if (!ht) return { unhealthyExpr: null, label: "" };
+  if (!ht) return { unhealthyExpr: null, label: raw("") };
 
   if (type === "numeric") {
     if (ht.value === undefined || ht.value === null || !ht.direction) {
-      return { unhealthyExpr: null, label: "" };
+      return { unhealthyExpr: null, label: raw("") };
     }
     const op = ht.direction === "gte" ? "<" : ">";
     const sym = ht.direction === "gte" ? "≥" : "≤";
     return {
       unhealthyExpr: `value_numeric ${op} ${Number(ht.value)}`,
-      label: `${sym} ${ht.value}`,
+      label: raw(`${sym} ${ht.value}`),
     };
   }
 
   if (type === "categorical") {
     const list: string[] = ht.healthy_categories || ht.healthyCategories || [];
     if (!Array.isArray(list) || list.length === 0) {
-      return { unhealthyExpr: null, label: "" };
+      return { unhealthyExpr: null, label: raw("") };
     }
     const inList = list.map((c) => `'${escapeSqlString(String(c))}'`).join(", ");
     return {
       unhealthyExpr: `value_categorical NOT IN (${inList})`,
-      label: list.join(" · "),
+      label: raw(list.join(" · ")),
     };
   }
 
   if (type === "boolean") {
     const healthy = ht.healthy_value ?? ht.healthyValue;
     if (healthy === undefined || healthy === null) {
-      return { unhealthyExpr: null, label: "" };
+      return { unhealthyExpr: null, label: raw("") };
     }
     const expected = healthy === true || healthy === "true";
     return {
       unhealthyExpr: `value_boolean = ${!expected}`,
-      label: String(expected),
+      label: raw(String(expected)),
     };
   }
 
-  return { unhealthyExpr: null, label: "" };
+  return { unhealthyExpr: null, label: raw("") };
 }
 
 /** Classify one concrete score using the same semantics as
diff --git a/web/src/enterprise/composables/useAgentScope.ts b/web/src/enterprise/composables/useAgentScope.ts
index ffc9d7e38b..7cd31ee31e 100644
--- a/web/src/enterprise/composables/useAgentScope.ts
+++ b/web/src/enterprise/composables/useAgentScope.ts
@@ -23,6 +23,8 @@
 // first-agent default the selected agent's `source_stream` is non-empty, so the
 // fallback is never observably reached (covered by an equivalence test).
 
+import { raw } from "@/types/i18n";
+
 import { computed, ref, watch } from "vue";
 import type { ComputedRef, Ref } from "vue";
 import type { GenAiAgentListItem } from "@/services/gen-ai-agent-mapping.service";
@@ -182,7 +184,7 @@ export function useAgentScope(opts: UseAgentScopeOptions): UseAgentScopeReturn {
       if (seen.has(v)) continue;
       seen.add(v);
       out.push({
-        label: v === UNSET ? (unsetLabel ?? v) : v,
+        label: raw(v === UNSET ? (unsetLabel ?? v) : v),
         value: v,
       });
     }
diff --git a/web/src/enterprise/views/AIObservability/AgentSignalDetailPanel.vue b/web/src/enterprise/views/AIObservability/AgentSignalDetailPanel.vue
index 390046635f..b3ad512eeb 100644
--- a/web/src/enterprise/views/AIObservability/AgentSignalDetailPanel.vue
+++ b/web/src/enterprise/views/AIObservability/AgentSignalDetailPanel.vue
@@ -19,7 +19,7 @@
     :open="open"
     side="right"
     :width="55"
-    :title="title"
+    :title="raw(title)"
     data-test="agent-signal-detail-panel"
     @update:open="(v: boolean) => emit('update:open', v)"
   >
@@ -153,7 +153,7 @@
 
 <script setup lang="ts">
 import { ref, computed, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import ODrawer from "@/lib/overlay/Drawer/ODrawer.vue";
@@ -202,7 +202,7 @@ const router = useRouter();
 
 const errorRows = ref<
   Array<{
-    message: string;
+    message: I18nText;
     full: string;
     occurrences: number;
     traces: number;
@@ -488,7 +488,7 @@ const fetchDetails = async () => {
       ).map((h: any) => ({
         // `message` is the condensed one-line gist (scannable); `full` is the
         // raw text, revealed on demand via the expand toggle.
-        message: condenseError(h.message),
+        message: raw(condenseError(h.message)),
         full: h.message,
         occurrences: h.occurrences,
         traces: h.traces,
diff --git a/web/src/enterprise/views/AIObservability/Index.vue b/web/src/enterprise/views/AIObservability/Index.vue
index b4d78f2aed..ee34b3ec6a 100644
--- a/web/src/enterprise/views/AIObservability/Index.vue
+++ b/web/src/enterprise/views/AIObservability/Index.vue
@@ -38,7 +38,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRoute } from "vue-router";
 import OPageLayout from "@/lib/core/PageLayout/OPageLayout.vue";
@@ -152,7 +152,7 @@ const activeSectionItem = computed(() =>
 // Group order: Monitor before Evaluate.
 const sectionGroupOrder = ["Monitor", "Evaluate"];
 
-const groupLabels = computed<Record<string, string>>(() => ({
+const groupLabels = computed<Record<string, I18nText>>(() => ({
   Monitor: t("aiObservability.sections.monitor"),
   Evaluate: t("aiObservability.sections.evaluate"),
 }));
@@ -170,7 +170,7 @@ const sectionGroups = computed<SectionHubGroup[]>(() => {
   };
   return [...buckets.keys()]
     .sort((a, b) => rank(a) - rank(b))
-    .map((key) => ({ label: groupLabels.value[key] ?? key, items: buckets.get(key)! }));
+    .map((key) => ({ label: groupLabels.value[key] ?? raw(key), items: buckets.get(key)! }));
 });
 
 // Reserved for future per-section header chrome wiring (mirrors Settings'
diff --git a/web/src/enterprise/views/AIObservability/PanelSectionHeader.vue b/web/src/enterprise/views/AIObservability/PanelSectionHeader.vue
index 3343c50fd1..bc6bbe1d78 100644
--- a/web/src/enterprise/views/AIObservability/PanelSectionHeader.vue
+++ b/web/src/enterprise/views/AIObservability/PanelSectionHeader.vue
@@ -12,14 +12,15 @@
 // `#actions` slot for a trailing control.
 -->
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 const props = defineProps<{
-  title: string;
+  title: I18nText;
   /** Optional one-line explanation under the title. */
-  hint?: string;
+  hint?: I18nText;
   /** Optional leading glyph — use the SAME one as the section's summary tile. */
   icon?: IconName;
   /** Icon colour — match the summary tile's tone so the two read as one thing. */
diff --git a/web/src/lib/core/Badge/ODimensionChip.vue b/web/src/lib/core/Badge/ODimensionChip.vue
index c2c365d273..7645629213 100644
--- a/web/src/lib/core/Badge/ODimensionChip.vue
+++ b/web/src/lib/core/Badge/ODimensionChip.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // ODimensionChip — the standard key|value dimension chip (k8s-cluster=prod,
@@ -44,6 +45,6 @@ withDefaults(
         <span class="min-w-0 truncate py-1.5 ps-1 pe-2.5 font-semibold">{{ value }}</span>
       </span>
     </OTag>
-    <OTooltip v-if="tooltip" :delay="300" :content="`${dimKey}=${value}`" />
+    <OTooltip v-if="tooltip" :delay="300" :content="raw(`${dimKey}=${value}`)" />
   </span>
 </template>
diff --git a/web/src/lib/core/Badge/OTag.vue b/web/src/lib/core/Badge/OTag.vue
index 6444e8dc37..ac7ed0a80c 100644
--- a/web/src/lib/core/Badge/OTag.vue
+++ b/web/src/lib/core/Badge/OTag.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // OTag — THE badge component for the whole app. It is a superset of OBadge:
@@ -50,7 +51,7 @@ const props = withDefaults(
     /** Override the corner shape: pill, rounded, or square. */
     shape?: BadgeShape;
     /** Override the resolved label with dynamic/runtime text. */
-    label?: string;
+    label?: I18nText;
     /** Override the resolved colour variant. */
     variant?: BadgeVariant;
     /** Override the resolved icon (OIcon name). Pass "" to suppress. */
@@ -66,12 +67,12 @@ const props = withDefaults(
     /** Mute + disable interaction (OBadge passthrough). */
     disabled?: boolean;
     /** Text shown when a typed value is empty. Default "—". */
-    emptyLabel?: string;
+    emptyLabel?: I18nText;
   }>(),
   // `dot` MUST default to undefined (not Vue's Boolean-absent→false coercion) so
   // `props.dot ?? resolved.dot` falls back to the registry's dot when the caller
   // doesn't pass it. Without this, every dot-mode group silently loses its dot.
-  { emptyLabel: "—", dot: undefined },
+  { emptyLabel: raw("—"), dot: undefined },
 );
 
 const emit = defineEmits<{ click: [e: MouseEvent | KeyboardEvent] }>();
diff --git a/web/src/lib/core/Badge/badgeGroups.spec.ts b/web/src/lib/core/Badge/badgeGroups.spec.ts
index 2208627be9..759b44a99f 100644
--- a/web/src/lib/core/Badge/badgeGroups.spec.ts
+++ b/web/src/lib/core/Badge/badgeGroups.spec.ts
@@ -16,7 +16,7 @@ describe("badgeGroups", () => {
     expect(r.variant).toBe("blue-soft");
     expect(r.icon).toBe("bolt");
     expect(r.dot).toBe(false);
-    expect(r.label).toBe("Real-time");
+    expect(r.labelKey).toBe("components.badge.alertType.realtime");
   });
 
   it("resolves alertStatus to dot mode (no icon)", () => {
@@ -79,10 +79,12 @@ describe("badgeGroups", () => {
   it("resolves normalizeState boolean → primary/Normalized, default/Not Normalized", () => {
     const t = resolveBadge("normalizeState", true);
     expect(t.variant).toBe("primary");
-    expect(t.label).toBe("Normalized");
+    expect(t.labelKey).toBe("components.badge.normalizeState.true");
     const f = resolveBadge("normalizeState", false);
     expect(f.variant).toBe("default");
-    expect(f.label).toBe("Not Normalized");
+    // "Not Normalized" moved from a hardcoded `label` to a translatable `labelKey`,
+    // which OTag resolves via t() (label precedence: prop → labelKey → label).
+    expect(f.labelKey).toBe("components.badge.normalizeState.false");
   });
 
   it("resolves fieldDiffStatus (new→success, existing→default, sm)", () => {
@@ -182,8 +184,12 @@ describe("badgeGroups", () => {
   });
 
   it("alert 'condition_not_satisfied' resolves to the Ok label", () => {
-    expect(resolveBadge("alertState", "condition_not_satisfied").label).toBe("Ok");
-    expect(resolveBadge("alertState", "Condition Not Satisfied").label).toBe("Ok");
+    expect(resolveBadge("alertState", "condition_not_satisfied").labelKey).toBe(
+      "components.badge.alertState.ok",
+    );
+    expect(resolveBadge("alertState", "Condition Not Satisfied").labelKey).toBe(
+      "components.badge.alertState.ok",
+    );
   });
 
   it("resolves the groups added in the OTag type/value sweep", () => {
diff --git a/web/src/lib/core/Badge/badgeGroups.ts b/web/src/lib/core/Badge/badgeGroups.ts
index f977dd2242..52641250b6 100644
--- a/web/src/lib/core/Badge/badgeGroups.ts
+++ b/web/src/lib/core/Badge/badgeGroups.ts
@@ -25,7 +25,7 @@
 // to the same entry.
 // ─────────────────────────────────────────────────────────────────────────
 
-import type { I18nKey } from "@/types/i18n";
+import { raw, type I18nKey, I18nText } from "@/types/i18n";
 
 import type { BadgeVariant, BadgeSize, BadgeShape } from "./OBadge.types";
 import { statusVariant } from "@/lib/core/Table/cells/statusVariant";
@@ -39,7 +39,7 @@ export interface BadgeValueConfig {
   /** OIcon name — shown when the effective mode is "icon". */
   icon?: string;
   /** Display text. Defaults to the humanised value. */
-  label?: string;
+  label?: I18nText;
   /**
    * i18n key for the label. Resolved by `OTag` via `t(labelKey)` (the registry
    * is a plain module with no i18n context). Use this instead of `label` when
@@ -99,8 +99,16 @@ export const BADGE_GROUPS = {
     shape: "pill",
     values: {
       scheduled: { variant: "teal-soft", icon: "schedule" },
-      realtime: { variant: "blue-soft", icon: "bolt", label: "Real-time" },
-      anomalydetection: { variant: "purple-soft", icon: "query-stats", label: "Anomaly Detection" },
+      realtime: {
+        variant: "blue-soft",
+        icon: "bolt",
+        labelKey: "components.badge.alertType.realtime",
+      },
+      anomalydetection: {
+        variant: "purple-soft",
+        icon: "query-stats",
+        labelKey: "components.badge.alertType.anomalydetection",
+      },
     },
   },
 
@@ -143,10 +151,10 @@ export const BADGE_GROUPS = {
       medium: { variant: "amber-soft" },
       low: { variant: "blue-soft" },
       info: { variant: "default-soft" },
-      p1: { variant: "error-soft", label: "P1" },
-      p2: { variant: "orange-soft", label: "P2" },
-      p3: { variant: "amber-soft", label: "P3" },
-      p4: { variant: "blue-soft", label: "P4" },
+      p1: { variant: "error-soft", label: raw("P1") },
+      p2: { variant: "orange-soft", label: raw("P2") },
+      p3: { variant: "amber-soft", label: raw("P3") },
+      p4: { variant: "blue-soft", label: raw("P4") },
     },
   },
 
@@ -158,8 +166,8 @@ export const BADGE_GROUPS = {
       trace: { variant: "default-soft" },
       debug: { variant: "default-soft" },
       info: { variant: "blue-soft" },
-      warn: { variant: "amber-soft", label: "WARN" },
-      warning: { variant: "amber-soft", label: "WARN" },
+      warn: { variant: "amber-soft", label: raw("WARN") },
+      warning: { variant: "amber-soft", label: raw("WARN") },
       error: { variant: "error-soft" },
       fatal: { variant: "purple-soft" },
     },
@@ -170,7 +178,11 @@ export const BADGE_GROUPS = {
     mode: "icon",
     shape: "pill",
     values: {
-      realtime: { variant: "blue-soft", icon: "bolt", label: "Real-time" },
+      realtime: {
+        variant: "blue-soft",
+        icon: "bolt",
+        labelKey: "components.badge.pipelineType.realtime",
+      },
       scheduled: { variant: "teal-soft", icon: "schedule" },
     },
   },
@@ -192,7 +204,11 @@ export const BADGE_GROUPS = {
         labelKey: "settings.correlation.traces",
       },
       metadata: { variant: "default-soft", icon: "info" },
-      enrichmenttables: { variant: "amber-soft", icon: "database", label: "Enrichment" },
+      enrichmenttables: {
+        variant: "amber-soft",
+        icon: "database",
+        labelKey: "components.badge.streamType.enrichment",
+      },
       index: { variant: "cyan-soft", icon: "database" },
     },
   },
@@ -272,7 +288,10 @@ export const BADGE_GROUPS = {
       member: { variant: "blue-soft" },
       viewer: { variant: "default-soft" },
       user: { variant: "default-soft" },
-      serviceaccount: { variant: "teal-soft", label: "Service Account" },
+      serviceaccount: {
+        variant: "teal-soft",
+        labelKey: "components.badge.userRole.serviceaccount",
+      },
     },
   },
 
@@ -281,9 +300,9 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "pill",
     values: {
-      sso: { variant: "blue-soft", label: "SSO" },
+      sso: { variant: "blue-soft", label: raw("SSO") },
       native: { variant: "default-soft" },
-      ldap: { variant: "purple-soft", label: "LDAP" },
+      ldap: { variant: "purple-soft", label: raw("LDAP") },
     },
   },
 
@@ -292,11 +311,11 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "pill",
     values: {
-      get: { variant: "blue-soft", label: "GET" },
-      post: { variant: "success-soft", label: "POST" },
-      put: { variant: "warning-soft", label: "PUT" },
-      patch: { variant: "purple-soft", label: "PATCH" },
-      delete: { variant: "error-soft", label: "DELETE" },
+      get: { variant: "blue-soft", label: raw("GET") },
+      post: { variant: "success-soft", label: raw("POST") },
+      put: { variant: "warning-soft", label: raw("PUT") },
+      patch: { variant: "purple-soft", label: raw("PATCH") },
+      delete: { variant: "error-soft", label: raw("DELETE") },
     },
   },
 
@@ -305,14 +324,14 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "rounded",
     values: {
-      utf8: { variant: "blue-soft", label: "String" },
+      utf8: { variant: "blue-soft", label: raw("String") },
       string: { variant: "blue-soft" },
-      int64: { variant: "purple-soft", label: "Int" },
-      integer: { variant: "purple-soft", label: "Int" },
-      float64: { variant: "cyan-soft", label: "Float" },
+      int64: { variant: "purple-soft", label: raw("Int") },
+      integer: { variant: "purple-soft", label: raw("Int") },
+      float64: { variant: "cyan-soft", label: raw("Float") },
       float: { variant: "cyan-soft" },
-      boolean: { variant: "teal-soft", label: "Bool" },
-      bool: { variant: "teal-soft", label: "Bool" },
+      boolean: { variant: "teal-soft", label: raw("Bool") },
+      bool: { variant: "teal-soft", label: raw("Bool") },
       object: { variant: "default-soft" },
       array: { variant: "default-soft" },
     },
@@ -326,9 +345,13 @@ export const BADGE_GROUPS = {
       email: { variant: "blue-soft", icon: "mail" },
       webhook: { variant: "teal-soft", icon: "webhook" },
       slack: { variant: "purple-soft", icon: "webhook" },
-      http: { variant: "teal-soft", icon: "webhook", label: "HTTP" },
-      sns: { variant: "orange-soft", icon: "cloud", label: "SNS" },
-      remotepipeline: { variant: "cyan-soft", icon: "hub", label: "Remote Pipeline" },
+      http: { variant: "teal-soft", icon: "webhook", label: raw("HTTP") },
+      sns: { variant: "orange-soft", icon: "cloud", label: raw("SNS") },
+      remotepipeline: {
+        variant: "cyan-soft",
+        icon: "hub",
+        labelKey: "components.badge.destinationType.remotepipeline",
+      },
     },
   },
 
@@ -390,7 +413,11 @@ export const BADGE_GROUPS = {
     values: {
       runtime: { variant: "default-outline", icon: "code" },
       setuptime: { variant: "primary-soft", icon: "schedule" },
-      cost: { variant: "default-outline", icon: "attach-money", label: "Cost & Tokens Captured" },
+      cost: {
+        variant: "default-outline",
+        icon: "attach-money",
+        labelKey: "components.badge.setupCardMeta.cost",
+      },
       meta: { variant: "default-outline" },
     },
     fallback: { variant: "default-outline" },
@@ -449,7 +476,7 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "md",
     values: {
-      invited: { variant: "warning-soft", label: "Invited" },
+      invited: { variant: "warning-soft", labelKey: "components.badge.userStatus.invited" },
     },
     fallback: { variant: "default-soft" },
   },
@@ -516,13 +543,13 @@ export const BADGE_GROUPS = {
     // xs: this badge lives in dense card footers and dialog headers.
     size: "xs",
     values: {
-      counter: { variant: "blue-soft", label: "Counter" },
-      gauge: { variant: "success-soft", label: "Gauge" },
-      histogram: { variant: "purple-soft", label: "Histogram" },
-      summary: { variant: "orange-soft", label: "Summary" },
-      other: { variant: "default-soft", label: "Other" },
+      counter: { variant: "blue-soft", label: raw("Counter") },
+      gauge: { variant: "success-soft", label: raw("Gauge") },
+      histogram: { variant: "purple-soft", label: raw("Histogram") },
+      summary: { variant: "orange-soft", label: raw("Summary") },
+      other: { variant: "default-soft", label: raw("Other") },
     },
-    fallback: { variant: "default-soft", label: "Other" },
+    fallback: { variant: "default-soft", label: raw("Other") },
   },
 
   // Metric/info chip — trace & thread toolbar chips (Service/Duration/Cost/Steps…)
@@ -576,9 +603,9 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "md",
     values: {
-      p50: { variant: "default-soft", label: "P50" },
-      p95: { variant: "default-soft", label: "P95" },
-      p99: { variant: "default-soft", label: "P99" },
+      p50: { variant: "default-soft", label: raw("P50") },
+      p95: { variant: "default-soft", label: raw("P95") },
+      p99: { variant: "default-soft", label: raw("P99") },
     },
     fallback: { variant: "default-soft" },
   },
@@ -601,8 +628,8 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "md",
     values: {
-      png: { variant: "primary-outline", label: "PNG" },
-      preview: { variant: "default-outline", label: "Preview" },
+      png: { variant: "primary-outline", label: raw("PNG") },
+      preview: { variant: "default-outline", labelKey: "components.badge.reportTag.preview" },
     },
     fallback: { variant: "default-outline" },
   },
@@ -638,7 +665,7 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "pill",
     values: {
-      system: { variant: "primary-outline", size: "sm", label: "system" },
+      system: { variant: "primary-outline", size: "sm", label: raw("system") },
       managed: {
         variant: "default-outline",
         size: "md",
@@ -707,10 +734,10 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "md",
     values: {
-      true: { variant: "primary", label: "Normalized" },
-      false: { variant: "default", label: "Not Normalized" },
+      true: { variant: "primary", labelKey: "components.badge.normalizeState.true" },
+      false: { variant: "default", labelKey: "components.badge.normalizeState.false" },
     },
-    fallback: { variant: "default", label: "Not Normalized" },
+    fallback: { variant: "default", labelKey: "components.badge.normalizeState.fallback" },
   },
 
   // Field diff status (ImportSemanticGroups modification compare) — a proposed
@@ -860,14 +887,14 @@ export const BADGE_GROUPS = {
     mode: "dot",
     shape: "pill",
     values: {
-      true: { variant: "success-soft", label: "Yes" },
+      true: { variant: "success-soft", labelKey: "components.badge.booleanState.yes" },
       yes: { variant: "success-soft" },
       enabled: { variant: "success-soft" },
-      on: { variant: "success-soft", label: "On" },
-      false: { variant: "default-soft", label: "No" },
+      on: { variant: "success-soft", labelKey: "components.badge.booleanState.on" },
+      false: { variant: "default-soft", labelKey: "components.badge.booleanState.no" },
       no: { variant: "default-soft" },
       disabled: { variant: "default-soft" },
-      off: { variant: "default-soft", label: "Off" },
+      off: { variant: "default-soft", labelKey: "components.badge.booleanState.off" },
     },
   },
 
@@ -878,10 +905,10 @@ export const BADGE_GROUPS = {
     mode: "dot",
     shape: "pill",
     values: {
-      ok: { variant: "success-soft", label: "OK" },
+      ok: { variant: "success-soft", label: raw("OK") },
       success: { variant: "success-soft" },
-      error: { variant: "error-soft", label: "Error" },
-      unset: { variant: "default-soft", label: "Unset" },
+      error: { variant: "error-soft", label: raw("Error") },
+      unset: { variant: "default-soft", label: raw("Unset") },
     },
   },
 
@@ -892,11 +919,11 @@ export const BADGE_GROUPS = {
     shape: "rounded",
     size: "xs",
     values: {
-      client: { variant: "blue-soft", label: "Client" },
-      server: { variant: "purple-soft", label: "Server" },
-      producer: { variant: "teal-soft", label: "Producer" },
-      consumer: { variant: "amber-soft", label: "Consumer" },
-      internal: { variant: "default-soft", label: "Internal" },
+      client: { variant: "blue-soft", label: raw("Client") },
+      server: { variant: "purple-soft", label: raw("Server") },
+      producer: { variant: "teal-soft", label: raw("Producer") },
+      consumer: { variant: "amber-soft", label: raw("Consumer") },
+      internal: { variant: "default-soft", label: raw("Internal") },
     },
   },
 
@@ -926,8 +953,8 @@ export const BADGE_GROUPS = {
     values: {
       remote: { variant: "teal-soft" },
       code: { variant: "purple-soft" },
-      llmjudge: { variant: "blue-soft", label: "LLM Judge" },
-      llm: { variant: "blue-soft", label: "LLM Judge" },
+      llmjudge: { variant: "blue-soft", labelKey: "components.badge.scorerType.llmjudge" },
+      llm: { variant: "blue-soft", labelKey: "components.badge.scorerType.llm" },
     },
   },
 
@@ -1031,9 +1058,13 @@ export const BADGE_GROUPS = {
     mode: "icon",
     shape: "pill",
     values: {
-      pass: { variant: "success-soft", icon: "check-circle", label: "PASS" },
-      fail: { variant: "error-soft", icon: "cancel", label: "FAIL" },
-      unknown: { variant: "default-soft", icon: "help-outline", label: "Unknown" },
+      pass: { variant: "success-soft", icon: "check-circle", label: raw("PASS") },
+      fail: { variant: "error-soft", icon: "cancel", label: raw("FAIL") },
+      unknown: {
+        variant: "default-soft",
+        icon: "help-outline",
+        labelKey: "components.badge.evaluationVerdict.unknown",
+      },
     },
     fallback: { variant: "default-soft", icon: "help-outline" },
   },
@@ -1062,7 +1093,7 @@ export const BADGE_GROUPS = {
     shape: "pill",
     values: {
       completed: { variant: "success-soft" },
-      inprogress: { variant: "blue-soft", label: "In Progress" },
+      inprogress: { variant: "blue-soft", labelKey: "components.badge.deletionStatus.inprogress" },
       pending: { variant: "warning-soft" },
       failed: { variant: "error-soft" },
     },
@@ -1087,11 +1118,26 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "pill",
     values: {
-      rageclick: { variant: "warning-soft", label: "Rage Click" },
-      deadclick: { variant: "default-soft", label: "Dead Click" },
-      errorclick: { variant: "error-soft", label: "Error Click" },
-      ragetap: { variant: "warning-soft", label: "Rage Tap" },
-      errortap: { variant: "error-soft", label: "Error Tap" },
+      rageclick: {
+        variant: "warning-soft",
+        labelKey: "components.badge.frustrationEventType.rageclick",
+      },
+      deadclick: {
+        variant: "default-soft",
+        labelKey: "components.badge.frustrationEventType.deadclick",
+      },
+      errorclick: {
+        variant: "error-soft",
+        labelKey: "components.badge.frustrationEventType.errorclick",
+      },
+      ragetap: {
+        variant: "warning-soft",
+        labelKey: "components.badge.frustrationEventType.ragetap",
+      },
+      errortap: {
+        variant: "error-soft",
+        labelKey: "components.badge.frustrationEventType.errortap",
+      },
     },
   },
 
@@ -1120,15 +1166,27 @@ export const BADGE_GROUPS = {
       // badge (the timeline aggregates it under firing separately, but the per-row
       // badge reads as Ok).
       completed: { variant: "success-soft", icon: "check-circle-outline" },
-      ok: { variant: "success-soft", icon: "check-circle-outline", label: "Ok" },
+      ok: {
+        variant: "success-soft",
+        icon: "check-circle-outline",
+        labelKey: "components.badge.alertState.ok",
+      },
       success: { variant: "success-soft", icon: "check-circle-outline" },
       normal: { variant: "success-soft", icon: "check-circle-outline" },
       // A non-firing/passed evaluation. The histogram counts these as "Ok", so
       // the badge shows "Ok" too. Key MUST be normalised (no separators) so
       // "condition_not_satisfied", "Condition Not Satisfied", etc. all resolve here.
-      conditionnotsatisfied: { variant: "success-soft", icon: "check-circle-outline", label: "Ok" },
+      conditionnotsatisfied: {
+        variant: "success-soft",
+        icon: "check-circle-outline",
+        labelKey: "components.badge.alertState.ok",
+      },
       skipped: { variant: "warning-soft", icon: "block" },
-      flapping: { variant: "warning-soft", icon: "bolt", label: "Flapping" },
+      flapping: {
+        variant: "warning-soft",
+        icon: "bolt",
+        labelKey: "components.badge.alertState.flapping",
+      },
       failed: { variant: "error-soft", icon: "cancel" },
       pending: { variant: "blue-soft", icon: "schedule" },
     },
@@ -1175,8 +1233,8 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "pill",
     values: {
-      mcp: { variant: "primary-soft", label: "MCP" },
-      cli: { variant: "success-soft", label: "CLI" },
+      mcp: { variant: "primary-soft", label: raw("MCP") },
+      cli: { variant: "success-soft", label: raw("CLI") },
       skill: { variant: "warning-soft" },
       generic: { variant: "default-soft" },
     },
@@ -1188,11 +1246,11 @@ export const BADGE_GROUPS = {
     mode: "dot",
     shape: "pill",
     values: {
-      verylow: { variant: "success-soft", label: "Very Low" },
+      verylow: { variant: "success-soft", labelKey: "components.badge.cardinalityClass.verylow" },
       low: { variant: "success-soft" },
       medium: { variant: "warning-soft" },
       high: { variant: "error-soft" },
-      veryhigh: { variant: "error-soft", label: "Very High" },
+      veryhigh: { variant: "error-soft", labelKey: "components.badge.cardinalityClass.veryhigh" },
       unknown: { variant: "default-soft" },
     },
     fallback: { variant: "default-soft" },
@@ -1218,7 +1276,7 @@ export const BADGE_GROUPS = {
     shape: "pill",
     values: {
       success: { variant: "success-soft" },
-      ok: { variant: "success-soft", label: "OK" },
+      ok: { variant: "success-soft", label: raw("OK") },
       error: { variant: "error-soft" },
       timeout: { variant: "warning-soft" },
       skipped: { variant: "default-soft" },
@@ -1233,8 +1291,8 @@ export const BADGE_GROUPS = {
     mode: "dot",
     shape: "pill",
     values: {
-      ok: { variant: "success-soft", label: "Ok" },
-      error: { variant: "error-soft", label: "Error" },
+      ok: { variant: "success-soft", labelKey: "components.badge.sessionStatus.ok" },
+      error: { variant: "error-soft", labelKey: "components.badge.sessionStatus.error" },
     },
     fallback: { variant: "default-soft" },
   },
@@ -1247,8 +1305,11 @@ export const BADGE_GROUPS = {
       healthy: { variant: "success-soft" },
       warn: { variant: "warning-soft" },
       unhealthy: { variant: "error-soft" },
-      nothreshold: { variant: "default-soft", label: "No Threshold" },
-      nodata: { variant: "default-soft", label: "No Data" },
+      nothreshold: {
+        variant: "default-soft",
+        labelKey: "components.badge.qualityStatus.nothreshold",
+      },
+      nodata: { variant: "default-soft", labelKey: "components.badge.qualityStatus.nodata" },
     },
     fallback: { variant: "default-soft" },
   },
@@ -1279,7 +1340,7 @@ export const BADGE_GROUPS = {
       action: { variant: "purple-soft" },
       error: { variant: "error-soft" },
       resource: { variant: "teal-soft" },
-      longtask: { variant: "warning-soft", label: "Long Task" },
+      longtask: { variant: "warning-soft", labelKey: "components.badge.rumEventType.longtask" },
     },
     fallback: { variant: "default-soft" },
   },
@@ -1289,8 +1350,8 @@ export const BADGE_GROUPS = {
     mode: "plain",
     shape: "pill",
     values: {
-      stream: { variant: "primary-soft", label: "Stream" },
-      global: { variant: "default-soft", label: "Global" },
+      stream: { variant: "primary-soft", labelKey: "components.badge.crossLinkSource.stream" },
+      global: { variant: "default-soft", labelKey: "components.badge.crossLinkSource.global" },
     },
     fallback: { variant: "default-soft" },
   },
@@ -1301,7 +1362,10 @@ export const BADGE_GROUPS = {
     shape: "pill",
     values: {
       free: { variant: "default-soft" },
-      payasyougo: { variant: "blue-soft", label: "Pay as you go" },
+      payasyougo: {
+        variant: "blue-soft",
+        labelKey: "components.badge.subscriptionPlan.payasyougo",
+      },
       enterprise: { variant: "purple-soft" },
     },
     fallback: { variant: "default-soft" },
@@ -1313,12 +1377,12 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "sm",
     values: {
-      http: { variant: "blue-soft", label: "HTTP" },
-      browser: { variant: "purple-soft", label: "Browser" },
-      api: { variant: "success-soft", label: "API" },
-      tcp: { variant: "orange-soft", label: "TCP" },
-      ping: { variant: "default-soft", label: "Ping" },
-      dns: { variant: "amber-soft", label: "DNS" },
+      http: { variant: "blue-soft", label: raw("HTTP") },
+      browser: { variant: "purple-soft", label: raw("Browser") },
+      api: { variant: "success-soft", label: raw("API") },
+      tcp: { variant: "orange-soft", label: raw("TCP") },
+      ping: { variant: "default-soft", label: raw("Ping") },
+      dns: { variant: "amber-soft", label: raw("DNS") },
     },
   },
 
@@ -1351,10 +1415,13 @@ export const BADGE_GROUPS = {
     shape: "pill",
     class: "px-3 py-2",
     values: {
-      aws: { variant: "success-soft", label: "AWS Marketplace" },
-      azure: { variant: "success-soft", label: "Azure Marketplace" },
-      stripe: { variant: "default-soft", label: "Stripe" },
-      contract: { variant: "default-soft", label: "Contract" },
+      aws: { variant: "success-soft", labelKey: "components.badge.billingManagement.aws" },
+      azure: { variant: "success-soft", labelKey: "components.badge.billingManagement.azure" },
+      stripe: { variant: "default-soft", label: raw("Stripe") },
+      contract: {
+        variant: "default-soft",
+        labelKey: "components.badge.billingManagement.contract",
+      },
     },
     fallback: { variant: "default-soft" },
   },
@@ -1365,9 +1432,17 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "sm",
     values: {
-      applied: { variant: "success-soft", icon: "check-circle", label: "Applied" },
+      applied: {
+        variant: "success-soft",
+        icon: "check-circle",
+        labelKey: "components.badge.themeApplied.applied",
+      },
+    },
+    fallback: {
+      variant: "success-soft",
+      icon: "check-circle",
+      labelKey: "components.badge.themeApplied.fallback",
     },
-    fallback: { variant: "success-soft", icon: "check-circle", label: "Applied" },
   },
 
   // Feature flags — PILL, extra-small (compact BETA / HA / Coming Soon chips).
@@ -1376,9 +1451,9 @@ export const BADGE_GROUPS = {
     shape: "pill",
     size: "xs",
     values: {
-      beta: { variant: "primary-soft", label: "BETA" },
-      ha: { variant: "primary-soft", label: "HA" },
-      comingsoon: { variant: "default-soft", label: "Coming Soon" },
+      beta: { variant: "primary-soft", label: raw("BETA") },
+      ha: { variant: "primary-soft", label: raw("HA") },
+      comingsoon: { variant: "default-soft", labelKey: "components.badge.featureFlag.comingsoon" },
     },
     fallback: { variant: "default-soft" },
   },
@@ -1388,7 +1463,7 @@ export type BadgeGroupName = keyof typeof BADGE_GROUPS;
 
 export interface ResolvedBadge {
   variant: BadgeVariant;
-  label: string;
+  label: I18nText;
   /** i18n key for the label, if the matched value declared one. `OTag`
    *  translates this when no explicit `label` is supplied. */
   labelKey?: I18nKey;
@@ -1417,7 +1492,8 @@ export function resolveBadge(
   group: BadgeGroupName | string | undefined,
   value: unknown,
 ): ResolvedBadge {
-  const raw = String(value ?? "").trim();
+  // `raw` is the imported i18n opt-out, so the local value keeps a distinct name.
+  const rawValue = String(value ?? "").trim();
   const key = normalizeKey(value);
   const cfg = group ? (BADGE_GROUPS as Record<string, BadgeGroupConfig>)[group] : undefined;
 
@@ -1426,7 +1502,7 @@ export function resolveBadge(
     const generic = statusVariant(value);
     return {
       variant: generic.variant,
-      label: raw ? humanize(raw) : "—",
+      label: raw(rawValue ? humanize(rawValue) : "—"),
       dot: true,
       mode: "dot",
     };
@@ -1437,7 +1513,7 @@ export function resolveBadge(
 
   return {
     variant: entry.variant,
-    label: entry.label ?? (raw ? humanize(raw) : "—"),
+    label: entry.label ?? raw(rawValue ? humanize(rawValue) : "—"),
     labelKey: entry.labelKey,
     icon: mode === "icon" ? entry.icon : undefined,
     dot: entry.dot ?? mode === "dot",
diff --git a/web/src/lib/core/Code/OCodeBlock.types.ts b/web/src/lib/core/Code/OCodeBlock.types.ts
index 61ad034698..29d72b73bf 100644
--- a/web/src/lib/core/Code/OCodeBlock.types.ts
+++ b/web/src/lib/core/Code/OCodeBlock.types.ts
@@ -5,6 +5,8 @@
 //
 // For inline/simple code chips (no highlighting), use OCode instead.
 
+import type { I18nText } from "@/types/i18n";
+
 export type CodeBlockChrome = "terminal" | "editor";
 
 export interface CodeBlockProps {
@@ -28,11 +30,11 @@ export interface CodeBlockProps {
   filename?: string;
   /** Show the copy button. Default: true. */
   copyable?: boolean;
-  /** Toast shown on a successful copy. */
-  copyMessage?: string;
+  /** Toast shown on a successful copy (defaults to the translated "Copied to clipboard"). */
+  copyMessage?: I18nText;
   /** Tooltips for the reveal/hide toggle (when `codeMasked` is set). */
-  revealTooltip?: string;
-  hideTooltip?: string;
+  revealTooltip?: I18nText;
+  hideTooltip?: I18nText;
   /**
    * data-test prefix for the toolbar buttons, e.g. "ai-code" yields
    * "ai-code-copy-btn" / "ai-code-reveal-btn". Default: "code-block".
diff --git a/web/src/lib/core/Code/OCodeBlock.vue b/web/src/lib/core/Code/OCodeBlock.vue
index 7caa577b7f..7ae4a49da8 100644
--- a/web/src/lib/core/Code/OCodeBlock.vue
+++ b/web/src/lib/core/Code/OCodeBlock.vue
@@ -36,12 +36,14 @@ const { t } = useI18nTyped();
 
 const props = withDefaults(defineProps<CodeBlockProps>(), {
   copyable: true,
-  copyMessage: "Copied to clipboard!",
-  revealTooltip: "Reveal",
-  hideTooltip: "Hide",
   dataTest: "code-block",
 });
 
+// Resolved here rather than as `withDefaults` defaults: a default is evaluated
+// once at module scope, which would freeze these tooltips in the boot locale.
+const revealTooltipText = computed(() => props.revealTooltip ?? t("common.reveal"));
+const hideTooltipText = computed(() => props.hideTooltip ?? t("common.hide"));
+
 const emit = defineEmits<CodeBlockEmits>();
 defineSlots<CodeBlockSlots>();
 
@@ -77,8 +79,9 @@ const highlighted = computed(() => highlightOne(displayCode.value, props.lang));
 
 const onCopy = () => {
   copyToClipboard(props.code, t, {
-    successMessage: props.copyMessage,
-    errorMessage: "Error while copying content.",
+    // Render-time fallback so the default stays locale-reactive.
+    successMessage: props.copyMessage ?? t("common.copySuccess"),
+    errorMessage: t("common.copyContentError"),
   });
   emit("copy");
 };
@@ -127,7 +130,7 @@ const onCopy = () => {
           @click="revealed = !revealed"
         >
           <OIcon :name="revealed ? 'visibility-off' : 'visibility'" size="sm" />
-          <OTooltip :content="revealed ? hideTooltip : revealTooltip" side="top" />
+          <OTooltip :content="revealed ? hideTooltipText : revealTooltipText" side="top" />
         </OButton>
         <!-- Extra toolbar actions (e.g. a download button) -->
         <slot name="actions" />
diff --git a/web/src/lib/core/Collapsible/OCollapsible.types.ts b/web/src/lib/core/Collapsible/OCollapsible.types.ts
index 25fc354bc7..48f28f2ef8 100644
--- a/web/src/lib/core/Collapsible/OCollapsible.types.ts
+++ b/web/src/lib/core/Collapsible/OCollapsible.types.ts
@@ -1,13 +1,15 @@
+import type { I18nText } from "@/types/i18n";
+
 export interface OCollapsibleProps {
   /** Trigger label text (used when no #trigger slot is provided) */
-  label?: string;
+  label?: I18nText;
   /**
    * Material icon name shown before the label.
    * Pass the icon name string e.g. `"settings"` or `"expand_more"`.
    */
   icon?: string;
   /** Secondary caption text below the label */
-  caption?: string;
+  caption?: I18nText;
   /**
    * Initial open state (uncontrolled).
    * When `modelValue` is also provided, `modelValue` takes precedence.
diff --git a/web/src/lib/core/EmptyState/EmptyStateActionCard.vue b/web/src/lib/core/EmptyState/EmptyStateActionCard.vue
index 5b81ea1f22..38dd44ec48 100644
--- a/web/src/lib/core/EmptyState/EmptyStateActionCard.vue
+++ b/web/src/lib/core/EmptyState/EmptyStateActionCard.vue
@@ -50,13 +50,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 defineProps<{
   icon: IconName | (string & {});
-  label: string;
-  sublabel?: string;
+  label: I18nText;
+  sublabel?: I18nText;
   hideChevron?: boolean;
 }>();
 </script>
diff --git a/web/src/lib/core/EmptyState/EmptyStateIngestionCard.vue b/web/src/lib/core/EmptyState/EmptyStateIngestionCard.vue
index c252884b89..814d4ba78a 100644
--- a/web/src/lib/core/EmptyState/EmptyStateIngestionCard.vue
+++ b/web/src/lib/core/EmptyState/EmptyStateIngestionCard.vue
@@ -44,6 +44,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
@@ -53,8 +54,8 @@ type IconVariant = "default" | "blue" | "teal" | "purple" | "amber" | "orange";
 const props = withDefaults(
   defineProps<{
     icon: IconName;
-    label: string;
-    sublabel?: string;
+    label: I18nText;
+    sublabel?: I18nText;
     iconVariant?: IconVariant;
   }>(),
   { iconVariant: "default" },
diff --git a/web/src/lib/core/EmptyState/OEmptyState.vue b/web/src/lib/core/EmptyState/OEmptyState.vue
index a2b898a6a6..771c0cc26e 100644
--- a/web/src/lib/core/EmptyState/OEmptyState.vue
+++ b/web/src/lib/core/EmptyState/OEmptyState.vue
@@ -141,7 +141,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref, useSlots } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -173,12 +173,12 @@ const props = withDefaults(
     /** Icon for the compact `inline` size (when no illustration). */
     icon?: IconName;
     /** Copy — overrides preset i18n when provided. */
-    title?: string;
-    description?: string;
+    title?: I18nText;
+    description?: I18nText;
     /** Rich action cards; overrides the preset's actions when provided. */
     actions?: EmptyStateAction[];
     /** Simple primary button (used instead of cards); emits `action` on click. */
-    actionLabel?: string;
+    actionLabel?: I18nText;
     actionIcon?: IconName;
     /** Secondary action; emits `secondaryAction` on click. */
     secondaryActionLabel?: string;
@@ -316,8 +316,8 @@ const SIZE_MAP: Record<
     copy: string;
     actions: string;
     extra: string;
-    title: string;
-    description: string;
+    title: I18nText;
+    description: I18nText;
     illustrationWidth: number;
     iconWrap: string;
   }
@@ -328,8 +328,8 @@ const SIZE_MAP: Record<
     copy: "gap-2.5",
     actions: "gap-3 pt-1",
     extra: "w-full flex flex-col items-center gap-3 pt-2",
-    title: "text-2xl!",
-    description: "text-base",
+    title: raw("text-2xl!"),
+    description: raw("text-base"),
     illustrationWidth: 300,
     iconWrap: "",
   },
@@ -339,8 +339,8 @@ const SIZE_MAP: Record<
     copy: "gap-2",
     actions: "gap-2.5 pt-0.5",
     extra: "w-full flex flex-col items-center gap-2 pt-1",
-    title: "text-lg!",
-    description: "text-sm",
+    title: raw("text-lg!"),
+    description: raw("text-sm"),
     illustrationWidth: 150,
     iconWrap: "",
   },
@@ -350,8 +350,8 @@ const SIZE_MAP: Record<
     copy: "gap-1",
     actions: "gap-2 pt-1",
     extra: "w-full flex flex-col items-center gap-1.5 pt-1",
-    title: "text-sm!",
-    description: "text-xs",
+    title: raw("text-sm!"),
+    description: raw("text-xs"),
     illustrationWidth: 0,
     iconWrap: "w-12 h-12 bg-surface-subtle text-text-secondary mb-0.5",
   },
diff --git a/web/src/lib/core/Icon/OIcon.types.ts b/web/src/lib/core/Icon/OIcon.types.ts
index caa2cd226d..6da735c7ed 100644
--- a/web/src/lib/core/Icon/OIcon.types.ts
+++ b/web/src/lib/core/Icon/OIcon.types.ts
@@ -1,3 +1,5 @@
+import type { I18nText } from "@/types/i18n";
+
 import type { IconName } from "./OIcon.icons";
 
 export type { IconName };
@@ -15,7 +17,7 @@ export interface IconProps {
    */
   size?: "xs" | "sm" | "md" | "lg" | "xl";
   /** Accessible label. When provided the icon has role="img". When omitted it is aria-hidden. */
-  label?: string;
+  label?: I18nText;
 }
 
 export interface IconSlots {
diff --git a/web/src/lib/core/Navbar/ONavGroup.vue b/web/src/lib/core/Navbar/ONavGroup.vue
index 6dc491dad7..19f4e90574 100644
--- a/web/src/lib/core/Navbar/ONavGroup.vue
+++ b/web/src/lib/core/Navbar/ONavGroup.vue
@@ -45,7 +45,7 @@ import { computed, nextTick, onBeforeUnmount, ref, watch } from "vue";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
 import { useRouter } from "vue-router";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import MenuLink from "@/components/MenuLink.vue";
 import config from "@/aws-exports";
@@ -55,7 +55,7 @@ import { isInputFocused } from "@/utils/keyboardShortcuts";
 
 const props = defineProps<{
   groupKey: string;
-  title: string;
+  title: I18nText;
   icon: string;
   children: SubnavChild[];
   /** When set, the tile navigates here on click and the flyout is hover-only. */
diff --git a/web/src/lib/core/Navbar/ONavbar.types.ts b/web/src/lib/core/Navbar/ONavbar.types.ts
index adec47e169..15ca7e1972 100644
--- a/web/src/lib/core/Navbar/ONavbar.types.ts
+++ b/web/src/lib/core/Navbar/ONavbar.types.ts
@@ -14,10 +14,10 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import type { ComputedRef, InjectionKey } from "vue";
-import type { I18nKey } from "@/types/i18n";
+import type { I18nKey, I18nText } from "@/types/i18n";
 
 export interface NavItem {
-  title: string;
+  title: I18nText;
   icon: string;
   link: string;
   exact?: boolean;
@@ -100,7 +100,7 @@ export type RailEntry =
   | {
       type: "group";
       key: string;
-      title: string;
+      title: I18nText;
       icon: string;
       children: SubnavChild[];
       pinBottom: boolean;
diff --git a/web/src/lib/core/Navbar/navGroups.ts b/web/src/lib/core/Navbar/navGroups.ts
index 364a079a87..8272047f85 100644
--- a/web/src/lib/core/Navbar/navGroups.ts
+++ b/web/src/lib/core/Navbar/navGroups.ts
@@ -14,7 +14,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import type { NavItem, RailEntry, SubnavChild, NavGateContext } from "./ONavbar.types";
-import type { I18nKey } from "@/types/i18n";
+import { raw, type I18nKey, type TranslateFn } from "@/types/i18n";
 
 /**
  * Visibility gates — each predicate mirrors the EXACT `visible` condition the
@@ -167,7 +167,9 @@ export const NAV_SUBNAV: Record<string, SubnavChild[]> = {};
  */
 export function groupNavLinks(
   links: NavItem[],
-  t: (key: string) => string = (k) => k,
+  // Defaults to `raw`, which brands the key unchanged — the same identity
+  // fallback as before, for callers (and specs) that pass no translator.
+  t: TranslateFn = raw,
 ): RailEntry[] {
   const presentNames = new Set(links.map((l) => l.name));
 
diff --git a/web/src/lib/core/PageHeader/OPageHeader.vue b/web/src/lib/core/PageHeader/OPageHeader.vue
index 2c4c443d72..fee1347b95 100644
--- a/web/src/lib/core/PageHeader/OPageHeader.vue
+++ b/web/src/lib/core/PageHeader/OPageHeader.vue
@@ -140,6 +140,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 import { Comment, Text, computed, useSlots } from "vue";
 import { useRouter } from "vue-router";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -148,7 +149,7 @@ import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 interface BackTarget {
   /** Optional; button falls back to plain "Back" aria-label when omitted. */
-  label?: string;
+  label?: I18nText;
   to?: import("vue-router").RouteLocationRaw;
   onClick?: () => void;
   dataTest?: string;
@@ -156,11 +157,11 @@ interface BackTarget {
 
 const props = withDefaults(
   defineProps<{
-    title?: string;
+    title?: I18nText;
     /** Optional data-test attribute rendered on the <h1>, so consumers can
      *  drop the #title slot (whose only purpose was attaching a test hook). */
     titleDataTest?: string;
-    subtitle?: string;
+    subtitle?: I18nText;
     icon?: IconName;
     /** Overlay/dialog back-pill ("‹ {label}") shown leading, before the icon. */
     back?: BackTarget;
@@ -169,8 +170,8 @@ const props = withDefaults(
     tabsBelow?: boolean;
   }>(),
   {
-    title: "",
-    subtitle: "",
+    title: raw(""),
+    subtitle: raw(""),
   },
 );
 
diff --git a/web/src/lib/core/PageLayout/OPageLayout.vue b/web/src/lib/core/PageLayout/OPageLayout.vue
index 67b1375c3c..cfcb6a2a7b 100644
--- a/web/src/lib/core/PageLayout/OPageLayout.vue
+++ b/web/src/lib/core/PageLayout/OPageLayout.vue
@@ -150,6 +150,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { ref, computed, watch, useSlots } from "vue";
 import OSplitter from "@/lib/core/Splitter/OSplitter.vue";
 import ConstrainedPage from "@/components/common/ConstrainedPage.vue";
@@ -158,7 +159,7 @@ import OContent from "@/lib/core/Content/OContent.vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 interface BackTarget {
-  label: string;
+  label: I18nText;
   to?: import("vue-router").RouteLocationRaw;
   onClick?: () => void;
   dataTest?: string;
@@ -167,8 +168,8 @@ interface BackTarget {
 const props = withDefaults(
   defineProps<{
     // Header (from props)
-    title?: string;
-    subtitle?: string;
+    title?: I18nText;
+    subtitle?: I18nText;
     icon?: IconName;
     back?: BackTarget;
     titleDataTest?: string;
diff --git a/web/src/lib/core/Table/OTable.types.ts b/web/src/lib/core/Table/OTable.types.ts
index 2be830d400..d5d9636de0 100644
--- a/web/src/lib/core/Table/OTable.types.ts
+++ b/web/src/lib/core/Table/OTable.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { Component } from "vue";
 import type { Row, Table } from "@tanstack/vue-table";
 
@@ -206,7 +208,7 @@ export interface OTableProps<TData = any> {
   showGlobalFilter?: boolean;
   filterMode?: OTableFilterMode;
   /** Label shown bold in the footer as "N footerTitle" (e.g. "2 Dashboards") */
-  footerTitle?: string;
+  footerTitle?: I18nText;
 
   // ── Selection ──
   selection?: OTableSelectionMode;
@@ -290,7 +292,7 @@ export interface OTableProps<TData = any> {
   streaming?: boolean;
   error?: string | null;
   /** Text shown when data is empty and not loading */
-  emptyMessage?: string;
+  emptyMessage?: I18nText;
   dense?: boolean;
   bordered?: boolean;
   /**
diff --git a/web/src/lib/core/Table/OTable.vue b/web/src/lib/core/Table/OTable.vue
index 5cd8193ea8..253be3f506 100644
--- a/web/src/lib/core/Table/OTable.vue
+++ b/web/src/lib/core/Table/OTable.vue
@@ -11,7 +11,7 @@ import {
   ref,
   watch,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useTableColumnPersistence } from "./composables/useTableColumnPersistence";
 import OTableColumnToggle from "./sub-components/OTableColumnToggle.vue";
 import { FlexRender } from "@tanstack/vue-table";
@@ -76,7 +76,7 @@ const props = withDefaults(defineProps<OTableProps<TData>>(), {
   globalFilterPlaceholder: "Search...",
   filterMode: "client",
   defaultColumns: true,
-  footerTitle: "",
+  footerTitle: raw(""),
   showHeader: true,
   fillHeight: true,
 });
diff --git a/web/src/lib/core/Table/cells/OCodeCell.vue b/web/src/lib/core/Table/cells/OCodeCell.vue
index 44cce1fd14..ddd1b3a487 100644
--- a/web/src/lib/core/Table/cells/OCodeCell.vue
+++ b/web/src/lib/core/Table/cells/OCodeCell.vue
@@ -10,16 +10,16 @@
 
 import { computed, ref } from "vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 
 const props = withDefaults(
   defineProps<{
     value: unknown;
     /** Show the hover copy button. Default true. */
     copy?: boolean;
-    emptyLabel?: string;
+    emptyLabel?: I18nText;
   }>(),
-  { copy: true, emptyLabel: "—" },
+  { copy: true, emptyLabel: raw("—") },
 );
 
 const text = computed(() => {
diff --git a/web/src/lib/core/Table/cells/ODataBarCell.vue b/web/src/lib/core/Table/cells/ODataBarCell.vue
index 09f6966a0c..f56e45bba9 100644
--- a/web/src/lib/core/Table/cells/ODataBarCell.vue
+++ b/web/src/lib/core/Table/cells/ODataBarCell.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // ODataBarCell — the headline "bars like Datadog" cell. Renders
@@ -24,9 +25,9 @@ const props = withDefaults(
     display?: string | number;
     /** Bar tone. Default teal; "warning"/"danger" for threshold columns. */
     variant?: "default" | "warning" | "danger";
-    emptyLabel?: string;
+    emptyLabel?: I18nText;
   }>(),
-  { variant: "default", emptyLabel: "—" },
+  { variant: "default", emptyLabel: raw("—") },
 );
 
 const num = computed<number | null>(() => {
diff --git a/web/src/lib/core/Table/cells/ONumberCell.vue b/web/src/lib/core/Table/cells/ONumberCell.vue
index e8c2f94250..b0e821b84b 100644
--- a/web/src/lib/core/Table/cells/ONumberCell.vue
+++ b/web/src/lib/core/Table/cells/ONumberCell.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // ONumberCell — consistent numeric rendering for tables:
@@ -37,9 +38,9 @@ const props = withDefaults(
     digits?: number;
     /** Optional suffix appended after the formatted value (muted). */
     suffix?: string;
-    emptyLabel?: string;
+    emptyLabel?: I18nText;
   }>(),
-  { format: "number", digits: 1, emptyLabel: "—" },
+  { format: "number", digits: 1, emptyLabel: raw("—") },
 );
 
 const num = computed<number | null>(() => {
diff --git a/web/src/lib/core/Table/cells/OTimeCell.vue b/web/src/lib/core/Table/cells/OTimeCell.vue
index 803f6e274b..6096e7e735 100644
--- a/web/src/lib/core/Table/cells/OTimeCell.vue
+++ b/web/src/lib/core/Table/cells/OTimeCell.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // OTimeCell — the ONE timestamp renderer for every table.
@@ -32,7 +33,7 @@ const props = withDefaults(
     /** IANA timezone for the absolute rendering. Defaults to the browser zone. */
     timezone?: string;
     /** Text shown when the value is empty/zero/invalid. Default "—". */
-    emptyLabel?: string;
+    emptyLabel?: I18nText;
     /**
      * In "relative" mode, only show "x ago" for timestamps within this many
      * days; older ones fall back to an absolute date (e.g. "Jun 24, 2024").
@@ -41,7 +42,7 @@ const props = withDefaults(
      */
     relativeCutoffDays?: number;
   }>(),
-  { unit: "auto", mode: "relative", emptyLabel: "—", relativeCutoffDays: 30 },
+  { unit: "auto", mode: "relative", emptyLabel: raw("—"), relativeCutoffDays: 30 },
 );
 
 /** Normalise any supported input to epoch milliseconds, or null if invalid. */
diff --git a/web/src/lib/core/Table/cells/OUserCell.vue b/web/src/lib/core/Table/cells/OUserCell.vue
index 6e48863bbb..2e294ae82b 100644
--- a/web/src/lib/core/Table/cells/OUserCell.vue
+++ b/web/src/lib/core/Table/cells/OUserCell.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { raw, type I18nText } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // OUserCell — person column (owner / author / created-by / user). For now it
@@ -14,19 +15,20 @@ const props = withDefaults(
     value: unknown;
     /** Explicit display name. When set it's shown instead of the email. */
     name?: string;
-    emptyLabel?: string;
+    emptyLabel?: I18nText;
   }>(),
-  { emptyLabel: "—" },
+  { emptyLabel: raw("—") },
 );
 
-const raw = computed(() => String(props.value ?? "").trim());
-const isEmpty = computed(() => raw.value === "");
+// Named `identity` (not `raw`) so it doesn't shadow the `raw()` i18n helper.
+const identity = computed(() => String(props.value ?? "").trim());
+const isEmpty = computed(() => identity.value === "");
 const displayText = computed(() =>
-  props.name && props.name.trim() ? props.name.trim() : raw.value,
+  props.name && props.name.trim() ? props.name.trim() : identity.value,
 );
 </script>
 
 <template>
   <span v-if="isEmpty" class="text-text-body">{{ emptyLabel }}</span>
-  <span v-else class="text-text-body whitespace-nowrap" :title="raw">{{ displayText }}</span>
+  <span v-else class="text-text-body whitespace-nowrap" :title="identity">{{ displayText }}</span>
 </template>
diff --git a/web/src/lib/core/Table/cells/statusVariant.ts b/web/src/lib/core/Table/cells/statusVariant.ts
index 23a4ca874a..92fc376ab3 100644
--- a/web/src/lib/core/Table/cells/statusVariant.ts
+++ b/web/src/lib/core/Table/cells/statusVariant.ts
@@ -9,6 +9,8 @@
 //   const { variant, label, dot } = statusVariant("paused", "pipeline");
 //   <OBadge :variant="variant" :dot="dot">{{ label }}</OBadge>
 
+import { raw, type I18nText } from "@/types/i18n";
+
 import type { BadgeVariant } from "@/lib/core/Badge/OBadge.types";
 
 /** Semantic tone — the calm, low-chroma "soft" badge family reads best at
@@ -131,7 +133,7 @@ const DOMAIN_TONE: Record<string, Record<string, StatusTone>> = {
 export interface StatusVariantResult {
   variant: BadgeVariant;
   tone: StatusTone;
-  label: string;
+  label: I18nText;
   dot: boolean;
 }
 
@@ -150,8 +152,8 @@ export function humanizeStatus(value: string): string {
  * @param domain optional feature key for overrides ("invoice"|"eval"|"service"|"node"|…).
  */
 export function statusVariant(value: unknown, domain?: string): StatusVariantResult {
-  const raw = typeof value === "boolean" ? String(value) : String(value ?? "").trim();
-  const key = raw.toLowerCase();
+  const rawValue = typeof value === "boolean" ? String(value) : String(value ?? "").trim();
+  const key = rawValue.toLowerCase();
 
   let tone: StatusTone | undefined;
 
@@ -174,7 +176,8 @@ export function statusVariant(value: unknown, domain?: string): StatusVariantRes
   return {
     variant: TONE_VARIANT[tone],
     tone,
-    label: raw ? humanizeStatus(raw) : "—",
+    // A humanized status token, or an em-dash placeholder — neither is prose.
+    label: raw(rawValue ? humanizeStatus(rawValue) : "—"),
     dot: true,
   };
 }
diff --git a/web/src/lib/core/Table/sub-components/OTableEmpty.vue b/web/src/lib/core/Table/sub-components/OTableEmpty.vue
index b3e14a57c0..9277a11516 100644
--- a/web/src/lib/core/Table/sub-components/OTableEmpty.vue
+++ b/web/src/lib/core/Table/sub-components/OTableEmpty.vue
@@ -1,7 +1,7 @@
 <!-- Copyright 2026 OpenObserve Inc. -->
 
 <script setup lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 
@@ -9,7 +9,7 @@ const { t } = useI18nTyped();
 
 withDefaults(
   defineProps<{
-    message?: string;
+    message?: I18nText;
     /**
      * Reserve a minimum height so the empty state has presence in
      * content-sized (non-fill-height) tables. Fill-height tables turn this
diff --git a/web/src/lib/core/Table/sub-components/OTableError.vue b/web/src/lib/core/Table/sub-components/OTableError.vue
index 095aed6425..d9bd15c962 100644
--- a/web/src/lib/core/Table/sub-components/OTableError.vue
+++ b/web/src/lib/core/Table/sub-components/OTableError.vue
@@ -2,7 +2,7 @@
 
 <script setup lang="ts">
 import OBanner from "@/lib/feedback/Banner/OBanner.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
@@ -22,7 +22,7 @@ defineSlots<{
 <template>
   <div data-test="o2-table-error" class="px-2 py-4">
     <slot :message="message ?? ''">
-      <OBanner variant="error" :content="message ?? ''" inline-actions>
+      <OBanner variant="error" :content="raw(message ?? '')" inline-actions>
         <template v-if="message" #actions>
           <button
             data-test="o2-table-error-retry-btn"
diff --git a/web/src/lib/core/Table/sub-components/OTablePagination.vue b/web/src/lib/core/Table/sub-components/OTablePagination.vue
index ec32afe559..a94fd3320b 100644
--- a/web/src/lib/core/Table/sub-components/OTablePagination.vue
+++ b/web/src/lib/core/Table/sub-components/OTablePagination.vue
@@ -1,7 +1,7 @@
 <!-- Copyright 2026 OpenObserve Inc. -->
 
 <script setup lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useSlots, computed } from "vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -22,13 +22,13 @@ const props = withDefaults(
     isFirstPage: boolean;
     isLastPage: boolean;
     position?: "top" | "bottom";
-    title?: string;
+    title?: I18nText;
     /** When true, replace count + range text with skeleton bars */
     loading?: boolean;
   }>(),
   {
     position: "bottom",
-    title: "",
+    title: raw(""),
   },
 );
 
@@ -46,7 +46,7 @@ const pageSizeModel = computed({
 });
 
 const pageSizeSelectOptions = computed(() =>
-  props.pageSizeOptions.map((n) => ({ label: String(n), value: n })),
+  props.pageSizeOptions.map((n) => ({ label: raw(String(n)), value: n })),
 );
 </script>
 
diff --git a/web/src/lib/core/ToggleGroup/OToggleGroup.types.ts b/web/src/lib/core/ToggleGroup/OToggleGroup.types.ts
index 8322a1a9e0..38bcdebf6e 100644
--- a/web/src/lib/core/ToggleGroup/OToggleGroup.types.ts
+++ b/web/src/lib/core/ToggleGroup/OToggleGroup.types.ts
@@ -2,6 +2,8 @@
  * OToggleGroup.types.ts — public types for OToggleGroup.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { AcceptableValue } from "reka-ui";
 import type { ComputedRef, InjectionKey } from "vue";
 
@@ -35,7 +37,7 @@ export interface ToggleGroupProps {
   /** Visual variant — use 'primary' when the toggle sits on a primary-colored bar */
   variant?: ToggleGroupVariant;
   /** Label text rendered next to the toggle bar. For richer content use the `label` slot. */
-  label?: string;
+  label?: I18nText;
   /** Position of the label relative to the toggle bar */
   labelPosition?: "left" | "right" | "top";
   /**
diff --git a/web/src/lib/core/ToggleGroup/OToggleGroupItem.types.ts b/web/src/lib/core/ToggleGroup/OToggleGroupItem.types.ts
index b29b072c04..8e76c30f3e 100644
--- a/web/src/lib/core/ToggleGroup/OToggleGroupItem.types.ts
+++ b/web/src/lib/core/ToggleGroup/OToggleGroupItem.types.ts
@@ -2,6 +2,8 @@
  * OToggleGroupItem.types.ts — public types for OToggleGroupItem.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { AcceptableValue } from "reka-ui";
 
 /** Size controls padding and font-size — height is determined by content */
@@ -13,7 +15,7 @@ export interface ToggleGroupItemProps {
   /** Disables only this item */
   disabled?: boolean;
   /** Tooltip shown on hover — especially useful when disabled is true to explain why */
-  tooltip?: string;
+  tooltip?: I18nText;
   /** Size controls padding and font-size. md (default) = full toolbar; sm = small toolbar; xs = compact inline toggle */
   size?: ToggleGroupItemSize;
   /** Icon name (from OIcon registry) placed before the label. For custom icon components, use the `icon-left` slot. */
diff --git a/web/src/lib/data/StatStrip/OStatCard.vue b/web/src/lib/data/StatStrip/OStatCard.vue
index 14fb596328..86d19ec336 100644
--- a/web/src/lib/data/StatStrip/OStatCard.vue
+++ b/web/src/lib/data/StatStrip/OStatCard.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 // Copyright 2026 OpenObserve Inc.
 //
 // OStatCard — the reusable KPI / stat tile. The ONE stat primitive across the
@@ -24,7 +25,7 @@ import type { StatTone, StatTrend } from "./OStatStrip.types";
 
 const props = withDefaults(
   defineProps<{
-    label?: string;
+    label?: I18nText;
     value?: string | number;
     icon?: IconName;
     tone?: StatTone;
diff --git a/web/src/lib/data/StatStrip/OStatStrip.types.ts b/web/src/lib/data/StatStrip/OStatStrip.types.ts
index f7a3b7c3ad..90b02accee 100644
--- a/web/src/lib/data/StatStrip/OStatStrip.types.ts
+++ b/web/src/lib/data/StatStrip/OStatStrip.types.ts
@@ -4,6 +4,8 @@
 // top of list / table / dashboard screens. `tone` is the ONE knob that drives a
 // stat's colour, so the same semantic state reads the same colour everywhere.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { IconName } from "@/lib/core/Icon/OIcon.icons";
 
 /** Semantic colour of a stat. Maps to one icon-chip + value colour pair.
@@ -26,7 +28,7 @@ export type StatTone =
 export interface StatTrend {
   direction: "up" | "down" | "flat";
   /** Already-formatted delta text, e.g. "12%" or "+4". */
-  label: string;
+  label: I18nText;
   /** Colour of the trend text. Defaults to neutral. */
   tone?: StatTone;
 }
@@ -35,7 +37,7 @@ export interface StatItem {
   /** Stable key for the v-for. */
   key: string;
   /** Uppercase caption under the value (already localised by the caller). */
-  label: string;
+  label: I18nText;
   /** The number / text shown large. */
   value: string | number;
   /** Optional leading glyph, shown in a tone-coloured chip. */
diff --git a/web/src/lib/data/Timeline/OTimelineItem.types.ts b/web/src/lib/data/Timeline/OTimelineItem.types.ts
index 8398adbf24..fb13b4faa1 100644
--- a/web/src/lib/data/Timeline/OTimelineItem.types.ts
+++ b/web/src/lib/data/Timeline/OTimelineItem.types.ts
@@ -9,13 +9,15 @@
  * | info          | --color-timeline-dot-info        |
  * | muted         | --color-timeline-dot-muted       |
  */
+import type { I18nText } from "@/types/i18n";
+
 export type TimelineItemVariant = "primary" | "success" | "destructive" | "info" | "muted";
 
 export interface TimelineItemProps {
   /** Header text rendered in bold above the subtitle. */
-  title?: string;
+  title?: I18nText;
   /** Secondary line rendered below the title in muted text. */
-  subtitle?: string;
+  subtitle?: I18nText;
   /**
    * Material icon name rendered inside the dot.
    * Uses the `material-icons` font — pass the icon ligature string
diff --git a/web/src/lib/data/Tree/OTree.types.ts b/web/src/lib/data/Tree/OTree.types.ts
index e5026b31c6..e18bf60f79 100644
--- a/web/src/lib/data/Tree/OTree.types.ts
+++ b/web/src/lib/data/Tree/OTree.types.ts
@@ -1,10 +1,12 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type TreeNodeKey = string | number;
 
 export interface TreeNode {
   /** Display text — also the default `node-key` field */
-  label: string;
+  label: I18nText;
   /** Child nodes; absence or empty array means this is a leaf */
   children?: TreeNode[];
   /** Whether this node is disabled */
diff --git a/web/src/lib/feedback/Banner/OBanner.vue b/web/src/lib/feedback/Banner/OBanner.vue
index 77b0eb9173..63e276ff7e 100644
--- a/web/src/lib/feedback/Banner/OBanner.vue
+++ b/web/src/lib/feedback/Banner/OBanner.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed, useSlots } from "vue";
 
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 interface Props {
   variant?: "default" | "info" | "success" | "warning" | "error" | "error-soft";
-  content?: string;
+  content?: I18nText;
   icon?: string;
   dense?: boolean;
   inlineActions?: boolean;
diff --git a/web/src/lib/feedback/InnerLoading/OInnerLoading.types.ts b/web/src/lib/feedback/InnerLoading/OInnerLoading.types.ts
index 4db00dd556..b47705f175 100644
--- a/web/src/lib/feedback/InnerLoading/OInnerLoading.types.ts
+++ b/web/src/lib/feedback/InnerLoading/OInnerLoading.types.ts
@@ -1,3 +1,5 @@
+import type { I18nText } from "@/types/i18n";
+
 import type { SpinnerSize } from "../Spinner/OSpinner.types";
 
 /** Spinner size inside the overlay */
@@ -7,7 +9,7 @@ export interface InnerLoadingProps {
   /** Controls overlay visibility */
   showing: boolean;
   /** Optional label shown beneath the spinner */
-  label?: string;
+  label?: I18nText;
   /** Spinner size. Default: "xs" */
   size?: InnerLoadingSize;
   /**
diff --git a/web/src/lib/feedback/Toast/OToast.types.ts b/web/src/lib/feedback/Toast/OToast.types.ts
index d02607d06c..69943687bc 100644
--- a/web/src/lib/feedback/Toast/OToast.types.ts
+++ b/web/src/lib/feedback/Toast/OToast.types.ts
@@ -21,7 +21,7 @@ export interface ToastAction {
 /** A single entry in the collapsible "affected sections" detail list */
 export interface ToastDetail {
   /** Human-readable resource label, e.g. "Dashboards" */
-  label: string;
+  label: I18nText;
   /** API path shown alongside the label, e.g. "/api/default/dashboards" */
   url: string;
 }
diff --git a/web/src/lib/forms/Checkbox/OCheckbox.types.ts b/web/src/lib/forms/Checkbox/OCheckbox.types.ts
index 43782e10b3..47a37bc2d9 100644
--- a/web/src/lib/forms/Checkbox/OCheckbox.types.ts
+++ b/web/src/lib/forms/Checkbox/OCheckbox.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { InjectionKey } from "vue";
 
 export type CheckboxSize = "xs" | "sm" | "md";
@@ -29,7 +31,7 @@ export interface CheckboxProps {
   /** Compatibility alias for `value` */
   val?: CheckboxPrimitive;
   /** Accessible label rendered next to the checkbox */
-  label?: string;
+  label?: I18nText;
   /** Control size */
   size?: CheckboxSize;
   /** Value to emit when checked in custom-value mode */
diff --git a/web/src/lib/forms/Color/OColor.types.ts b/web/src/lib/forms/Color/OColor.types.ts
index 014815f888..c81106f695 100644
--- a/web/src/lib/forms/Color/OColor.types.ts
+++ b/web/src/lib/forms/Color/OColor.types.ts
@@ -1,18 +1,20 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type ColorSize = "sm" | "md";
 
 export interface ColorProps {
   /** Color value in `#RRGGBB` format */
   modelValue?: string;
   /** Label rendered above the field */
-  label?: string;
+  label?: I18nText;
   /** Placeholder shown when value is empty */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Helper text below the field */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /**
diff --git a/web/src/lib/forms/Color/OFormColor.vue b/web/src/lib/forms/Color/OFormColor.vue
index 213c52273c..7ebdac43c9 100644
--- a/web/src/lib/forms/Color/OFormColor.vue
+++ b/web/src/lib/forms/Color/OFormColor.vue
@@ -5,6 +5,7 @@ import { inject } from "vue";
 import OColor from "./OColor.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw } from "@/types/i18n";
 import type { FormColorProps } from "./OFormColor.types";
 
 defineOptions({ inheritAttrs: false });
@@ -36,7 +37,9 @@ if (import.meta.env.DEV && !form) {
         :model-value="field.state.value"
         :error="field.state.meta.errors.length > 0"
         :error-message="
-          field.state.meta.errors.length > 0 ? firstFieldError(field.state.meta.errors) : undefined
+          field.state.meta.errors.length > 0
+            ? raw(firstFieldError(field.state.meta.errors))
+            : undefined
         "
         @update:model-value="field.handleChange"
         @blur="field.handleBlur"
diff --git a/web/src/lib/forms/Combobox/OCombobox.types.ts b/web/src/lib/forms/Combobox/OCombobox.types.ts
index 5082c2c160..77c6d504e5 100644
--- a/web/src/lib/forms/Combobox/OCombobox.types.ts
+++ b/web/src/lib/forms/Combobox/OCombobox.types.ts
@@ -1,7 +1,9 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export interface ComboboxOption {
-  label: string;
+  label: I18nText;
   value: string;
 }
 
@@ -9,9 +11,9 @@ export interface ComboboxProps {
   /** Bound value — the text displayed in the input */
   modelValue?: string;
   /** Placeholder text for the input */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Label shown above the input */
-  label?: string;
+  label?: I18nText;
   /** Options array: `{ label, value }` objects  */
   items?: ComboboxOption[];
   /**
@@ -36,9 +38,9 @@ export interface ComboboxProps {
   /** Whether the input is in an error state */
   error?: boolean;
   /** Error message shown below the input */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Help text shown below the input */
-  helpText?: string;
+  helpText?: I18nText;
   /**
    * Debounce delay (ms) before emitting `update:modelValue`.
    * Useful when the parent performs expensive operations on every change.
diff --git a/web/src/lib/forms/Combobox/OFormCombobox.vue b/web/src/lib/forms/Combobox/OFormCombobox.vue
index 609675c057..b18da75864 100644
--- a/web/src/lib/forms/Combobox/OFormCombobox.vue
+++ b/web/src/lib/forms/Combobox/OFormCombobox.vue
@@ -5,6 +5,7 @@ import { inject, ref } from "vue";
 import OCombobox from "./OCombobox.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw } from "@/types/i18n";
 import type { FormComboboxProps } from "./OFormCombobox.types";
 
 defineOptions({ inheritAttrs: false });
@@ -48,7 +49,9 @@ defineExpose({ clear: () => comboboxRef.value?.clear() });
         :model-value="field.state.value"
         :error="field.state.meta.errors.length > 0"
         :error-message="
-          field.state.meta.errors.length > 0 ? firstFieldError(field.state.meta.errors) : undefined
+          field.state.meta.errors.length > 0
+            ? raw(firstFieldError(field.state.meta.errors))
+            : undefined
         "
         @update:model-value="(val: string) => field.handleChange(val)"
       >
diff --git a/web/src/lib/forms/Date/ODate.types.ts b/web/src/lib/forms/Date/ODate.types.ts
index f329dd648a..e6b00061a8 100644
--- a/web/src/lib/forms/Date/ODate.types.ts
+++ b/web/src/lib/forms/Date/ODate.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type DateSize = "sm" | "md";
 
 export interface DateProps {
@@ -10,13 +12,13 @@ export interface DateProps {
   /** Maximum selectable date — `YYYY-MM-DD` */
   max?: string;
   /** Label rendered above the field */
-  label?: string;
+  label?: I18nText;
   /** Placeholder shown when the field is empty (browser support varies) */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Helper text rendered below the field */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /** Whether the user can clear the value */
diff --git a/web/src/lib/forms/Date/OFormDate.vue b/web/src/lib/forms/Date/OFormDate.vue
index de03e0fef2..8a54f8d568 100644
--- a/web/src/lib/forms/Date/OFormDate.vue
+++ b/web/src/lib/forms/Date/OFormDate.vue
@@ -5,10 +5,18 @@ import { inject } from "vue";
 import ODate from "./ODate.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw, type I18nText } from "@/types/i18n";
 import type { FormDateProps } from "./OFormDate.types";
 
 defineOptions({ inheritAttrs: false });
 
+// Validation messages come from the form schema (already translated there); this
+// only re-brands them, keeping `undefined` when there is nothing to show.
+const errorText = (errors: readonly unknown[] | undefined): I18nText | undefined => {
+  const message = firstFieldError(errors);
+  return message ? raw(message) : undefined;
+};
+
 const props = defineProps<FormDateProps>();
 
 const form = inject(FORM_CONTEXT_KEY, null);
@@ -38,7 +46,7 @@ if (import.meta.env.DEV && !form) {
         :model-value="field.state.value"
         :error="field.state.meta.errors.length > 0"
         :error-message="
-          field.state.meta.errors.length > 0 ? firstFieldError(field.state.meta.errors) : undefined
+          field.state.meta.errors.length > 0 ? errorText(field.state.meta.errors) : undefined
         "
         @update:model-value="field.handleChange"
         @blur="field.handleBlur"
diff --git a/web/src/lib/forms/DateTime/OFormDateTimeRange.types.ts b/web/src/lib/forms/DateTime/OFormDateTimeRange.types.ts
index 124be7d38d..29647fff0e 100644
--- a/web/src/lib/forms/DateTime/OFormDateTimeRange.types.ts
+++ b/web/src/lib/forms/DateTime/OFormDateTimeRange.types.ts
@@ -1,6 +1,8 @@
 // Copyright 2026 OpenObserve Inc.
 
 /** The timerange value an OFormDateTimeRange field holds. */
+import type { I18nText } from "@/types/i18n";
+
 export interface DateTimeRangeValue {
   type?: string;
   period?: string;
@@ -13,9 +15,9 @@ export interface FormDateTimeRangeProps {
   /** Field name — must match a key in the parent OForm's defaultValues */
   name: string;
   /** Optional header label rendered above the picker (DateTime has none of its own). */
-  label?: string;
+  label?: I18nText;
   /** Render the required `*` after the label (never hardcode the asterisk). */
   required?: boolean;
   /** Optional helper line rendered under the label. */
-  description?: string;
+  description?: I18nText;
 }
diff --git a/web/src/lib/forms/DateTimeRange/ODateTimeRange.types.ts b/web/src/lib/forms/DateTimeRange/ODateTimeRange.types.ts
index e744b98540..022a01b676 100644
--- a/web/src/lib/forms/DateTimeRange/ODateTimeRange.types.ts
+++ b/web/src/lib/forms/DateTimeRange/ODateTimeRange.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type DateTimeMode = "relative" | "absolute";
 export type RelativeUnit = "seconds" | "minutes" | "hours" | "days" | "weeks" | "months";
 
@@ -49,13 +51,13 @@ export interface DateTimeRangeProps {
   timezone?: string;
 
   // ── Field metadata ────────────────────────────────────────────
-  label?: string;
-  helpText?: string;
-  errorMessage?: string;
+  label?: I18nText;
+  helpText?: I18nText;
+  errorMessage?: I18nText;
   disabled?: boolean;
   /** Marks the field required — renders a `*` after the label (no manual ` *`). */
   required?: boolean;
-  placeholder?: string;
+  placeholder?: I18nText;
 }
 
 export interface DateTimeRangeAbsoluteValue {
diff --git a/web/src/lib/forms/DateTimeRange/ODateTimeRange.vue b/web/src/lib/forms/DateTimeRange/ODateTimeRange.vue
index bac0fd8f92..efa481cb0b 100644
--- a/web/src/lib/forms/DateTimeRange/ODateTimeRange.vue
+++ b/web/src/lib/forms/DateTimeRange/ODateTimeRange.vue
@@ -51,7 +51,8 @@ const props = withDefaults(defineProps<DateTimeRangeProps>(), {
   hideTime: false,
   showTimezone: false,
   disabled: false,
-  placeholder: "Select date range",
+  // No default here: t() cannot run at module scope, so the English fallback is
+  // resolved reactively below (see `placeholderText`).
 });
 
 const emit = defineEmits<DateTimeRangeEmits>();
@@ -182,6 +183,10 @@ function selectTimezone(tz: string) {
 }
 
 // ── Trigger label ──────────────────────────────────────────────
+// Caller-supplied placeholder wins; otherwise fall back to the translated
+// default (resolved here, not in withDefaults, so it follows the locale).
+const placeholderText = computed((): string => props.placeholder ?? t("common.selectDateRange"));
+
 const triggerLabel = computed((): string => {
   if (props.mode === "relative" && (props.relativeAmount ?? 0) > 0) {
     return formatRelativeLabel(props.relativeUnit, props.relativeAmount);
@@ -192,7 +197,7 @@ const triggerLabel = computed((): string => {
     if (start && end) return `${start} → ${end}`;
     return start || end;
   }
-  return props.placeholder ?? "Select date range";
+  return placeholderText.value;
 });
 
 function formatRelativeLabel(unit: RelativeUnit, amount: number): string {
@@ -287,9 +292,7 @@ function handleApply() {
 
 // ── Trigger styling ────────────────────────────────────────────
 const hasError = computed(() => !!props.errorMessage);
-const isPlaceholder = computed(
-  () => triggerLabel.value === (props.placeholder ?? "Select date range"),
-);
+const isPlaceholder = computed(() => triggerLabel.value === placeholderText.value);
 
 const triggerClasses = computed(() => [
   "flex items-center gap-2 w-full min-h-10 px-3 rounded-default border text-sm transition-[color,background-color,border-color,box-shadow] duration-150 outline-none ring-offset-1 ring-offset-surface-base focus-visible:ring-2 focus-visible:ring-datepicker-focus-ring bg-datepicker-bg",
diff --git a/web/src/lib/forms/File/OFile.types.ts b/web/src/lib/forms/File/OFile.types.ts
index 02a44b73ce..3b200d1632 100644
--- a/web/src/lib/forms/File/OFile.types.ts
+++ b/web/src/lib/forms/File/OFile.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type FileSize = "sm" | "md";
 
 /**
@@ -20,13 +22,13 @@ export interface FileProps {
   /** Show drag-and-drop drop zone */
   dropZone?: boolean;
   /** Label rendered above the control */
-  label?: string;
+  label?: I18nText;
   /** Placeholder displayed when no file is selected */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Helper text below the control */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /** Prevents interaction */
diff --git a/web/src/lib/forms/File/OFormFile.vue b/web/src/lib/forms/File/OFormFile.vue
index ea8e95fd42..e92273a2a8 100644
--- a/web/src/lib/forms/File/OFormFile.vue
+++ b/web/src/lib/forms/File/OFormFile.vue
@@ -5,6 +5,7 @@ import { inject } from "vue";
 import OFile from "./OFile.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw } from "@/types/i18n";
 import type { FormFileProps } from "./OFormFile.types";
 import type { FileValue } from "./OFile.types";
 
@@ -46,7 +47,7 @@ if (import.meta.env.DEV && !form) {
           :error="field.state.meta.errors.length > 0"
           :error-message="
             field.state.meta.errors.length > 0
-              ? firstFieldError(field.state.meta.errors)
+              ? raw(firstFieldError(field.state.meta.errors))
               : undefined
           "
           @update:model-value="
diff --git a/web/src/lib/forms/Input/OFormInput.vue b/web/src/lib/forms/Input/OFormInput.vue
index 19914a1894..f696a2d714 100644
--- a/web/src/lib/forms/Input/OFormInput.vue
+++ b/web/src/lib/forms/Input/OFormInput.vue
@@ -5,6 +5,7 @@ import { inject } from "vue";
 import OInput from "./OInput.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw } from "@/types/i18n";
 import type { FormInputProps } from "./OFormInput.types";
 
 defineOptions({ inheritAttrs: false });
@@ -46,7 +47,7 @@ if (import.meta.env.DEV && !form) {
         :error="field.state.meta.errors.length > 0"
         :error-message="
           !$slots.error && field.state.meta.errors.length > 0
-            ? firstFieldError(field.state.meta.errors)
+            ? raw(firstFieldError(field.state.meta.errors))
             : undefined
         "
         @update:model-value="(val: unknown) => field.handleChange(val)"
diff --git a/web/src/lib/forms/Input/OFormTextarea.vue b/web/src/lib/forms/Input/OFormTextarea.vue
index 991f32c4fb..0347d26446 100644
--- a/web/src/lib/forms/Input/OFormTextarea.vue
+++ b/web/src/lib/forms/Input/OFormTextarea.vue
@@ -5,6 +5,7 @@ import { inject } from "vue";
 import OTextarea from "./OTextarea.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw } from "@/types/i18n";
 import type { FormTextareaProps } from "./OFormTextarea.types";
 
 defineOptions({ inheritAttrs: false });
@@ -40,7 +41,9 @@ if (import.meta.env.DEV && !form) {
         :model-value="field.state.value"
         :error="field.state.meta.errors.length > 0"
         :error-message="
-          field.state.meta.errors.length > 0 ? firstFieldError(field.state.meta.errors) : undefined
+          field.state.meta.errors.length > 0
+            ? raw(firstFieldError(field.state.meta.errors))
+            : undefined
         "
         @update:model-value="field.handleChange"
         @blur="field.handleBlur"
diff --git a/web/src/lib/forms/Input/OInput.types.ts b/web/src/lib/forms/Input/OInput.types.ts
index 72e54ab4a7..a32936af3e 100644
--- a/web/src/lib/forms/Input/OInput.types.ts
+++ b/web/src/lib/forms/Input/OInput.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type InputSize = "sm" | "md";
 
 /**
@@ -35,13 +37,13 @@ export interface InputProps {
   /** HTML input type — use `textarea` for a multi-line field */
   type?: InputType;
   /** Floating / static label */
-  label?: string;
+  label?: I18nText;
   /** Placeholder text */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Helper text displayed below the field */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in an error state without a message */
   error?: boolean;
   /** Text prefix rendered inside the field (left) */
diff --git a/web/src/lib/forms/Input/OTextarea.types.ts b/web/src/lib/forms/Input/OTextarea.types.ts
index b98f339fb6..89e5110801 100644
--- a/web/src/lib/forms/Input/OTextarea.types.ts
+++ b/web/src/lib/forms/Input/OTextarea.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { FieldWidth } from "../Input/OInput.types";
 
 export type TextareaSize = "sm" | "md";
@@ -8,13 +10,13 @@ export interface TextareaProps {
   /** Bound value */
   modelValue?: string;
   /** Floating / static label */
-  label?: string;
+  label?: I18nText;
   /** Placeholder text */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Helper text displayed below the field */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in an error state without a message */
   error?: boolean;
   /** Number of visible rows */
diff --git a/web/src/lib/forms/OptionGroup/OOptionGroup.types.ts b/web/src/lib/forms/OptionGroup/OOptionGroup.types.ts
index 9e3d9c4519..830f3d0b47 100644
--- a/web/src/lib/forms/OptionGroup/OOptionGroup.types.ts
+++ b/web/src/lib/forms/OptionGroup/OOptionGroup.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type OptionGroupType = "radio" | "checkbox";
 export type OptionGroupOrientation = "horizontal" | "vertical";
 export type OptionGroupSize = "xs" | "sm" | "md";
@@ -8,7 +10,7 @@ export type OptionPrimitive = string | number | boolean;
 
 export interface OptionGroupOption {
   /** Display label */
-  label: string;
+  label: I18nText;
   /** Bound value */
   value: OptionPrimitive;
   /** Disable just this option */
@@ -28,11 +30,11 @@ export interface OptionGroupProps {
   /** Layout direction */
   orientation?: OptionGroupOrientation;
   /** Label rendered above the group */
-  label?: string;
+  label?: I18nText;
   /** Helper text below the group */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the group shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /** Disables the entire group */
diff --git a/web/src/lib/forms/Radio/ORadio.types.ts b/web/src/lib/forms/Radio/ORadio.types.ts
index 17fcff1cfe..67b873ccda 100644
--- a/web/src/lib/forms/Radio/ORadio.types.ts
+++ b/web/src/lib/forms/Radio/ORadio.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { InjectionKey } from "vue";
 
 export type RadioSize = "xs" | "sm" | "md";
@@ -11,7 +13,7 @@ export interface RadioGroupProps {
   /** Currently selected value */
   modelValue?: RadioValue;
   /** Accessible name for the group — rendered as a visually-hidden legend */
-  label?: string;
+  label?: I18nText;
   /** Disables all radio buttons in the group */
   disabled?: boolean;
   /** Marks the field required — renders a `*` after the label (no manual ` *`). */
@@ -42,7 +44,7 @@ export interface RadioProps {
   /** Compatibility alias for `value` */
   val?: RadioValue;
   /** Accessible label */
-  label?: string;
+  label?: I18nText;
   /** Control size */
   size?: RadioSize;
   /** Prevents interaction */
diff --git a/web/src/lib/forms/Range/ORange.types.ts b/web/src/lib/forms/Range/ORange.types.ts
index 036020a730..577a2df18f 100644
--- a/web/src/lib/forms/Range/ORange.types.ts
+++ b/web/src/lib/forms/Range/ORange.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type RangeSize = "sm" | "md" | "lg";
 
 export interface RangeValue {
@@ -17,15 +19,15 @@ export interface RangeProps {
   /** Step increment */
   step?: number;
   /** Label rendered above the track */
-  label?: string;
+  label?: I18nText;
   /** Show numeric range next to the label */
   showValue?: boolean;
   /** Format function for individual displayed values */
   formatValue?: (_value: number) => string;
   /** Helper text below the track */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /** Prevents interaction */
diff --git a/web/src/lib/forms/SearchInput/OSearchInput.types.ts b/web/src/lib/forms/SearchInput/OSearchInput.types.ts
index 85e4fde9b4..64a8471ad7 100644
--- a/web/src/lib/forms/SearchInput/OSearchInput.types.ts
+++ b/web/src/lib/forms/SearchInput/OSearchInput.types.ts
@@ -1,10 +1,12 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type SearchInputSize = "xs" | "sm" | "md";
 
 export interface SearchInputProps {
   modelValue?: string;
-  placeholder?: string;
+  placeholder?: I18nText;
   size?: SearchInputSize;
   /** Shows a × button to clear the field. Defaults to true — all search inputs are clearable by default. */
   clearable?: boolean;
diff --git a/web/src/lib/forms/SearchInput/OSearchInput.vue b/web/src/lib/forms/SearchInput/OSearchInput.vue
index b6fd730e06..5dda265641 100644
--- a/web/src/lib/forms/SearchInput/OSearchInput.vue
+++ b/web/src/lib/forms/SearchInput/OSearchInput.vue
@@ -6,6 +6,9 @@ import type { SearchInputProps, SearchInputEmits } from "./OSearchInput.types";
 import type { InputSize } from "@/lib/forms/Input/OInput.types";
 import OInput from "@/lib/forms/Input/OInput.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
+import { useI18nTyped } from "@/types/i18n";
+
+const { t } = useI18nTyped();
 
 defineOptions({ inheritAttrs: false });
 const $attrs = useAttrs();
@@ -19,7 +22,10 @@ const wrapperAttrs = computed(() => {
 
 const props = withDefaults(defineProps<SearchInputProps>(), {
   modelValue: "",
-  placeholder: "Search...",
+  // No default here: a literal would ship untranslated, and calling t() at module
+  // scope would freeze the copy at whatever locale was active on page load.
+  // Resolved per-render below instead.
+  placeholder: undefined,
   size: "sm",
   clearable: true,
   debounce: 0,
@@ -33,13 +39,15 @@ const inputSize = computed<InputSize>(() => (props.size === "md" ? "md" : "sm"))
 
 // Icon size follows OSearchInput size 1-to-1
 const iconSize = computed(() => (props.size === "xs" ? "xs" : "sm"));
+
+const resolvedPlaceholder = computed(() => props.placeholder ?? t("common.searchEllipsis"));
 </script>
 
 <template>
   <OInput
     v-bind="wrapperAttrs"
     :model-value="modelValue"
-    :placeholder="placeholder"
+    :placeholder="resolvedPlaceholder"
     :size="inputSize"
     :clearable="clearable"
     :debounce="debounce"
diff --git a/web/src/lib/forms/Select/OFormSelect.vue b/web/src/lib/forms/Select/OFormSelect.vue
index 244a41085b..abc0e30b2a 100644
--- a/web/src/lib/forms/Select/OFormSelect.vue
+++ b/web/src/lib/forms/Select/OFormSelect.vue
@@ -5,10 +5,18 @@ import { inject } from "vue";
 import OSelect from "./OSelect.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw, type I18nText } from "@/types/i18n";
 import type { FormSelectProps } from "./OFormSelect.types";
 
 defineOptions({ inheritAttrs: false });
 
+// Validation messages come from the form schema (already translated there); this
+// only re-brands them, keeping `undefined` when there is nothing to show.
+const errorText = (errors: readonly unknown[] | undefined): I18nText | undefined => {
+  const message = firstFieldError(errors);
+  return message ? raw(message) : undefined;
+};
+
 // OSelect defaults `searchable` to true. Because OFormSelect re-declares it as a
 // boolean prop, an OMITTED `searchable` would be cast to `false` (Vue's
 // absent-boolean rule) and then forwarded, clobbering OSelect's default and
@@ -43,7 +51,7 @@ if (import.meta.env.DEV && !form) {
         :model-value="field.state.value"
         :error="field.state.meta.errors.length > 0"
         :error-message="
-          field.state.meta.errors.length > 0 ? firstFieldError(field.state.meta.errors) : undefined
+          field.state.meta.errors.length > 0 ? errorText(field.state.meta.errors) : undefined
         "
         @update:model-value="field.handleChange"
         @blur="field.handleBlur"
diff --git a/web/src/lib/forms/Select/OSelect.types.ts b/web/src/lib/forms/Select/OSelect.types.ts
index 7c295eada3..ba284761b2 100644
--- a/web/src/lib/forms/Select/OSelect.types.ts
+++ b/web/src/lib/forms/Select/OSelect.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 import type { InjectionKey } from "vue";
 import type { FieldWidth } from "../Input/OInput.types";
 
@@ -32,7 +34,7 @@ export type SelectSize = "sm" | "md";
 // ── Option shape ──────────────────────────────────────────────────────────
 
 export interface SelectOption {
-  label: string;
+  label: I18nText;
   value?: SelectValue;
   disabled?: boolean;
   /** When true, renders the item as a non-selectable group header */
@@ -90,7 +92,7 @@ export interface SelectProps {
   /** Optional dropdown content style passthrough */
   dropdownStyle?: string | Record<string, string | number>;
   /** Placeholder text shown in the internal search input */
-  searchPlaceholder?: string;
+  searchPlaceholder?: I18nText;
   /** Key to read label from each option object */
   labelKey?: string;
   /** Key to read value from each option object */
@@ -98,13 +100,13 @@ export interface SelectProps {
   /** Key to read a OIcon name from each option object — when set, renders an icon before the label in the dropdown list */
   iconKey?: string;
   /** Floating label rendered above the trigger */
-  label?: string;
+  label?: I18nText;
   /** Marks the field required — renders a `*` after the label (no manual ` *`). */
   required?: boolean;
   /** Placeholder text shown when no value is selected */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Error message — when truthy the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field in error state without a message */
   error?: boolean;
   /** Shows a ✕ button to clear the selection */
@@ -118,7 +120,7 @@ export interface SelectProps {
   /** HTML name */
   name?: string;
   /** Helper text displayed below the field */
-  helpText?: string;
+  helpText?: I18nText;
   /**
    * Semantic field width — controls how wide the component renders.
    * Defaults to "full" (fills the container).
@@ -189,7 +191,7 @@ export interface SelectItemProps {
   /** The value emitted when this item is selected */
   value: SelectValue;
   /** Display label */
-  label?: string;
+  label?: I18nText;
   /** Prevents selection */
   disabled?: boolean;
 }
@@ -202,7 +204,7 @@ export interface SelectItemSlots {
 
 export interface SelectGroupProps {
   /** Visible heading above the group */
-  label?: string;
+  label?: I18nText;
 }
 
 export interface SelectGroupSlots {
diff --git a/web/src/lib/forms/Select/OSelect.vue b/web/src/lib/forms/Select/OSelect.vue
index 41e0a2785a..d8acbdc218 100644
--- a/web/src/lib/forms/Select/OSelect.vue
+++ b/web/src/lib/forms/Select/OSelect.vue
@@ -53,12 +53,12 @@ import {
   setActiveOverlay,
   clearActiveOverlay,
 } from "@/lib/overlay/Dropdown/ODropdown.context";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
 type NormalizedOption = {
-  label: string;
+  label: I18nText;
   value: SelectPrimitiveValue;
   disabled: boolean;
   header: boolean;
@@ -67,7 +67,7 @@ type NormalizedOption = {
    *  Used when the icon isn't a string name in the OIcon registry. */
   iconComponent?: any;
   /** Secondary description text shown below the label in the dropdown item. */
-  subLabel?: string;
+  subLabel?: I18nText;
   /** When true, renders subLabel on the same line as the label (name – url style). */
   subLabelInline?: boolean;
   /** Array of CSS color strings used to render a gradient swatch below the label. */
@@ -99,7 +99,6 @@ const props = withDefaults(defineProps<SelectProps>(), {
   hideSelected: false,
   collapsibleGroups: false,
   creatable: false,
-  searchPlaceholder: "Search...",
   labelKey: DEFAULT_OPTION_LABEL,
   valueKey: DEFAULT_OPTION_VALUE,
   iconKey: undefined,
@@ -163,26 +162,26 @@ function toRekaString(v: SelectPrimitiveValue): string {
   return String(v);
 }
 
-function normalizeOption(raw: unknown): NormalizedOption | null {
-  if (isPrimitiveSelectValue(raw)) {
+function normalizeOption(input: unknown): NormalizedOption | null {
+  if (isPrimitiveSelectValue(input)) {
     return {
-      label: String(raw),
-      value: raw,
+      label: raw(String(input)),
+      value: input,
       disabled: false,
       header: false,
     };
   }
 
-  if (!raw || typeof raw !== "object") return null;
+  if (!input || typeof input !== "object") return null;
 
-  const option = raw as Record<string, unknown>;
+  const option = input as Record<string, unknown>;
   const rawLabel = option[props.labelKey];
 
   // Group header: items with header:true or isTab:true are non-selectable labels
   const isHeader = Boolean(option["header"]) || Boolean(option["isTab"]);
   if (isHeader) {
     return {
-      label: rawLabel === undefined || rawLabel === null ? "" : String(rawLabel),
+      label: raw(rawLabel === undefined || rawLabel === null ? "" : String(rawLabel)),
       value: `__header__${String(rawLabel)}`,
       disabled: true,
       header: true,
@@ -201,13 +200,13 @@ function normalizeOption(raw: unknown): NormalizedOption | null {
   const rawSubLabelInline = option["subLabelInline"];
   const rawColorPalette = option["colorPalette"];
   return {
-    label: rawLabel === undefined || rawLabel === null ? String(rawValue) : String(rawLabel),
+    label: raw(rawLabel === undefined || rawLabel === null ? String(rawValue) : String(rawLabel)),
     value: rawValue,
     disabled: Boolean(option[DEFAULT_OPTION_DISABLED]),
     header: false,
     icon: typeof rawIcon === "string" && rawIcon ? rawIcon : undefined,
     iconComponent: rawIconComponent ?? undefined,
-    subLabel: typeof rawSubLabel === "string" ? rawSubLabel : undefined,
+    subLabel: typeof rawSubLabel === "string" ? raw(rawSubLabel) : undefined,
     subLabelInline: rawSubLabelInline === true,
     colorPalette: Array.isArray(rawColorPalette) ? (rawColorPalette as string[]) : undefined,
     badge: typeof option["badge"] === "string" ? (option["badge"] as string) : undefined,
@@ -223,7 +222,7 @@ function normalizeOption(raw: unknown): NormalizedOption | null {
 const normalizedOptions = computed<NormalizedOption[]>(() => {
   if (!props.options?.length) return [];
   return props.options
-    .map((raw) => normalizeOption(raw))
+    .map((option) => normalizeOption(option))
     .filter((opt): opt is NormalizedOption => opt !== null);
 });
 
@@ -249,6 +248,13 @@ const pinnedSelected = ref<Set<string>>(new Set());
 
 const inputEnabled = computed(() => props.searchable);
 
+// Resolved at render time rather than as a `withDefaults` default: a default is
+// evaluated once at module scope, which would freeze the placeholder in whatever
+// locale happened to be active when the module first loaded.
+const resolvedSearchPlaceholder = computed(
+  () => props.searchPlaceholder ?? t("common.searchEllipsis"),
+);
+
 const baseFilteredOptions = computed(() => {
   if (!inputEnabled.value) return normalizedOptions.value;
   const term = searchTerm.value.trim().toLowerCase();
@@ -1255,7 +1261,7 @@ const fieldWidthClass = computed(() => {
                     'border-input-border border-b',
                     heightClasses[size ?? 'md'],
                   ]"
-                  :placeholder="searchPlaceholder"
+                  :placeholder="resolvedSearchPlaceholder"
                   @keydown="handleDropdownKeydown"
                 />
 
diff --git a/web/src/lib/forms/Slider/OSlider.types.ts b/web/src/lib/forms/Slider/OSlider.types.ts
index 98db38d11e..1697fb785f 100644
--- a/web/src/lib/forms/Slider/OSlider.types.ts
+++ b/web/src/lib/forms/Slider/OSlider.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type SliderSize = "sm" | "md" | "lg";
 
 export interface SliderProps {
@@ -12,15 +14,15 @@ export interface SliderProps {
   /** Step increment */
   step?: number;
   /** Label rendered above the track */
-  label?: string;
+  label?: I18nText;
   /** Show numeric value next to the label */
   showValue?: boolean;
   /** Format function for the displayed value */
   formatValue?: (_value: number) => string;
   /** Helper text below the track */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /** Prevents interaction */
diff --git a/web/src/lib/forms/Switch/OSwitch.types.ts b/web/src/lib/forms/Switch/OSwitch.types.ts
index e8ca0fda53..1e0490240d 100644
--- a/web/src/lib/forms/Switch/OSwitch.types.ts
+++ b/web/src/lib/forms/Switch/OSwitch.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type SwitchSize = "sm" | "md" | "lg" | "xl";
 export type SwitchValue = boolean | string | number;
 /**
@@ -14,7 +16,7 @@ export interface SwitchProps {
   /** Current on/off state */
   modelValue?: SwitchValue;
   /** Accessible label rendered beside the switch */
-  label?: string;
+  label?: I18nText;
   /** Whether the label appears before (left) or after (right) the switch */
   labelPosition?: "left" | "right";
   /** Control size */
diff --git a/web/src/lib/forms/TagInput/OFormTagInput.types.ts b/web/src/lib/forms/TagInput/OFormTagInput.types.ts
index c3d4edd50c..bc0524ca1d 100644
--- a/web/src/lib/forms/TagInput/OFormTagInput.types.ts
+++ b/web/src/lib/forms/TagInput/OFormTagInput.types.ts
@@ -5,11 +5,13 @@
  * (auto-bound to the OForm field by `name`). OTagInput has no exported types
  * file, so its (small) prop surface is mirrored here.
  */
+import type { I18nText } from "@/types/i18n";
+
 export interface FormTagInputProps {
   /** Field name — must match a key in the parent OForm's defaultValues */
   name: string;
   /** Placeholder shown when there are no tags (forwarded to OTagInput) */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Floating label (forwarded to OTagInput) */
-  label?: string;
+  label?: I18nText;
 }
diff --git a/web/src/lib/forms/TagInput/OTagInput.vue b/web/src/lib/forms/TagInput/OTagInput.vue
index efd91c0853..0a47a4a85d 100644
--- a/web/src/lib/forms/TagInput/OTagInput.vue
+++ b/web/src/lib/forms/TagInput/OTagInput.vue
@@ -55,7 +55,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           ref="inputRef"
           v-model="inputValue"
           type="text"
-          :placeholder="modelValue.length > 0 ? '' : placeholder"
+          :placeholder="
+            modelValue.length > 0 ? '' : (placeholder ?? t('common.typeAndPressEnterOrComma'))
+          "
           class="text-text-body placeholder:text-text-secondary min-w-25 [flex:1_1_100px] border-0 bg-transparent p-1 text-sm outline-none"
           @keydown.enter.prevent="addTag"
           @input="handleInput"
@@ -71,19 +73,21 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { ref, computed } from "vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
 interface Props {
   modelValue: string[];
-  placeholder?: string;
-  label?: string;
+  placeholder?: I18nText;
+  label?: I18nText;
 }
 
+// `placeholder` has no default here on purpose: a `t()` call in `withDefaults`
+// would freeze the locale at module-evaluation time. The fallback
+// (`common.typeAndPressEnterOrComma`) is resolved in the template instead.
 const props = withDefaults(defineProps<Props>(), {
-  placeholder: "Type and press Enter or comma",
-  label: "",
+  label: raw(""),
 });
 
 const hasContent = computed(() => props.modelValue.length > 0 || inputValue.value.length > 0);
diff --git a/web/src/lib/forms/Time/OFormTime.vue b/web/src/lib/forms/Time/OFormTime.vue
index 54049040a9..eebe19686a 100644
--- a/web/src/lib/forms/Time/OFormTime.vue
+++ b/web/src/lib/forms/Time/OFormTime.vue
@@ -5,6 +5,7 @@ import { inject } from "vue";
 import OTime from "./OTime.vue";
 import { FORM_CONTEXT_KEY } from "../Form/OForm.types";
 import { firstFieldError } from "../Form/fieldError";
+import { raw } from "@/types/i18n";
 import type { FormTimeProps } from "./OFormTime.types";
 
 defineOptions({ inheritAttrs: false });
@@ -40,7 +41,9 @@ if (import.meta.env.DEV && !form) {
         :model-value="field.state.value"
         :error="field.state.meta.errors.length > 0"
         :error-message="
-          field.state.meta.errors.length > 0 ? firstFieldError(field.state.meta.errors) : undefined
+          field.state.meta.errors.length > 0
+            ? raw(firstFieldError(field.state.meta.errors))
+            : undefined
         "
         @update:model-value="field.handleChange"
         @blur="field.handleBlur"
diff --git a/web/src/lib/forms/Time/OTime.types.ts b/web/src/lib/forms/Time/OTime.types.ts
index 3e1abb3bf4..3026199809 100644
--- a/web/src/lib/forms/Time/OTime.types.ts
+++ b/web/src/lib/forms/Time/OTime.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type TimeSize = "sm" | "md";
 
 export interface TimeProps {
@@ -14,13 +16,13 @@ export interface TimeProps {
   /** Step in seconds — default 60 (one minute) */
   step?: number;
   /** Label rendered above the field */
-  label?: string;
+  label?: I18nText;
   /** Placeholder shown when empty */
-  placeholder?: string;
+  placeholder?: I18nText;
   /** Helper text below the field */
-  helpText?: string;
+  helpText?: I18nText;
   /** Error message — when provided the field shows error styling */
-  errorMessage?: string;
+  errorMessage?: I18nText;
   /** Marks the field as being in error state without a message */
   error?: boolean;
   /** Whether the user can clear the value */
diff --git a/web/src/lib/forms/Time/OTime.vue b/web/src/lib/forms/Time/OTime.vue
index 4c26daa17a..3c2703c4f3 100644
--- a/web/src/lib/forms/Time/OTime.vue
+++ b/web/src/lib/forms/Time/OTime.vue
@@ -4,7 +4,7 @@
 import type { TimeProps, TimeEmits, TimeSlots } from "./OTime.types";
 import { computed, ref, useAttrs, useId, watch } from "vue";
 import { PopoverRoot, PopoverTrigger, PopoverContent } from "reka-ui";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 
 const { t } = useI18nTyped();
@@ -91,7 +91,7 @@ function calcPos(index: number, total: number, radius: number) {
 
 interface ClockNum {
   value: number;
-  label: string;
+  label: I18nText;
   x: number;
   y: number;
 }
@@ -102,12 +102,12 @@ const clockNumbers = computed((): ClockNum[] => {
       const h = i + 1;
       const index = h % 12;
       const pos = calcPos(index, 12, NUM_RADIUS);
-      return { value: h, label: String(h), ...pos };
+      return { value: h, label: raw(String(h)), ...pos };
     });
   }
   return Array.from({ length: 12 }, (_, i) => {
     const pos = calcPos(i, 12, NUM_RADIUS);
-    return { value: i * 5, label: String(i * 5).padStart(2, "0"), ...pos };
+    return { value: i * 5, label: raw(String(i * 5).padStart(2, "0")), ...pos };
   });
 });
 
diff --git a/web/src/lib/lists/FieldList/OFieldLabel.vue b/web/src/lib/lists/FieldList/OFieldLabel.vue
index e4d3c2fbe6..46ce2e5f4d 100644
--- a/web/src/lib/lists/FieldList/OFieldLabel.vue
+++ b/web/src/lib/lists/FieldList/OFieldLabel.vue
@@ -22,7 +22,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       size="xs"
       class="text-field-list-label-icon flex-shrink-0 opacity-60"
     />
-    <OTooltip :content="field.label ?? field.name" :disabled="!isTruncated" side="right">
+    <OTooltip :content="raw(field.label ?? field.name)" :disabled="!isTruncated" side="right">
       <span
         ref="labelRef"
         class="text-compact text-field-list-label-text min-w-0 flex-1 truncate leading-relaxed"
@@ -34,6 +34,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { ref, onMounted, onUnmounted } from "vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
diff --git a/web/src/lib/lists/FieldList/OFieldList.types.ts b/web/src/lib/lists/FieldList/OFieldList.types.ts
index 18a15199d8..7889c4c189 100644
--- a/web/src/lib/lists/FieldList/OFieldList.types.ts
+++ b/web/src/lib/lists/FieldList/OFieldList.types.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export interface FieldItem {
   name: string;
   type?: string;
@@ -11,7 +13,7 @@ export interface FieldItem {
 export interface OFieldListProps {
   fields: FieldItem[];
   search?: string;
-  searchPlaceholder?: string;
+  searchPlaceholder?: I18nText;
   loading?: boolean;
   currentPage?: number;
   pageSize?: number;
diff --git a/web/src/lib/lists/FieldList/OFieldList.vue b/web/src/lib/lists/FieldList/OFieldList.vue
index 0a34d8f5d2..2b1f7e36c5 100644
--- a/web/src/lib/lists/FieldList/OFieldList.vue
+++ b/web/src/lib/lists/FieldList/OFieldList.vue
@@ -16,7 +16,7 @@
       <OInput
         :model-value="searchModel"
         data-test="o-field-list-search"
-        :placeholder="searchPlaceholder"
+        :placeholder="searchPlaceholder ?? t('common.searchFields')"
         clearable
         @update:model-value="onSearchChange"
       >
@@ -126,6 +126,7 @@
 </template>
 
 <script setup lang="ts">
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { computed, ref, watch } from "vue";
 import OInput from "@/lib/forms/Input/OInput.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -138,7 +139,7 @@ const props = withDefaults(
   defineProps<{
     fields: FieldItem[];
     search?: string;
-    searchPlaceholder?: string;
+    searchPlaceholder?: I18nText;
     /** Extra classes for the search block — see the template note on gutters. */
     searchClass?: string;
     loading?: boolean;
@@ -155,7 +156,8 @@ const props = withDefaults(
   }>(),
   {
     search: "",
-    searchPlaceholder: "Search fields",
+    // No default here — a withDefaults default is evaluated at module scope, which
+    // would freeze the locale. The template falls back to t() at render time.
     searchClass: "",
     loading: false,
     currentPage: 1,
@@ -182,6 +184,8 @@ const emit = defineEmits<{
   "drag-end": [row: FieldItem, event: DragEvent];
 }>();
 
+const { t } = useI18nTyped();
+
 const scrollContainerRef = ref<HTMLElement | null>(null);
 const searchModel = ref(props.search);
 const internalCurrentPage = ref(props.currentPage);
diff --git a/web/src/lib/navigation/Stepper/OStep.types.ts b/web/src/lib/navigation/Stepper/OStep.types.ts
index 95b65a44d2..99dcddadac 100644
--- a/web/src/lib/navigation/Stepper/OStep.types.ts
+++ b/web/src/lib/navigation/Stepper/OStep.types.ts
@@ -3,13 +3,15 @@
  * OStep represents a single step within an OStepper.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { StepIcon } from "./OStepper.types";
 
 export interface OStepProps {
   /** Step identifier ΓÇö unique within the stepper, matched against OStepper's v-model */
   name: number;
   /** Step header label shown in the indicator row */
-  title: string;
+  title: I18nText;
   /** OIcon name string or Lucide component shown in the step indicator (replaced by checkmark when done) */
   icon?: StepIcon;
   /** Marks this step as completed ΓÇö shows a checkmark. Typically :done="step > N". Default: false */
@@ -20,7 +22,7 @@ export interface OStepProps {
    */
   navigable?: boolean;
   /** Optional subtitle shown below the title in the step header. */
-  description?: string;
+  description?: I18nText;
   /** Shows an error state in the step indicator. Default: false */
   error?: boolean;
 }
diff --git a/web/src/lib/navigation/Stepper/OStepper.types.ts b/web/src/lib/navigation/Stepper/OStepper.types.ts
index 46527b383d..d6e29d9da3 100644
--- a/web/src/lib/navigation/Stepper/OStepper.types.ts
+++ b/web/src/lib/navigation/Stepper/OStepper.types.ts
@@ -4,6 +4,8 @@
  * It also provides context and a registration API to child OStep components.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { Component } from "vue";
 import type { IconName } from "@/lib/core/Icon/OIcon.types";
 
@@ -47,7 +49,7 @@ export interface OStepperSlots {
 /** Data each OStep registers with its parent OStepper */
 export interface StepRegistration {
   name: number;
-  title: string;
+  title: I18nText;
   icon: StepIcon;
   done: boolean;
   error: boolean;
diff --git a/web/src/lib/navigation/Tabs/ORouteTab.types.ts b/web/src/lib/navigation/Tabs/ORouteTab.types.ts
index a9472919db..6ca8444b76 100644
--- a/web/src/lib/navigation/Tabs/ORouteTab.types.ts
+++ b/web/src/lib/navigation/Tabs/ORouteTab.types.ts
@@ -3,13 +3,15 @@
  * ORouteTab wraps OTab with Vue Router navigation.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { RouteLocationRaw } from "vue-router";
 
 export interface ORouteTabProps {
   /** Unique identifier — must match v-model value on OTabs */
   name: string | number;
   /** Display text label */
-  label?: string;
+  label?: I18nText;
   /** Material icon name */
   icon?: string;
   /** Route to navigate to when clicked */
diff --git a/web/src/lib/navigation/Tabs/OTab.types.ts b/web/src/lib/navigation/Tabs/OTab.types.ts
index 757d10656e..c4b75fc127 100644
--- a/web/src/lib/navigation/Tabs/OTab.types.ts
+++ b/web/src/lib/navigation/Tabs/OTab.types.ts
@@ -3,17 +3,19 @@
  * OTab renders a single clickable tab trigger inside OTabs.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 export interface OTabProps {
   /** Unique identifier — must match the corresponding OTabPanel name */
   name: string | number;
   /** Display text label */
-  label?: string;
+  label?: I18nText;
   /** Material icon name shown before the label */
   icon?: string;
   /** Prevents interaction with this tab */
   disable?: boolean;
   /** Tooltip shown on hover — especially useful when disable is true to explain why */
-  tooltip?: string;
+  tooltip?: I18nText;
 }
 
 export interface OTabSlots {
diff --git a/web/src/lib/overlay/Dialog/ODialog.types.ts b/web/src/lib/overlay/Dialog/ODialog.types.ts
index 16bdc4a222..a0eabaa82b 100644
--- a/web/src/lib/overlay/Dialog/ODialog.types.ts
+++ b/web/src/lib/overlay/Dialog/ODialog.types.ts
@@ -2,6 +2,8 @@
  * ODialog.types.ts — public types for ODialog.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { ButtonVariant } from "@/lib/core/Button/OButton.types";
 
 export type DialogSize = "xs" | "sm" | "md" | "lg" | "xl" | "full";
@@ -28,7 +30,7 @@ export interface DialogProps {
    * Convenience prop: plain-text title rendered inside the header section.
    * Ignored when the `header` slot is provided.
    */
-  title?: string;
+  title?: I18nText;
 
   /**
    * Whether to render a built-in × close button in the top-right corner.
@@ -57,7 +59,7 @@ export interface DialogProps {
    * Optional subtitle rendered below the title in the header, left-aligned.
    * Ignored when the `header` slot is provided.
    */
-  subTitle?: string;
+  subTitle?: I18nText;
 
   // ── Inbuilt footer buttons ──────────────────────────────────────────────
 
@@ -68,11 +70,11 @@ export interface DialogProps {
   formId?: string;
 
   /** Label for the primary action button (right side). Omit to hide. */
-  primaryButtonLabel?: string;
+  primaryButtonLabel?: I18nText;
   /** Label for the secondary action button (right of neutral, left of primary). Omit to hide. */
-  secondaryButtonLabel?: string;
+  secondaryButtonLabel?: I18nText;
   /** Label for the neutral action button (left side). Omit to hide. */
-  neutralButtonLabel?: string;
+  neutralButtonLabel?: I18nText;
 
   /** OButton variant for the primary button. @default "primary" */
   primaryButtonVariant?: ButtonVariant;
diff --git a/web/src/lib/overlay/Drawer/ODrawer.types.ts b/web/src/lib/overlay/Drawer/ODrawer.types.ts
index 94307e9fbf..f42e20b519 100644
--- a/web/src/lib/overlay/Drawer/ODrawer.types.ts
+++ b/web/src/lib/overlay/Drawer/ODrawer.types.ts
@@ -6,6 +6,8 @@
  * in positioning and transition (slide instead of zoom/fade).
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { ButtonVariant } from "@/lib/core/Button/OButton.types";
 
 /** Which viewport edge the drawer slides in from. */
@@ -63,7 +65,7 @@ export interface DrawerProps {
    * Convenience prop: plain-text title rendered in the header.
    * Ignored when the `header` slot is provided.
    */
-  title?: string;
+  title?: I18nText;
 
   /**
    * Optional data-test attribute rendered on the structured title element,
@@ -91,7 +93,7 @@ export interface DrawerProps {
    * Optional subtitle rendered below the title in the header, left-aligned.
    * Ignored when the `header` slot is provided.
    */
-  subTitle?: string;
+  subTitle?: I18nText;
 
   // ── Inbuilt footer buttons ──────────────────────────────────────────────
 
@@ -102,11 +104,11 @@ export interface DrawerProps {
   formId?: string;
 
   /** Label for the primary action button (right side). Omit to hide. */
-  primaryButtonLabel?: string;
+  primaryButtonLabel?: I18nText;
   /** Label for the secondary action button (right of neutral, left of primary). Omit to hide. */
-  secondaryButtonLabel?: string;
+  secondaryButtonLabel?: I18nText;
   /** Label for the neutral action button (left side). Omit to hide. */
-  neutralButtonLabel?: string;
+  neutralButtonLabel?: I18nText;
 
   /** OButton variant for the primary button. @default "primary" */
   primaryButtonVariant?: ButtonVariant;
diff --git a/web/src/lib/overlay/Dropdown/ODropdownGroup.types.ts b/web/src/lib/overlay/Dropdown/ODropdownGroup.types.ts
index f9a9b32401..44d840eb3c 100644
--- a/web/src/lib/overlay/Dropdown/ODropdownGroup.types.ts
+++ b/web/src/lib/overlay/Dropdown/ODropdownGroup.types.ts
@@ -2,9 +2,11 @@
  * ODropdownGroup.types.ts — public types for ODropdownGroup.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 export interface DropdownGroupProps {
   /** Optional visible group label */
-  label?: string;
+  label?: I18nText;
 }
 
 export interface DropdownGroupSlots {
diff --git a/web/src/lib/overlay/Popover/OPopover.vue b/web/src/lib/overlay/Popover/OPopover.vue
index e5afdac92c..bcaa1879cc 100644
--- a/web/src/lib/overlay/Popover/OPopover.vue
+++ b/web/src/lib/overlay/Popover/OPopover.vue
@@ -13,6 +13,7 @@
   Slots: trigger | default
 -->
 <script lang="ts">
+import type { I18nText } from "@/types/i18n";
 // True when the last document interaction was pointer-based (shared across
 // instances). Lets a mouse-close avoid leaving a :focus-visible ring on the
 // trigger, while keyboard closes keep it for a11y.
@@ -57,7 +58,7 @@ const props = withDefaults(
     sideOffset?: number;
     /** Hide the content when the trigger scrolls out of view (Floating UI). */
     hideWhenDetached?: boolean;
-    ariaLabel?: string;
+    ariaLabel?: I18nText;
     /** Content stacking order. Default sits above the app header/drawer (2000/3000). */
     zIndex?: number;
     /** Extra classes merged onto the content surface. */
diff --git a/web/src/lib/overlay/Tooltip/OTooltip.types.ts b/web/src/lib/overlay/Tooltip/OTooltip.types.ts
index 520d476256..c774f87d26 100644
--- a/web/src/lib/overlay/Tooltip/OTooltip.types.ts
+++ b/web/src/lib/overlay/Tooltip/OTooltip.types.ts
@@ -2,6 +2,8 @@
  * OTooltip.types.ts ΓÇö public types for OTooltip.
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import type { TooltipContentProps } from "reka-ui";
 
 export type TooltipSide = "top" | "right" | "bottom" | "left";
@@ -9,7 +11,7 @@ export type TooltipAlign = "start" | "center" | "end";
 
 export interface TooltipProps {
   /** Tooltip text ΓÇö shorthand for `#content` slot when content is plain text */
-  content?: string;
+  content?: I18nText;
   /** Which side of the trigger to render the tooltip on */
   side?: TooltipSide;
   /** Alignment along the chosen side */
diff --git a/web/src/lib/vue-shortcut-manager/ShortcutCheatsheet.vue b/web/src/lib/vue-shortcut-manager/ShortcutCheatsheet.vue
index a16a6b6ca8..1f40f99300 100644
--- a/web/src/lib/vue-shortcut-manager/ShortcutCheatsheet.vue
+++ b/web/src/lib/vue-shortcut-manager/ShortcutCheatsheet.vue
@@ -220,7 +220,7 @@
 
 <script setup lang="ts">
 import { computed, ref, watch, onUnmounted } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
@@ -259,14 +259,14 @@ interface DisplayEntry {
   id: string;
   /** Combo string rendered as keycaps (e.g. "ctrl+enter", "del / ⌫"). */
   display: string;
-  label: string;
+  label: I18nText;
 }
 interface DisplaySection {
-  title: string;
+  title: I18nText;
   entries: DisplayEntry[];
 }
 interface DisplayModule {
-  title: string;
+  title: I18nText;
   sections: DisplaySection[];
 }
 
@@ -414,7 +414,7 @@ useShortcut(
     open.value = !open.value;
   },
   {
-    description: "shortcuts.actions.openCheatsheet",
+    description: raw("shortcuts.actions.openCheatsheet"),
     scope: "global",
   },
 );
diff --git a/web/src/lib/vue-shortcut-manager/composables.ts b/web/src/lib/vue-shortcut-manager/composables.ts
index f4fe701033..d36d830641 100644
--- a/web/src/lib/vue-shortcut-manager/composables.ts
+++ b/web/src/lib/vue-shortcut-manager/composables.ts
@@ -1,3 +1,5 @@
+import { raw } from "@/types/i18n";
+
 import { onMounted, onUnmounted, ref } from "vue";
 import { getManager } from "./manager";
 import { isMacOS } from "@/utils/keyboardShortcuts";
@@ -80,7 +82,7 @@ export function useShortcuts(shortcuts: ShortcutInput[], scope?: string): void {
             id: keys.length > 1 ? `${def.id}-${i}` : def.id,
             key,
             scope: def.scope,
-            description: def.descriptionKey,
+            description: raw(def.descriptionKey),
             handler: input.handler,
             whenFocused: input.whenFocused,
             allowInInput: def.allowInInput,
diff --git a/web/src/lib/vue-shortcut-manager/types.ts b/web/src/lib/vue-shortcut-manager/types.ts
index 6da3f9bbf3..4f485373d6 100644
--- a/web/src/lib/vue-shortcut-manager/types.ts
+++ b/web/src/lib/vue-shortcut-manager/types.ts
@@ -1,3 +1,5 @@
+import type { I18nText } from "@/types/i18n";
+
 import type { Ref } from "vue";
 
 export interface Shortcut {
@@ -14,7 +16,7 @@ export interface Shortcut {
   /** Override combo on macOS (falls back to `key`). */
   keyForMac?: string;
   handler: () => void;
-  description?: string;
+  description?: I18nText;
   scope?: string;
   whenFocused?: Ref<HTMLElement | null> | HTMLElement | null;
   /** When true the shortcut fires but is omitted from the cheatsheet list */
diff --git a/web/src/locales/languages/en-US.json b/web/src/locales/languages/en-US.json
index 0f25fc0d12..0702332cab 100644
--- a/web/src/locales/languages/en-US.json
+++ b/web/src/locales/languages/en-US.json
@@ -262,9 +262,7 @@
     },
     "noMonitors": {
       "title": "Create your first Check",
-      "description": "Synthetic Checks check your endpoints and browser flows on a schedule. Set one up to start monitoring.",
-      "action": "New check",
-      "actionDesc": "Define a synthetic check to monitor"
+      "description": "Synthetic Checks check your endpoints and browser flows on a schedule. Set one up to start monitoring."
     },
     "noIncidents": {
       "title": "No active incidents",
@@ -429,6 +427,10 @@
     }
   },
   "common": {
+    "copyContentError": "Error while copying content.",
+    "contentCopiedSuccessfully": "Content Copied Successfully!",
+    "valueCopiedToClipboard": "Value copied to clipboard",
+    "replace": "Replace",
     "and": "and",
     "versionAbbreviation": "V",
     "overview": "Overview",
@@ -443,6 +445,9 @@
     "urlLabel": "URL:",
     "viewIdLabel": "View ID:",
     "actionDetails": "Action Details",
+    "actionType": "Action Type",
+    "actionTarget": "Target",
+    "actionId": "Action ID",
     "loadingRelatedEvents": "Loading related events...",
     "relatedEvents": "Related Events",
     "on": "on",
@@ -478,9 +483,6 @@
     "startTime": "Start time",
     "endTime": "End time",
     "datetimeMessage": "* You can choose multiple dates",
-    "datetimeRelative": "RELATIVE",
-    "datetimeAbsolute": "ABSOLUTE",
-    "dateRange": "Date range",
     "copyRange": "Copy time range to clipboard",
     "pasteRange": "Paste time range",
     "dateRangeCopied": "Date range copied",
@@ -492,15 +494,12 @@
     "legend": "Legend",
     "weight": "Weight",
     "label": "Label",
-    "aggregation": "Aggregate data",
     "list": "List",
     "condition": "Condition",
     "operator": "Operator",
     "value": "Value",
     "filters": "Filters",
     "selectFilter": "Select Filter",
-    "browser": "Browser",
-    "attachments": "Attachments",
     "confirm": "Confirm",
     "json": "JSON",
     "table": "Table",
@@ -541,14 +540,10 @@
     "add": "Add",
     "selectAll": "Select All",
     "deselectAll": "Deselect All",
-    "details": "Details",
-    "tags": "Tags",
-    "process": "Process",
     "axisWidth": "Axis Width",
     "yAxisMin": "Y-Axis Min",
     "yAxisMax": "Y-Axis Max",
     "legendWidth": "Legend Width",
-    "exceptions": "Exceptions",
     "nameRequired": "Name is required",
     "invalidEmail": "Please enter a valid email address.",
     "nameMaxLength": "Name must be at most {max} characters.",
@@ -562,9 +557,17 @@
     "create": "Create",
     "type": "Type",
     "search": "Search",
+    "searchEllipsis": "Search...",
+    "searchFields": "Search fields",
+    "reveal": "Reveal",
+    "hide": "Hide",
+    "selectDateRange": "Select date range",
+    "typeAndPressEnterOrComma": "Type and press Enter or comma",
+    "confirmAction": "Confirm Action",
+    "crossLinks": "Cross-Links",
+    "writeYourPrompt": "Write your prompt",
     "expand": "Expand",
     "collapse": "Collapse",
-    "date": "Date",
     "description": "Description",
     "cancelChanges": "Cancel Changes",
     "logs": "Logs",
@@ -583,7 +586,6 @@
     "fullscreen": "Go Full Screen",
     "query": "Query",
     "output": "Output",
-    "selectStream": "Select Stream",
     "unsavedTitle": "Unsaved Changes",
     "unsavedMessage": "You have unsaved changes. Are you sure you want to leave?",
     "cancelTitle": "Cancel Changes",
@@ -603,14 +605,12 @@
     "completeResults": "Complete Results",
     "partialResults": "Partial Results",
     "unknownUser": "Unknown User",
-    "lastErrorPrefix": "Last error: ",
     "yes": "Yes",
     "no": "No",
     "resolved": "Resolved",
     "stillOngoing": "Still ongoing",
     "refresh": "Refresh",
     "showMore": "Show More",
-    "contactUs": "Contact Us",
     "addFolder": "Add Folder",
     "status": "Status",
     "chunkLoadErrorMsg": "A new version of the application is available. Please refresh the page to continue.",
@@ -621,9 +621,6 @@
     "resources": "Resources",
     "enable": "Enable",
     "disable": "Disable",
-    "download": "Download",
-    "enabled": "Enabled",
-    "disabled": "Disabled",
     "error": "Error",
     "db": "Database",
     "clearFilter": "Clear filter",
@@ -640,21 +637,16 @@
     "copiedExclaim": "Copied!",
     "clearAll": "Clear all",
     "unknown": "Unknown",
-    "mins": "Mins",
     "totalFields": "Total Fields: {count}",
-    "removeItem": "Remove {name}",
     "providerLogo": "{name} logo",
     "errorPrefix": "Error: {message}",
     "lastErrorAt": "Last error: {time}",
     "lastPausedAt": "Last paused: {time}",
-    "confirmBulkDelete": "Are you sure you want to delete {count} {entity}?",
     "turningOn": "Turning On",
     "turningOff": "Turning Off",
     "errorOccurred": "Error occurred",
     "errorLoadingData": "Error Loading Data",
     "noValuesFound": "No values found",
-    "dialogFallbackTitle": "Dialog",
-    "drawerFallbackTitle": "Drawer",
     "plainText": "text",
     "defaultLabel": "default",
     "durationGte": "duration >= {value}",
@@ -666,7 +658,6 @@
     "timezoneIsRequired": "Timezone is required",
     "idPrefix": "ID: {id}",
     "unchangedCount": "Unchanged ({count})",
-    "importCount": "Import ({count})",
     "countOfTotal": "{count} of {total}",
     "copyAll": "Copy all",
     "rangeMinimum": "{label} minimum",
@@ -711,7 +702,15 @@
     "chooseAFile": "Choose a file",
     "loadingEllipsis": "Loading...",
     "field": "Field",
-    "enterValueOrVariable": "Enter value or $variable"
+    "enterValueOrVariable": "Enter value or $variable",
+    "all": "All",
+    "jsonFilesOnlyHint": ".json files only",
+    "fileUploadJsonTab": "File Upload / JSON",
+    "urlImportTab": "URL Import",
+    "relativeTimeAgo": "{value} {unit} ago",
+    "relativeTimePast": "Past {value} {unit}",
+    "metrics": "Metrics",
+    "traces": "Traces"
   },
   "flow": {
     "stepPicker": {
@@ -719,23 +718,19 @@
       "noMatch": "No matching steps"
     },
     "condition": {
-      "empty": "Please add at least one condition",
       "loading": "Loading conditions...",
       "loadError": "The saved condition could not be read and has been reset. Saving now will overwrite it."
     },
     "destination": {
       "createNew": "Create New Destination",
       "select": "Destination",
-      "required": "Please select a destination from the list",
       "loadError": "Error while pulling destinations."
     },
     "function": {
       "createNew": "Create New Function",
       "createNewNoteWorkflow": "Note: The function will be created, then you will be redirected to the previous form to associate the newly created function with the workflow.",
       "select": "Select Function",
-      "required": "Field is required",
       "loadError": "Failed to load functions",
-      "duplicate": "Function is already associated",
       "flatten": "After Flattening",
       "guidelinesTitle": "Function Execution Guidelines:",
       "rbf": "RBF (Run Before Flattening):",
@@ -749,12 +744,11 @@
     "fieldRequired": "Field is required!",
     "alphanumeric": "Input must be alphanumeric",
     "organizationNameRequired": "Organization name is required",
-    "selectOrganization": "Please select an organization",
-    "invalidFormat": "Invalid format",
-    "mustBeGreaterThan": "Must be greater than {value}",
-    "mustBeLessThan": "Must be less than {value}"
+    "selectOrganization": "Please select an organization"
   },
   "search": {
+    "queryFailed": "Query failed",
+    "unknownError": "Unknown error",
     "selectedLabel": "selected",
     "selectToFilter": "Select to filter",
     "clearSelection": "Clear selection",
@@ -777,42 +771,27 @@
     "selectIndex": "Select Stream First",
     "selectStreamFirst": "Select a stream first",
     "selectLogsStreamFirst": "Select Logs stream first",
-    "typeSearch": "Type your search query here.",
     "searchField": "Search for a field",
     "searchDimension": "Search Dimensions",
     "maxRecords": "Max records to return",
-    "searchResult": "Search Results",
-    "resultsFound": "Results found",
     "timestamp": "timestamp",
     "source": "_source",
     "noResult": "No results found.",
     "noData": "No data available",
     "fieldValuesEmpty": "No values found.",
     "fieldValuesEmptyHint": "Try a broader time range to see values.",
-    "syntaxGuide": "Syntax guide",
     "recordsPerPage": "Records per page",
     "showing": "Showing",
     "of": "of",
     "rowDetail": "Source Details",
     "sourceName": "Name",
     "sourceValue": "Value",
-    "searchStream": "Search Stream",
-    "showQueryLabel": "Editors",
-    "showFieldLabel": "Fields",
     "showHistogramLabel": "Histogram",
     "hideHistogram": "Hide Histogram",
     "showPatternsLabel": "Patterns",
     "patternColumnHeader": "Pattern",
     "occurrenceColumnHeader": "Count",
-    "percentageColumnHeader": "%",
-    "anomalyColumnHeader": "Anomaly",
-    "actionsColumnHeader": "Actions",
     "anomalyLabel": "Rare Pattern",
-    "anomalyDetected": "Anomaly detected",
-    "includePatternInSearch": "Include pattern in search",
-    "excludePatternFromSearch": "Exclude pattern from search",
-    "createAlertFromPattern": "Create alert from this pattern",
-    "showPatternDetails": "Show details ({variables} variables, {examples} examples)",
     "patternDetailsTitle": "Pattern Details",
     "patternXofY": "Pattern {index} of {total}",
     "patternXofYShort": "{index} of {total}",
@@ -836,42 +815,28 @@
     "patternExampleLogsWithCount": "Example Logs ({count})",
     "patternNavPrevious": "Previous",
     "patternNavNext": "Next",
-    "patternWildcardSampleValues": "Sample values",
     "patternNoValuesAvailable": "No values available",
-    "wildcardSampleValues": "Sample values",
     "sqlModeLabel": "SQL Mode",
     "nlpModeLabel": "Natural Language Mode",
     "quickModeLabel": "Quick Mode",
-    "disableQuickMode": "Disable Quick Mode",
     "menuMore": "More",
     "menuGroupSetOnce": "Set Once",
     "menuGroupSavedViews": "Saved Views",
-    "menuGroupTools": "Tools",
     "menuGroupHistory": "History",
     "menuGroupDownloads": "Downloads",
     "menuGroupSchedule": "Schedule",
     "menuGroupInspect": "Inspect",
     "menuGroupExplain": "Explain",
-    "validSql": "Valid SQL",
-    "invalidSql": "Invalid query",
-    "toggleFunctionLabel": "Function",
-    "labelWrap": "Wrap Content",
     "messageWrapContent": "Wrap Table Content",
     "showHideColumns": "Toggle Columns",
     "functionPlaceholder": "Saved Functions",
-    "functionMessage": "Press Tab or Enter to apply a new function name.",
-    "saveFunctionLabel": "Save Function",
     "saveFunctionName": "Function Name",
     "savedFunctionNotFound": "Function not found.",
     "actionsNotFound": "Actions not found.",
     "selectTransformType": "Select Function or Action to see available options",
-    "actionPlaceholder": "Saved Actions",
-    "functions": "Functions",
-    "actions": "Actions",
     "exportLogs": "Export logs",
     "runQuery": "Run query",
     "refreshCacheAndRunQuery": "Refresh Cache & Run Query",
-    "liveMode": "Auto",
     "liveModeTooltip": "Auto-run query on filter/time changes",
     "autoRunEnabled": "Auto run enabled",
     "turnOnLiveMode": "Turn on Auto Run",
@@ -886,8 +851,6 @@
     "maxEventsScheduleJob": "Maximum 100000 events can be returned in schedule job",
     "histogramDisabledScheduleJob": "Histogram will be disabled for the schedule job",
     "favoriteViews": "Favorite Views",
-    "wrapContent": "Wrap Content",
-    "notSupportedForVisualization": "Not supported for timechart",
     "region": "Region",
     "deleteSavedView": "Delete Saved View",
     "deleteSavedViewConfirm": "Are you sure you want to delete saved view?",
@@ -897,14 +860,9 @@
     "expand": "Expand",
     "syntaxGuideLabel": "Syntax Guide",
     "legendLabel": "Legend",
-    "logs": "Logs",
-    "traces": "Traces",
-    "enrichmentTables": "Enrichment Tables",
     "switchToLogs": "Switch back to Logs",
     "savedViewsLabel": "Saved View",
     "savedViewsNotFound": "Saved view not found!",
-    "savedViewAction": "Create/Update Saved View",
-    "savedViewDropdownLabel": "Saved Views",
     "savedViewName": "View Name",
     "createSavedView": "Create Saved View",
     "listSavedViews": "List Saved Views",
@@ -919,11 +877,9 @@
     "range": "No of Records",
     "btnDownload": "Download",
     "customDownloadMessage": "Enter the initial number and select the range to download data.",
-    "noRecordFound": "No events found. Please adjust the filters and try again.",
     "noStreamSelectedMessage": "Select a stream and press 'Run query' to continue. Additionally, you can apply additional filters and adjust the date range to enhance search.",
     "functionErrorLabel": "Query execution warning: (expand for more details)",
     "histogramErrorBtnLabel": "Click for error details",
-    "functionErrorBtnLabel": "Click for error details",
     "applySearch": "Adjust filter parameters and click 'Run query'.",
     "searchSavedView": "Search saved views",
     "searchSavedFunction": "Search",
@@ -935,15 +891,9 @@
     "regionTitle": "Select a Region",
     "userDefinedSchemaLabel": "User-Defined Schema",
     "allFieldsLabel": "All Fields",
-    "generateSQL": "Generate SQL",
     "generateQuery": "Ask AI",
-    "askAI": "Ask AI",
-    "generateSQLTooltip": "Generate SQL query from natural language (Ctrl/Cmd + Enter)",
     "generateQueryTooltip": "Ask AI to help with your query",
-    "askAITooltip": "Ask AI to help with your query",
-    "generating": "Generating...",
     "nlQueryGenerationFailed": "Failed to generate query. Please try again.",
-    "nlQueryGenerationSuccess": "Query generated successfully!",
     "askAIPlaceholder": "Ask AI to help with your query...",
     "askAIFunctionPlaceholder": "Ask AI to help with your function...",
     "askAIPlaceholderRotation": {
@@ -960,13 +910,10 @@
     "queryGenerationStopped": "Query generation was stopped.",
     "queryGenerationFailed": "Query generation failed.",
     "fetchingResults": "Fetching Search Results...",
-    "noResultsFound": "No results found",
     "errorFetchingResults": "Error while fetching results",
     "somethingWentWrong": "Something went wrong",
     "selectStreamForAI": "Select a stream first to use AI",
     "collapseFields": "Collapse Fields",
-    "openFields": "Open Fields",
-    "aiBarSuccessPlaceholder": "What would you like to do next?",
     "allFieldsWarningMsg": "Searches can be slow when the number of fields in the schema is extremely high. Please choose the required fields carefully.",
     "regionFilterMsg": "Search Region/Cluster",
     "queryRangeRestrictionMsg": "The query range is restricted to {range}. Please adjust the date range accordingly. Otherwise, the start date will be automatically adjusted to fit within the allowed limit.",
@@ -975,18 +922,12 @@
     "viewRelated": "View Related",
     "viewRelatedTooltip": "View related traces and metrics",
     "flattened": "Flattened",
-    "unflattened": "Unflattened",
     "original": "Original",
     "resetFilters": "Reset filters",
     "redirect_to_logs_page": "Go back to Logs page",
     "visualize": "Timechart",
     "enableSqlModeOrSelectSingleStream": "Please enable SQL mode to use timechart",
-    "visualizeDisabledForMultiStream": "Timechart is disabled for multi stream",
-    "sqlModeDisabledForVisualization": "SQL mode cannot be disabled while on timechart with multiple streams",
     "buildQuery": "Visualize",
-    "enableSqlModeForBuild": "Please enable SQL mode and select a single stream to use query builder",
-    "applyToSearch": "Apply to Search",
-    "complexQueryDetected": "Complex query detected. Using custom mode.",
     "nlpModeDisabledForVisualization": "Natural Language mode cannot be disabled while on timechart with multiple streams",
     "transformType": "Transform Type",
     "saveActionDisabled": "Saving Action is currently unavailable",
@@ -996,15 +937,12 @@
     "fileType": "File Type",
     "showOnlyInterestingFields": "Interesting Fields",
     "explainQuery": "Explain Query",
-    "explainTooltip": "Show query execution plan",
     "queryPlan": "Query Plan",
     "analyze": "Analyze",
     "analyzeTooltip": "Run query with execution metrics",
     "analyzeResults": "Analyze Results",
     "explainResults": "Explain Results",
-    "executionMetrics": "Execution Metrics",
     "executionPlan": "Execution Plan",
-    "verbose": "Verbose",
     "loadingPlan": "Loading query plan...",
     "runningAnalyze": "Running analyze...",
     "noPlanFound": "No query plan found",
@@ -1012,7 +950,6 @@
     "errorFetchingPlan": "Error fetching query plan",
     "errorRunningAnalyze": "Error running analyze",
     "noLogicalPlan": "No logical plan available",
-    "noLogicalPlanAnalyze": "EXPLAIN ANALYZE only shows physical execution plan with metrics",
     "noPhysicalPlan": "No physical plan available",
     "executionSummary": "Execution Summary",
     "logicalPlan": "Logical Plan",
@@ -1020,34 +957,16 @@
     "totalTime": "Total Time",
     "totalRows": "Total Rows",
     "peakMemory": "Peak Memory",
-    "noStreamToUpdateView": "No stream available to update save view.",
-    "initialNumberPositive": "Initial number must be positive number.",
-    "noDataToDownload": "No data found to download.",
-    "histogramNotAvailableScheduled": "Histogram is not available for scheduled search",
-    "errorDownloadingLogs": "Error downloading logs",
-    "functionFieldRequired": "The function field must contain a value and cannot be left empty.",
-    "functionNameInvalid": "Function name is not valid.",
-    "functionCreationFailed": "Function creation failed",
-    "functionUpdatedSuccessfully": "Function updated successfully.",
-    "functionUpdateFailed": "Function updation failed",
-    "noFunctionDefinition": "No function definition found.",
-    "noStreamToSaveView": "No stream available to save view.",
-    "errorApplyingSavedView": "Error while applying saved view.",
     "errorDeletingSavedView": "Error while deleting saved view.",
     "errorCreatingSavedView": "Error while creating saved view.",
     "errorUpdatingSavedView": "Error while updating saved view.",
-    "provideValidViewName": "Please provide valid view name.",
     "viewDeletedSuccessfully": "View deleted successfully.",
     "viewCreatedSuccessfully": "View created successfully.",
     "viewUpdatedSuccessfully": "View updated successfully.",
-    "updatingSavedView": "Updating saved view...",
     "linkCopiedSuccessfully": "Link Copied Successfully!",
     "errorCopyingLink": "Error while copy link.",
     "errorShorteningLink": "Error while shortening link.",
     "webUrlNotConfigured": "Share URL is disabled until ZO_WEB_URL is configured by your administrator.",
-    "maxViewsLimit": "You can only save 10 views.",
-    "viewAddedToFavorites": "View added to favorites.",
-    "viewRemovedFromFavorites": "View removed from favorites.",
     "enableSqlOrSelectStream": "Please enable SQL mode or select a single stream to use timechart",
     "queryEmptyToVisualize": "Query is empty, please write query to use timechart",
     "multipleSqlNotAllowed": "Multiple SQL queries are not allowed for timechart",
@@ -1055,8 +974,6 @@
     "jobAlreadyScheduled": "Job Already Scheduled , please change some parameters to schedule new job",
     "jobSchedulerRange": "Job Scheduler should be between 1 and 100000",
     "errorAddingJob": "Error while adding job",
-    "selectStreamBeforeScheduling": "Please select a stream before scheduling a job",
-    "functionSelectionNotSupportedVisualization": "Function selection is not supported for timechart",
     "toggleFunctionEditor": "Toggle Function Editor",
     "functionEditorLabel": "Function Editor",
     "functionLabel": "Function",
@@ -1068,8 +985,12 @@
     "addToDashboard": "Add To Dashboard",
     "selectStream": "Select Stream",
     "pattern_summary": "Showing 1 to 50 out of {totalEvents} events & {patternsFound} patterns found in {logsAnalyzed} events in {totalTime} ms.",
+    "histogramTitle": "Showing {start} to {end} out of {total} events in {took} ms.",
+    "histogramTitleWithScan": "Showing {start} to {end} out of {total} events in {took} ms. ({scanLabel}: {scanSize})",
+    "scanSize": "Scan Size",
+    "deltaScanSize": "Delta Scan Size",
+    "histogramTitleError": "Error while generating histogram title.",
     "selectLogStream": "Select logs stream",
-    "loadingStream": "Loading Stream...",
     "searchInspect": "Search Inspect",
     "vrlOnlyForTableWarning": "VRL function is only supported for table chart.",
     "customDownloadTitle": "Custom Download",
@@ -1085,21 +1006,12 @@
     "upgradeToProPlan": "Upgrade to PRO Plan",
     "home": "Home",
     "about": "About",
-    "user": "Users",
     "index": "Streams",
     "search": "Logs",
     "traces": "Traces",
-    "evals": "Evaluations",
     "aiObservability": "AI",
     "aiAssistant": "AI Assistant",
-    "template": "Template",
     "signOut": "Sign Out",
-    "account": "Account",
-    "feedback": "Feedback",
-    "documentation": "Docs",
-    "tickets": "Ticket",
-    "organizations": "Organizations",
-    "function": "Functions",
     "ingestion": "Data sources",
     "metrics": "Metrics",
     "slack": "Slack",
@@ -1126,7 +1038,6 @@
   "rum": {
     "noSessionReplay": "No session replay available",
     "seek": "Seek",
-    "playbackSpeed": "Playback speed",
     "sessionMetricsAria": "Session metrics summary",
     "frustration": "Frustration",
     "sourceMapFilesCount": "Source Map Files ({count})",
@@ -1209,10 +1120,6 @@
       "quickImpl": "Quick implementation guide",
       "blogPost": "Frontend monitoring basics"
     },
-    "aboutRUMTitle": "Discover Real User Monitoring to Enhance Your User Experience",
-    "aboutRUMMessage": "Real User Monitoring allows you to track and analyze the performance of your website or application from the perspective of real users. This means understanding how actual users experience your site, where they face slowdowns, which pages they frequently use, and more.",
-    "getStartedTitle": "Get Started with Real User Monitoring",
-    "getStartedLabel": "Get Started",
     "performanceSummaryLabel": "Performance Summary",
     "performanceSummarySubtitle": "Core Web Vitals, page load, and API performance for your frontend",
     "webVitalsLabel": "Web Vitals",
@@ -1222,10 +1129,7 @@
     "clickHereLabel": "Click here",
     "skipInactivity": "Skip Inactivity",
     "error": "Error",
-    "sessionType": "Session Type",
-    "timeSpent": "Time Spent",
     "errorCount": "Error Count",
-    "frustrationCount": "Frustrations",
     "all": "All",
     "withErrors": "With errors",
     "frustrated": "Frustrated",
@@ -1263,15 +1167,8 @@
     "noActivityBounced": "No activity — bounced immediately",
     "eventsCount": "{count} events",
     "activityAriaLabel": "{events} events, {errors} errors, {frustrations} frustrations over session time",
-    "initialViewName": "Initial View Name",
     "timestamp": "Timestamp",
     "type": "Type",
-    "category": "Category",
-    "level": "Level",
-    "description": "Description",
-    "resourceURL": "Resource URL",
-    "durationms": "Duration (ms)",
-    "sizekb": "Size (kb)",
     "viewURL": "View URL",
     "events": "Events",
     "location": "Location",
@@ -1287,22 +1184,14 @@
     "playSessionReplay": "Play Session Replay",
     "discoverSessionTitle": "Discover Session Replay to Understand User Interactions in Detail",
     "discoverSessionMessage": "Session Replay captures and replays user interactions on your website or application. This allows you to visually review how users navigate, where they click, what they type, and how they engage with your content",
-    "getStartedRUM": "Get started with Real User Monitoring",
     "loadingErrorDetails": "Hold on tight, we're fetching error details.",
     "eventID": "Event ID",
-    "loadingApplicationErrors": "Hold on tight, we're fetching application errors.",
     "noCorrelatedTraces": "No correlated traces found for this session.",
-    "viewTraceDetails": "View Trace Details",
-    "routeChange": "Route",
-    "initialView": "Initial",
     "span": "span",
     "spans": "spans",
     "errorTraces": "error traces",
     "failedToFetchTraces": "Failed to fetch trace data. Please try again.",
-    "traceNotFound": "Trace details not found.",
-    "failedToFetchTraceDetails": "Failed to load trace details. Please try again.",
     "seekToMoment": "Seek to this moment in the session",
-    "timeInSession": "Session Time",
     "route": "Route",
     "duration": "Duration",
     "stackTraceRaw": "Raw",
@@ -1328,7 +1217,15 @@
     "showMoreFrames": "Show {count} more frames",
     "unableToTranslateStackTrace": "Unable to translate stack trace. Source maps may not be available.",
     "failedToTranslateStackTrace": "Failed to translate stack trace. Source maps may not be available.",
-    "frustrationSignalsDetected": "{count} frustration signal detected | {count} frustration signals detected"
+    "frustrationSignalsDetected": "{count} frustration signal detected | {count} frustration signals detected",
+    "deleteSourceMapsTitle": "Delete Source Maps",
+    "deleteSourceMapsConfirm": "Are you sure you want to delete all source maps for {service} ({version}) in {env} environment? This will delete {count} file. | Are you sure you want to delete all source maps for {service} ({version}) in {env} environment? This will delete {count} files.",
+    "playerEvents": {
+      "error": "Error",
+      "action": "Action",
+      "view": "View",
+      "frustration": "Frustration"
+    }
   },
   "about": {
     "copyCommitHash": "Copy commit hash",
@@ -1355,12 +1252,7 @@
     "allFivePillars": "ALL FIVE PILLARS",
     "license_key_required": "License key is required",
     "name": "OpenObserve",
-    "introduction": "Observability simplified.",
-    "version": "Version",
-    "commitHash": "Commit Hash",
-    "buildDate": "Build Date",
     "logoMsg": "Observability simplified.",
-    "buildType": "Platform",
     "manage_license": "Manage License",
     "os_libraries": "Open Source Libraries",
     "os_libraries_msg": "Built on the shoulders of giants. OpenObserve depends on many amazing open source libraries.",
@@ -1374,9 +1266,6 @@
     "create_at_lbl": "Created At",
     "expires_at_lbl": "Expires At",
     "usage_limits": "Usage Limits",
-    "ingestion_type": "Ingestion Type",
-    "ingestion_limit": "Ingestion Limit",
-    "today_usage": "Today's Usage",
     "feature_comparison_lbl": "Feature Comparison",
     "feature_comparision_ent_msg": "You're using OpenObserve Enterprise Edition with access to all advanced features listed below.",
     "feature_comparision_plan_detail": "Your plan: Enterprise Edition is free for up to 50 GB/day (~1.5 TB/month) of data ingestion.",
@@ -1384,9 +1273,6 @@
     "feature_comparision_good_news": "Good news: OpenObserve Enterprise Edition is completely free for up to 50 GB/day (~1.5 TB/month) of data ingestion.",
     "feature_comparision_subtitle": "Compare features across Open Source, Enterprise, and Cloud offerings",
     "feature_column_name": "Feature",
-    "edition_opensource": "Open Source (Self hosted)",
-    "edition_enterprise": "Enterprise (Self hosted)",
-    "edition_cloud": "Cloud",
     "feature_logs": "Logs",
     "feature_metrics": "Metrics",
     "feature_traces": "Traces",
@@ -1417,9 +1303,6 @@
     "feature_pipelines_external": "Pipelines - External destinations",
     "feature_extreme_performance": "Extreme performance (100x improvement for many queries)",
     "feature_query_optimizer": "Query optimizer",
-    "value_sso_requires_ha": "✅ Requires HA mode",
-    "value_rbac_requires_ha": "✅ Requires HA mode",
-    "value_roadmap_enterprise_plan": "✅ on enterprise plan",
     "value_license_agpl": "AGPL",
     "value_license_enterprise": "Enterprise",
     "value_license_cloud": "Cloud",
@@ -1427,21 +1310,17 @@
     "value_support_enterprise": "Enterprise",
     "value_support_cloud": "Cloud",
     "value_cost_free": "Free",
-    "value_cost_enterprise": "If self hosted, free for up to 50 GB/day data ingested. Paid thereafter",
-    "value_cost_cloud": "14 day free trial. Paid thereafter",
     "commit_lbl": "Commit",
     "build_lbl": "Built",
     "no_license_installed_lbl": "No License Installed",
     "no_license_installed_msg": "No enterprise license is currently installed. Contact your administrator or request a new license.",
     "active_lbl": "Active",
-    "inactive_lbl": "Inactive",
     "community_msg": "Join our vibrant community of developers and users building the future of observability.",
     "community_lbl": "Community",
     "loading_license_info": "Loading license information...",
     "failed_to_load_license_info": "Failed to load license information",
     "installation_id_lbl": "Installation ID",
     "expired_lbl": "Expired",
-    "license_management": "License Management",
     "no_license_found": "No License Found",
     "installation_id": "Installation ID",
     "contact_admin_license": "Contact your administrator for getting a license and paste the key here, <strong>or:</strong>",
@@ -1663,7 +1542,12 @@
       "error_messages": {
         "not_authorized_manage_license": "You are not authorized to manage the license."
       }
-    }
+    },
+    "value_sso_requires_ha": "✅ Requires HA mode",
+    "value_rbac_requires_ha": "✅ Requires HA mode",
+    "value_roadmap_enterprise_plan": "✅ on enterprise plan",
+    "value_cost_enterprise": "If self hosted, free for up to 50 GB/day data ingested. Paid thereafter",
+    "value_cost_cloud": "14 day free trial. Paid thereafter"
   },
   "login": {
     "redirectingToSsoMessage": "Redirecting to SSO login page. If you are not redirected, please",
@@ -1684,13 +1568,8 @@
     "privacyPolicyStar": "Privacy policy*",
     "startTrialButton": "Start your 14-day Trial",
     "copyrightNotice": "© OpenObserve",
-    "userid": "User ID",
     "userEmail": "User Email",
-    "signIn": "Sign In",
-    "signUp": "Sign Up",
     "password": "Password",
-    "cnfpassword": "Confirm Password",
-    "singnInWithGoogle": "Continue with Google",
     "email": "Email",
     "login": "Login",
     "emailRequired": "Email is required",
@@ -1698,33 +1577,19 @@
     "passwordRequired": "Password is required"
   },
   "user": {
-    "header": "Organization Member",
     "subtitle": "People with access to this organization",
     "id": "User ID",
     "name": "User name",
     "role": "Role",
-    "CREATED": "CREATED",
-    "UPDATED": "UPDATED",
     "password": "Password",
-    "repassword": "Reconfirm Password",
-    "addOrUpdate": "Add/Update User",
     "editUser": "Update User",
     "add": "New user",
     "search": "Search User",
-    "createdAt": "Updated at",
-    "updatedAt": "Created at",
     "status": "Status",
-    "ID": "id",
     "email": "Email",
-    "cognitoSub": "Cognito_sub",
     "firstName": "First Name",
     "lastName": "Last Name",
     "actions": "Actions",
-    "memberCreated": "Member Created",
-    "memberUpdated": "Member Updated",
-    "updateRole": "Update Role",
-    "orgMemberId": "Organization Member ID",
-    "view": "View",
     "update": "Update",
     "delete": "Delete",
     "confirmDeleteHead": "Delete User",
@@ -1732,16 +1597,11 @@
     "cancel": "Cancel",
     "save": "Save",
     "ok": "OK",
-    "updatenotallowed": "Update not allowed for owner",
     "sendInvite": "Send Invite",
     "inviteByEmail": "Invite by email. Multiple emails separated by semicolons (;) or commas (,).",
-    "inviteByEmailHint": "You will be charged a prorated amount for adding a member.",
-    "admin": "admin",
-    "member": "member",
     "changePassword": "Change Password",
     "oldPassword": "Old Password",
     "newPassword": "New Password",
-    "organization": "Organization",
     "otherOrganization": "Other Organization",
     "roleRequired": "Role is required",
     "fieldRequired": "Field is required",
@@ -1751,16 +1611,9 @@
     "newPasswordRequired": "New password is required.",
     "otherOrgInvalid": "Organization name must start with a letter and be alphanumeric, _ or -.",
     "inviteEmailInvalid": "Please enter correct email id.",
-    "isExistingUser": "Existing User?",
-    "deleteAPIKeyMessage": "Are you sure you want to delete this User API Key? This action cannot be undone. Click OK to confirm.",
-    "apiKeyNotFound": "User API Key Not Found.",
-    "allowedOrg": "Allowed Organization",
     "roles": "Roles",
-    "groups": "Groups",
     "customRole": "Custom Roles",
     "authType": "Auth",
-    "authTypeSSO": "SSO",
-    "authTypeLocal": "Native",
     "noCustomRolesHint": "No custom roles defined — create one in IAM → Roles",
     "externalUserCustomRoleHint": "External users can only be modified via the source system",
     "description": "Description",
@@ -1796,11 +1649,7 @@
     "updateFailed": "Failed to update the service account. Please try again.",
     "headerSubtitle": "Programmatic access tokens for APIs",
     "search": "Search Service Account",
-    "refresh": "Rotate Token",
     "rotate": "Rotate Token",
-    "showToken": "Show Token",
-    "hideToken": "Hide Token",
-    "delete": "Delete",
     "deleteServiceAccount": "Delete Service Account",
     "update": "Update Service Account",
     "copyToken": "Copy Token",
@@ -1815,14 +1664,10 @@
     "confirmBulkDeleteMsg": "Are you sure you want to delete {count} service account? | Are you sure you want to delete {count} service accounts?",
     "confirmBulkDeleteBtn": "Delete {count} accounts",
     "downloadToken": "Download Token",
-    "token": "Token",
-    "tokenDialogTitle": "Service Account Token",
     "tokenReveal": {
       "curl": "cURL",
       "header": "Header",
       "env": "Environment Variable",
-      "nextStep": "Use the token in your API requests. Store it securely; it will not be shown again.",
-      "nextStepCloud": "Use the token in your API requests. Contact your admin for the API endpoint.",
       "nextStepGrant": "This service account has no permissions yet. Assign it a role, or add it to a user group, to grant access.",
       "nextStepOss": "Grant access from the Roles & Groups page.",
       "addToGroup": "Add to a user group",
@@ -1856,23 +1701,15 @@
     "list": {
       "col": {
         "identifier": "Identifier",
-        "description": "Description",
         "token": "Token",
         "created": "Created"
       }
     },
-    "empty": {
-      "title": "No service accounts yet",
-      "description": "Create a service account to generate API tokens for programmatic access.",
-      "cta": "Add Service Account"
-    },
     "row": {
       "managedBy": "System Managed",
-      "managedByTooltip": "This is a system-managed service account and cannot be modified",
-      "checkboxTooltip": "System-managed accounts are excluded from bulk operations"
+      "managedByTooltip": "This is a system-managed service account and cannot be modified"
     },
     "bulkDelete": "Delete",
-    "bulkDeleteNotice": "System-managed accounts are excluded from bulk operations",
     "toast": {
       "loading": "Loading service accounts…",
       "created": "Service account created successfully.",
@@ -1889,8 +1726,6 @@
     }
   },
   "iam": {
-    "users": "Users",
-    "permissions": "Permissions",
     "sectionAccess": "Access",
     "sectionPermissions": "Permissions",
     "sectionOrganization": "Organization",
@@ -1914,17 +1749,13 @@
     "addRole": "New role",
     "roleName": "Role Name",
     "groupName": "Group Name",
-    "permissionName": "Permission Name",
-    "permission": "Permission",
     "all": "All",
     "list": "List",
     "get": "Get",
     "create": "Create",
     "update": "Update",
     "delete": "Delete",
-    "entityName": "Entity Name",
     "userName": "User Name",
-    "resourceName": "Resource Name",
     "searchRole": "Search Role",
     "searchGroup": "Search User Group",
     "object": "Object",
@@ -2202,27 +2033,7 @@
     }
   },
   "ticket": {
-    "header": "Support Tickets",
-    "add": "Add Ticket",
-    "save": "Save",
-    "update": "Update",
-    "delete": "Delete Ticket",
-    "search": "Search Ticket",
-    "subject": "Subject",
-    "description": "Description",
-    "id": "Ticket Id",
-    "createdAt": "Created at",
-    "updatedAt": "Updated at",
-    "status": "Status",
-    "comments": "Comments",
-    "addComments": "Add Comments",
-    "attachments": "Attachments",
     "noDataErrorMsg": "No data available",
-    "createTicket": "Create Ticket",
-    "updateTicket": "Update Ticket",
-    "inputTextHolder": "Type here.",
-    "selectHolder": "Select...",
-    "cancel": "Cancel",
     "noOrganizationSelected": "No Organization Selected",
     "selectOrganizationForQuota": "Select an Organization to set quotas"
   },
@@ -2231,48 +2042,26 @@
     "noOrganizationsFound": "No organizations found",
     "header": "Organizations",
     "orgBeingDeletedSwitching": "This organization is being deleted. Switching you to another organization.",
-    "orgName": "Organization Name",
     "createOrganization": "New organization",
     "updateOrganization": "Update organization",
     "makeBilledMember": "Add this organization as a billing member of current organization.",
-    "nameHolder": "Type name here",
     "add": "New organization",
     "save": "Save",
     "cancel": "Cancel",
-    "delete": "Delete Organization",
     "search": "Search Organization",
-    "subject": "Subject",
-    "description": "Description",
     "id": "Organization ID",
-    "createdAt": "Created at",
-    "updatedAt": "Updated at",
-    "status": "Status",
-    "invite": "Invite Teammate",
     "name": "Name",
     "type": "Type",
-    "owner": "Owner",
-    "created": "Created",
-    "actions": "Actions",
-    "emailLabel": "Enter Email ID",
-    "emailHolder": "Enter the email ID here.",
-    "note": "Note: Press Enter to add multiple teammates.",
     "identifier": "Identifier",
-    "copyapikey": "Copy API Key",
-    "getapikey": "Get API Key",
-    "role": "Role",
     "nameRequired": "Name is required",
     "nameHelpText": "Use alphanumeric characters, space and underscore only.",
-    "subscription_type": "Plan Type",
     "proceed_subscription": "Proceed to Subscription",
     "subscription_plan": "Subscription Plan",
-    "manage": "Manage",
     "pendingDeletion": "Pending deletion",
     "daysLeft": "{n} days left",
     "resurrect": "Resurrect organization"
   },
   "template": {
-    "header": "Templates",
-    "add": "New template",
     "search": "Search Template"
   },
   "logStream": {
@@ -2331,16 +2120,16 @@
     "docNum": "Events",
     "storageSize": "Ingested Data",
     "compressedSize": "Compressed Size",
-    "time": "Time",
-    "storageType": "Storage Type",
-    "shardNum": "Shard Number",
     "schemaHeader": "Stream Detail",
-    "streamSettings": "Stream Settings",
-    "streamPartitionKey": "Partition Key",
-    "streamftsKey": "Full Text Search Key",
-    "streamBloomKey": "Bloom Filter",
+    "indexTypeOptions": {
+      "fullTextSearch": "Full text search",
+      "secondaryIndex": "Secondary index",
+      "bloomFilter": "Bloom filter",
+      "keyValuePartition": "KeyValue partition",
+      "prefixPartition": "Prefix partition",
+      "hashPartition": "Hash partition ({buckets} Buckets)"
+    },
     "delete": "Delete",
-    "deleteIndex": "Delete Stream",
     "confirmDeleteHead": "Delete Stream",
     "confirmBatchDeleteHead": "Delete Streams",
     "confirmDeleteMsg": "Are you sure you want to delete this stream?",
@@ -2357,22 +2146,17 @@
     "updateSettings": "Update Settings",
     "explore": "Explore",
     "timezone": "Timezone",
-    "deleteActionLabel": "Delete",
     "deleteActionMessage": "Are you sure you want to delete the selected fields? This action cannot be undone.",
     "deleteDatesMessage": "Are you sure you want to delete the selected dates? This action cannot be undone.",
-    "labelAll": "All",
     "labelLogs": "Logs",
     "labelMetrics": "Metrics",
     "labelTraces": "Traces",
     "labelMetadata": "Metadata",
-    "labelIndex": "Index",
     "add": "New stream",
     "dataRetention": "Data Retention (in days)",
     "streamNameRequired": "Stream name is required",
     "streamTypeRequired": "Please select a stream type",
     "dataRetentionMin": "Data retention must be at least 1 day",
-    "indexing": "Indexing",
-    "createStream": "Create Stream",
     "indexType": "Index Type",
     "addField": "Add Field",
     "addSchemaField": "Add to Defined Schema",
@@ -2386,7 +2170,6 @@
     "extendedEndDate": "End Date",
     "regexPatterns": "SDR",
     "envQuickModeMsg": "Environment quick mode field",
-    "sdr": "Sensitive Data Redaction",
     "fields": "Fields",
     "fieldName": "Field Name",
     "fieldRequired": "Field is required!",
@@ -2403,17 +2186,11 @@
     "header": "Workflows",
     "subtitle": "Automate Actions With Triggers, Logic, And Destinations",
     "create": "New workflow",
-    "createTitle": "Create Workflow",
-    "createConfirm": "Create",
     "createSuccess": "Workflow Created Successfully",
-    "createError": "Error While Creating Workflow",
-    "name": "Name",
     "nameRequired": "Name Is Required",
     "search": "Search Workflows",
     "refresh": "Refresh Workflows",
     "trigger": "Trigger",
-    "steps": "Steps",
-    "status": "Status",
     "updated": "Updated",
     "actions": "Actions",
     "runs": {
@@ -2436,7 +2213,6 @@
       "success": "Success",
       "failed": "Failed",
       "open": "History",
-      "empty": "No Executions Yet",
       "loadError": "Error While Loading Executions",
       "loadRunError": "Error While Loading This Run"
     },
@@ -2455,16 +2231,6 @@
     "triggerRequired": "A Trigger Is Required",
     "addStepRequired": "Add At Least One Step After The Trigger",
     "connectAllNodes": "Connect All Nodes Before Saving",
-    "comingSoon": "This Is Coming In A Later Step",
-    "triggerType": {
-      "pick": "Choose A Trigger",
-      "dialogTitle": "Create A New Workflow",
-      "dialogIntro": "Choose How This Workflow Is Triggered. More Trigger Types Are Coming Soon.",
-      "cta": "Create Workflow",
-      "soonCta": "Available In A Future Release",
-      "comingSoon": "Coming Soon",
-      "soon": "Soon"
-    },
     "triggerKind": {
       "alertFired": {
         "label": "Alert Fired",
@@ -2496,7 +2262,6 @@
     "deleteNode": "Delete Node",
     "deleteNodeTitle": "Delete Step",
     "deleteNodeConfirm": "Are you sure you want to delete this step? This can't be undone.",
-    "backToList": "Back To Workflows",
     "namePlaceholder": "Untitled Workflow",
     "descriptionPlaceholder": "Description (Optional)",
     "test": {
@@ -2510,17 +2275,10 @@
       "resultHint": "After running, each step shows a check or an error icon on the canvas.",
       "notVerified": "Not verified — an earlier step errored, so records may not have reached this one.",
       "run": "Run Test",
-      "allPassed": "All steps passed.",
-      "nErrored": "{count} step errored. | {count} steps errored.",
-      "ok": "OK",
-      "skipped": "Skipped",
-      "errorsN": "{count} error | {count} errors",
       "runError": "Unable to run the test.",
       "stepResult": {
-        "viewHint": "Click To View Input / Output",
         "input": "Input",
         "output": "Output",
-        "noInput": "No Input Captured For This Step.",
         "noOutput": "No Output Captured For This Step.",
         "copyInput": "Copy Input",
         "copyOutput": "Copy Output",
@@ -2531,9 +2289,7 @@
         "replay": "Replay",
         "replayHint": "Edit the input above and Replay to re-run the workflow from this step.",
         "status": {
-          "ok": "Passed",
-          "error": "Errored",
-          "skipped": "Not Verified"
+          "error": "Errored"
         }
       }
     },
@@ -2552,7 +2308,6 @@
       "link": "Link Selected",
       "linkN": "Link {count} Selected",
       "skip": "Skip For Now",
-      "linking": "Linking...",
       "linkSuccess": "Linked To {count} Alert | Linked To {count} Alerts",
       "linkPartial": "Linked To {count} Alert, {failed} Failed | Linked To {count} Alerts, {failed} Failed",
       "linkError": "Unable To Link Alerts."
@@ -2565,67 +2320,53 @@
       "condition": "Condition",
       "function": "Function",
       "sendToDestination": "Destination",
-      "notConfigured": "Not Configured Yet",
       "configComingSoon": "{node} Configuration Is Coming In A Later Step",
-      "addNext": "Add Next Step",
       "sectionTransform": "Transform",
       "sectionDestination": "Destination",
-      "paletteCollapse": "Collapse",
       "stepSearchPlaceholder": "Search Steps...",
       "stepNoMatch": "No Steps Match Your Search.",
       "conditionDesc": "Branch on a rule",
       "functionDesc": "Reshape the payload with a function",
       "destinationDesc": "Send to a destination",
-      "true": "True",
-      "false": "False",
       "triggerBody": "Runs When An Associated Alert Fires",
-      "triggerLinked": "Runs When An Alert Fires · {count} Linked",
-      "triggerTypeLabel": "Trigger Type",
-      "triggerAlertsLabel": "Associated Alerts",
-      "triggerAlertsPlaceholder": "Select Alerts To Link",
-      "triggerAlertsNone": "No Alerts Found In This Organization.",
-      "triggerAlertsError": "Unable To Load Alerts",
-      "triggerNote": "This Workflow Runs When Any Of The Selected Alerts Fires.",
-      "triggerStructureTitle": "Payload Structure",
-      "triggerStructureHint": "Hover A Field For Details",
-      "triggerDetailHint": "Hover Or Focus A Field Above To See Its Type And Meaning.",
-      "triggerMetaBlock": "meta · Fixed Fields",
-      "triggerMetaBlockNote": "The Same Fields Are Present For Every Alert. Reference Them As meta.<field>.",
-      "triggerDataBlock": "data[] · Your Alert's Rows",
-      "triggerDataColumns": "Result Columns",
       "triggerDataExampleNote": "Example only — the actual columns come from your alert's query.",
       "incidentEventTypeLabel": "Event Type",
       "incidentCommonTitle": "Common Fields (Every Event)",
       "incidentSpecificTitle": "Event-Specific Fields",
       "incidentNoExtraFields": "This event adds no fields beyond the common ones.",
-      "triggerDataBlockNote": "An array with one object per matched record. Its columns come from the alert's own query, so they differ by alert — reference them as data[].<column>.",
-      "conditionBody": "Set A Rule To Branch On",
-      "conditionBodySet": "Branches On A Rule",
-      "conditionEmpty": "Please Add At Least One Condition",
       "conditionNoteTitle": "Condition Guidelines",
       "conditionNoteEmpty": "To Check For An Empty Value, Use \"\". Example:",
       "conditionNoteNull": "To Check For A Null Value, Use null. Example:",
       "conditionNoteCustom": "To Add A Custom Column, Type Its Name And Press Enter.",
       "conditionExampleEmpty": "severity != \"\"",
-      "conditionExampleNull": "severity != null",
-      "functionBody": "Reshape The Payload With A Function",
-      "functionBodySet": "Applies {name}",
-      "functionSelect": "Select Function",
-      "functionCreateNew": "Create New Function",
-      "functionRequired": "Function Is Required",
-      "functionLoadError": "Unable To Load Functions",
-      "destinationBody": "Send To A Destination",
-      "destinationBodySet": "Sends To {name}",
-      "destinationSelect": "Destination",
-      "destinationCreateNew": "Create New Destination",
-      "destinationRequired": "Please Select a Destination",
-      "destinationLoadError": "Unable To Load Destinations"
+      "conditionExampleNull": "severity != null"
     }
   },
   "pipeline": {
     "importPipelineTitle": "Import Pipeline",
     "errorValidations": "Error Validations",
     "outputMessages": "Output Messages",
+    "editPipeline": "Edit Pipeline",
+    "importErrors": {
+      "unknownError": "Unknown Error",
+      "nameRequired": "Pipeline - {index}: Name is required",
+      "streamTypeInvalid": "Pipeline - {index}: Stream Type is mandatory and should be one of: 'logs', 'metrics', 'traces'.",
+      "sourceStreamNameRequired": "Pipeline - {index}: Source stream name is required ",
+      "sqlQueryRequired": "Pipeline - {index}: SQL query is required",
+      "timezoneRequired": "Pipeline - {index}: Timezone is required",
+      "orgIdInvalid": "Pipeline - {index}: Organization Id is mandatory, should exist in organization list and should be equal to {orgId} ",
+      "functionNameRequired": "Pipeline - {index}, Function-{counter}: Function name is required and should be in the existing functions list",
+      "conditionRequired": "Pipeline - {index}, Node {nodeIndex}: Condition is required",
+      "v2GroupConditionsArray": "Pipeline - {index}, Node {nodeIndex}: V2 group must have a conditions array.",
+      "v2ConditionFields": "Pipeline - {index}, Node {nodeIndex}: V2 condition must have column, operator, and value.",
+      "v1ConditionsArray": "Pipeline - {index}, Node {nodeIndex}: V1 'and'/'or' conditions must be an array.",
+      "v0ConditionFields": "Pipeline - {index}, Node {nodeIndex}: V0 format - each condition must have column, operator, and value.",
+      "v1ConditionInvalid": "Pipeline - {index}, Node {nodeIndex}: Invalid V1 condition format.",
+      "conditionFormatUnrecognized": "Pipeline - {index}, Node {nodeIndex}: Unrecognized condition format.",
+      "remoteDestinationRequired": "Pipeline - {index}: Remote destination is required",
+      "createSuccess": "Pipeline - {index}: \"{name}\" created successfully \nNote: please remove the created pipeline object {name} from the json file",
+      "createFailed": "Pipeline - {index}: \"{name}\" creation failed --> \n Reason: {reason}"
+    },
     "pipelineCreation": "Pipeline Creation",
     "noPipelinesFound": "No pipelines found",
     "executionDetailsTitle": "Pipeline Execution Details",
@@ -2670,6 +2411,8 @@
     "dropHere": "Drop here",
     "backfillJobDetailsTitle": "Backfill Job Details",
     "cancelJob": "Cancel Job",
+    "cancelBackfillJobTitle": "Cancel Backfill Job",
+    "cancelBackfillJobConfirm": "Are you sure you want to cancel this backfill job?",
     "jobInformation": "Job Information",
     "jobId": "Job ID",
     "pipelineLabel": "Pipeline",
@@ -2717,7 +2460,24 @@
     "estimatedChunks": "Estimated Chunks:",
     "confirmDataDeletion": "Confirm Data Deletion",
     "yesDeleteAndBackfill": "Yes, Delete and Backfill",
+    "backfillDetails": {
+      "deletionCompleted": "Deletion Completed",
+      "deletingData": "Deleting Data",
+      "deletionPending": "Deletion Pending",
+      "deletionFailed": "Deletion Failed",
+      "allDataDeleted": "All existing data deleted",
+      "deletionInProgress": "Deletion in progress",
+      "waitingToStartDeletion": "Waiting to start deletion",
+      "afterDeletionCompleted": "After deletion completed",
+      "statusNotRequired": "Not Required",
+      "statusFailed": "Failed",
+      "statusCompleted": "Completed",
+      "statusInProgress": "In Progress",
+      "statusPending": "Pending",
+      "statusUnknown": "Unknown"
+    },
     "deleteBackfillConfirmMessage": "You have selected to delete existing data before backfill. This will permanently delete all data in the destination stream for the specified time range.",
+    "editBackfillDeleteConfirmMessage": "You have selected to delete existing data before backfill. This will permanently delete all data in the destination stream for the specified time range. This action CANNOT be undone or cancelled once the job is updated. Are you sure you want to proceed?",
     "actionCannotBeUndone": "This action CANNOT be undone or cancelled once the job is created.",
     "areYouSureProceed": "Are you sure you want to proceed?",
     "clearFilters": "Clear Filters",
@@ -2743,50 +2503,23 @@
     "failedToLoadPipeline": "Failed to load pipeline",
     "header": "Pipelines",
     "subtitle": "Transform, enrich and route data in flight",
-    "create": "Create Pipeline",
-    "SelectParentNode": "Select Parent Node",
-    "SelectChildNode": "Select Child Node",
     "deleteNode": "Delete",
     "addPipeline": "New pipeline",
     "deletePipeline": "Delete Pipeline",
     "search": "Search Pipeline",
-    "routing": "Routing",
-    "nodes": "Nodes",
     "associateFunction": "Associate Function",
-    "derivedStream": "Derived Stream",
     "pipelineName": "Enter Pipeline Name",
-    "flatteningLbl": "After Flattening",
     "streamTitle": "Associate Stream",
     "conditionTitle": "Associate Condition",
-    "nodeName": "Node Name",
-    "llmJudgeConfig": "LLM Judge Configuration",
-    "enableLlmJudge": "Enable LLM-as-Judge",
-    "enableLlmJudgeHelp": "When enabled, uses an LLM to evaluate response quality with detailed dimension scores. More thorough but costs LLM tokens.",
-    "samplingConfig": "Sampling Configuration",
-    "enableSampling": "Enable Sampling",
-    "samplingRate": "Sampling Rate",
-    "samplingRateHelp": "Sample a percentage of traces to reduce evaluation costs. Uses hash-based sampling on trace_id for consistent, deterministic results.",
-    "llmSpanIdentifier": "LLM Span Identifier",
-    "llmSpanIdentifierLabel": "Field to identify LLM spans",
-    "llmSpanIdentifierHelp": "Select the field from the source stream that identifies LLM spans. Only spans where this field is present and non-empty will be evaluated.",
-    "noFieldsFound": "No fields found",
-    "nameLabel": "Name",
-    "llmSpanIdentifierFieldHelp": "Field that identifies LLM spans (e.g. gen_ai_system)",
-    "evaluationTemplate": "Evaluation Template",
-    "evaluationTemplateHelp": "Select an evaluation template that defines the criteria and dimensions for the LLM judge.",
-    "noTemplatesFound": "No evaluation templates found. Create one in the Evaluation Templates page.",
-    "evalTemplatesRefreshed": "Evaluation templates refreshed successfully",
     "query": "Associate Query",
     "unsavedMessage": "You have unsaved changes. Are you sure you want to leave?",
     "import": "Import",
     "export": "Export",
-    "edit": "Edit",
     "delete": "Delete",
     "view": "View",
     "delay": "Delay",
     "history": "Pipeline History",
     "searchHistory": "Enter Pipeline Name",
-    "destination_type": "Destination Type",
     "backfill": "Backfill",
     "buildQuery": "Build Query",
     "setVariables": "Set Variables",
@@ -2804,14 +2537,6 @@
     "editPipelineJSON": "Edit Pipeline JSON",
     "savePipeline": "Save Pipeline",
     "savePipelineConfirm": "Are you sure you want to save this Pipeline, as it does not have any impact?",
-    "sourceNode": "Source",
-    "streamNode": "Stream",
-    "queryNode": "Query",
-    "transformNode": "Transform",
-    "functionNode": "Function",
-    "conditionNode": "Condition",
-    "destinationNode": "Destination",
-    "remoteNode": "Remote",
     "sourceStreamTooltip": "Source: Stream Node",
     "sourceQueryTooltip": "Source: Query Node",
     "functionTooltip": "Function Node",
@@ -2830,9 +2555,7 @@
     "pipelineSaved": "Pipeline saved successfully",
     "errorSavingPipeline": "Error while saving pipeline",
     "cancelChangesConfirm": "Are you sure you want to cancel changes?",
-    "discardChangesTitle": "Discard Changes",
     "deleteNodeTitle": "Delete Node",
-    "deleteNodeLlmEvalConfirm": "Are you sure you want to delete this LLM evaluation node?",
     "cancel": "Cancel",
     "collapseNodes": "Collapse Nodes",
     "openNodes": "Open Nodes",
@@ -2862,61 +2585,35 @@
     "backfillNumericRange": "Must be between {min} and {max}",
     "selectValidTimeRange": "Please select a valid time range",
     "startBeforeEndTime": "Start time must be before end time",
-    "thresholdShouldNotBeEmpty": "Threshold should not be empty",
     "errorGettingResults": "Error while getting results",
-    "save": "Save",
-    "evalTemplates": "Evaluation Templates",
     "selectStream": "Select a stream ...",
     "queryEditorPlaceholder": "Select a stream or write SQL query here...",
     "moreErrors": "... and {count} more errors",
     "chunkDelayTooltip": "Delay between processing chunks in seconds. Default: 5",
-    "processingChunk": "Processing Chunk {done}/{total}"
-  },
-  "evalTemplate": {
-    "header": "Evaluation Templates",
-    "newTemplate": "New Template",
-    "editTemplate": "Edit Evaluation Template",
-    "createTemplate": "Create New Evaluation Template",
-    "noTemplatesFound": "No evaluation templates found",
-    "templateName": "Template Name",
-    "responseType": "Response Type",
-    "dimensions": "Evaluation Dimensions",
-    "promptTemplate": "Prompt Template",
-    "statsTitle": "Template Statistics",
-    "avgQualityScore": "Average Quality Score",
-    "usageStats": "Usage Statistics",
-    "totalEvaluations": "Total Evaluations",
-    "lastUsed": "Last Used",
-    "deleteTemplate": "Delete Template",
-    "deleteConfirmation": "Are you sure you want to delete \"{name}\"?",
-    "bulkDeleteConfirmation": "Are you sure you want to delete {count} template? | Are you sure you want to delete {count} templates?",
-    "search": "Search templates",
-    "loadFailed": "Failed to load templates",
-    "saveRequiredFields": "Please fill in all required fields",
-    "updateSuccess": "Template updated successfully",
-    "createSuccess": "Template created successfully",
-    "updateFailed": "Failed to update template",
-    "createFailed": "Failed to create template",
-    "deleteSuccess": "Template deleted successfully",
-    "deleteFailed": "Failed to delete template",
-    "statsLoadFailed": "Failed to load template statistics",
-    "nameRequired": "Name is required",
-    "responseTypeRequired": "Response type is required",
-    "dimensionRequired": "At least one dimension is required",
-    "contentRequired": "Content is required",
-    "never": "Never",
-    "typeScore": "Numeric Score (e.g., 0.0 - 1.0)",
-    "typeBoolean": "Binary / Pass-Fail (Boolean)",
-    "typeCustom": "Categorical / Custom Text",
-    "dimensionsTooltip": "Add evaluation dimensions (e.g. accuracy, relevance). Type and press Enter to add custom ones.",
-    "tooltipName": "A unique name for this evaluation template.",
-    "tooltipDescription": "Optional description to explain what this template evaluates.",
-    "tooltipResponseType": "Defines the format of the LLM's evaluation output — numeric score, boolean pass/fail, or custom text.",
-    "tooltipDimensions": "Evaluation criteria the LLM should judge. Select from defaults or type a custom one and press Enter.",
-    "tooltipPromptTemplate": "The prompt sent to the LLM. Use {input}, {output}, and {context} as placeholders for dynamic values at evaluation time."
+    "processingChunk": "Processing Chunk {done}/{total}",
+    "importLabels": {
+      "name": "Name *",
+      "streamName": "Stream Name *",
+      "streamType": "Stream Type *"
+    },
+    "sourceNode": "Source",
+    "streamNode": "Stream",
+    "queryNode": "Query",
+    "transformNode": "Transform",
+    "functionNode": "Function",
+    "destinationNode": "Destination",
+    "remoteNode": "Remote",
+    "conditionsNode": "Conditions",
+    "editorFunctionTooltip": "Reshape the payload with a function",
+    "editorConditionTooltip": "Branch on a rule",
+    "destinationFormatStringSeparated": "String Separated"
   },
   "function": {
     "updateModeLabel": "Update Mode",
+    "updateModeReload": "Reload existing URLs",
+    "updateModeAppend": "Add new URL",
+    "updateModeReplaceAll": "Replace all URLs",
+    "updateModeReplaceFailed": "Replace failed URL only",
     "existingUrlsCount": "Existing URLs ({count})",
     "reloadModeLabel": "Reload Mode:",
     "reloadModeDescription": "Re-process all existing URLs from scratch. Use this when the CSV file content at the URLs has been updated but the URLs themselves haven't changed.",
@@ -2966,43 +2663,26 @@
     "header": "Functions",
     "subtitle": "Reusable VRL functions applied in pipelines",
     "clickTestFunctionHint": "Please click Test Function to see the events",
-    "pleaseEnterQuery": "Please enter a query",
     "add": "New function",
     "search": "Search Function",
     "name": "Enter Function Name",
-    "function": "Function Detail",
     "save": "Save",
     "jsfunction": "JavaScript Function",
-    "stream_name": "Stream Name",
-    "order": "Order",
-    "ingest": "Is Ingest-Time Function?",
     "actions": "Actions",
     "cancel": "Cancel",
-    "addTitle": "New function",
     "updateTitle": "Update function",
     "delete": "Delete Function",
-    "ok": "OK",
-    "type": "Function Type",
-    "showQuery": "Is Ingest-Time Function?",
-    "stream_type": "Stream Type",
     "vrl": "VRL",
     "javascript": "JavaScript",
-    "lua": "Lua",
     "testApplyFailedSome": "Failed to apply {language} Function on few events",
     "testApplyFailedEvent": "Error: Failed to apply {language} Function.",
     "testErrorJs": "JavaScript error - see details below",
     "testErrorVrl": "Error while transforming results",
-    "transformType": "Transform Type",
-    "vrlType": "VRL (Vector Remap Language)",
-    "jsType": "JavaScript (ES2023)",
     "vrlfunction": "VRL Function",
     "jsFunctionHint": "Use the `row` object to access and modify log fields. Example: row.new_field = row.existing_field + ' processed';",
     "vrlFunctionHint": "Use the `.` to represent the current event. Example: .new_field = .existing_field + ' processed'",
     "askAIFunctionPlaceholder": "Ask AI to help with your function...",
     "enterFunctionPrompt": "Enter a prompt to generate function",
-    "params": "Parameters",
-    "associatedWithStream": "Stream Association",
-    "paramsHint": "param1, param2, etc.",
     "associatedFunctionHeader": "Associated Functions",
     "enrichmentTables": "Enrichment Tables",
     "enrichmentTablesSubtitle": "Lookup tables that enrich ingested data",
@@ -3014,14 +2694,10 @@
     "appendData": "Append data to existing Enrichment Table",
     "deleteAssociatedFunction": "Delete Associated Function",
     "streamPipeline": "Pipelines",
-    "streamRouting": "Stream Routing",
     "testFunction": "Test Function",
     "errorDetails": "Error",
     "jsErrorDetails": "JavaScript Error Details",
     "function_definition": "Function Definition",
-    "enrichmentTableURL": "Enrichment Table URL",
-    "urlCannotBeModified": "URL cannot be modified after creation",
-    "close": "Close",
     "filterAll": "All",
     "filterFile": "File",
     "filterUrl": "URL",
@@ -3034,41 +2710,20 @@
     "arrowSeparator": "→",
     "title": "Insights",
     "tabLabel": "Duration",
-    "analyzeButton": "Duration Analysis",
-    "analyzeTooltip": "Analyze Duration patterns across trace dimensions",
-    "compareToLabel": "Compare to:",
-    "fullTimeRange": "Full time range",
-    "beforePeriod": "Before selected period",
-    "afterPeriod": "After selected period",
     "durationLabel": "Duration:",
     "analyzingDimensions": "Analyzing dimensions...",
     "computingDistributions": "Computing frequency distributions across {count} dimensions",
     "failedToLoad": "Failed to load analysis",
     "retryButton": "Retry",
-    "percentileLabel": "Latency Percentile",
-    "p50Median": "P50 (Median)",
-    "p75": "P75",
-    "p95": "P95",
-    "p99": "P99",
-    "dimensionsButton": "Fields ({count})",
-    "dimensionsTooltip": "Add or remove dimensions to analyze",
-    "selectDimensions": "Select Fields",
-    "analyzeButtonLabel": "Analyze",
     "refreshTooltip": "Refresh analysis with updated percentile",
-    "customSQLFieldsDisabled": "Field selection is not available for custom SQL queries. Dimensions are extracted from your query results.",
-    "timeRangeSelected": "Time Range Selected",
     "dimensionsSelected": "Dimensions selected"
   },
   "volumeInsights": {
     "title": "Insights",
     "tabLabel": "Rate",
-    "analyzeButton": "Rate Analysis",
-    "analyzeTooltip": "Analyze trace rate patterns across dimensions",
     "analyzeTooltipLogs": "View insights for current time range",
     "analyzeTooltipTraces": "Analyze trace dimensions for rate, latency, and error patterns",
-    "insightsButtonLabel": "Insights",
     "rateLabel": "Rate:",
-    "timeRangeLabel": "Time Range:",
     "searchInspectionsLabel": "Inspect search job execution details",
     "inspectBtnLabel": "Inspect",
     "analyzeBtnLabel": "Insights"
@@ -3076,7 +2731,6 @@
   "errorInsights": {
     "title": "Insights",
     "tabLabel": "Errors",
-    "errorSpikePeriod": "Error Spike Period:",
     "errorsGreaterThan": "Errors >="
   },
   "communitySlackInvite": {
@@ -3099,6 +2753,7 @@
     "loading": "Loading..."
   },
   "ingestion": {
+    "copyContentError": "Error while copy content.",
     "updateRUMTokenMessage": "Are you sure you want to update rum token for this organization?",
     "completeAwsIntegration": "Complete AWS Integration",
     "deployAwsServicesOneClick": "Deploy all selected AWS services in one click using a single CloudFormation stack.",
@@ -3180,24 +2835,17 @@
       "selectIntegrationPrompt": "Select an integration to view details."
     },
     "header": "Data sources",
-    "passwordLabel": "Reset Token",
-    "resetTokenBtnLabel": "Reset Token",
     "resetRUMTokenLabel": "Reset RUM Token",
     "generateRUMTokenLabel": "Generate RUM Token",
     "generateRUMTokenMessage": "Generate RUM Token to enable RUM for your organization.",
     "rumPlatform": "Platform",
     "rumPlatformBrowser": "Browser",
     "rumPlatformReactNative": "React Native",
-    "npmStepTitle": "NPM Installation Method",
     "recommendedLabel": "Recommended",
     "customLabel": "Custom",
     "logsLabel": "Logs",
     "metricsLabel": "Metrics",
     "tracesLabel": "Traces",
-    "subnetMessage": "Enter multiple subnets separated by commas.",
-    "internal": "This Cluster",
-    "external": "Default",
-    "internalLabel": "Note: Use this option if the collector is installed in the same cluster as O2",
     "redirectionIngestionMsg": "Note: In order to access pages other than IAM, data ingestion must be initiated within the current organization.",
     "databaseLabel": "Databases",
     "securityLabel": "Security",
@@ -3260,7 +2908,6 @@
     "nginx": "Nginx",
     "apache": "Apache",
     "iis": "IIS",
-    "pubsub": "Pub/Sub Logs",
     "aiLabel": "AI Integrations",
     "azureSetup": {
       "step1Number": "1",
@@ -3295,18 +2942,12 @@
       "runCommandAfterDeployment": "Run this command after your ARM deployment completes:",
       "activityLogsTitle": "Azure Activity Logs",
       "activityLogsDescription": "Stream Azure subscription activity logs to OpenObserve via Event Hub. The ARM template sets up the Event Hub infrastructure — you then configure Azure to export logs to it.",
-      "manualTitle": "Manual Configuration (for reference)",
-      "searchPlaceholder": "Search Azure services...",
-      "categoryAll": "All Services",
-      "categoryLogs": "Logs",
-      "categoryCompute": "Compute",
-      "categoryStorage": "Storage",
-      "categorySecurity": "Security",
-      "categoryNetworking": "Networking",
-      "noResults": "No integrations found matching your search"
+      "manualTitle": "Manual Configuration (for reference)"
     },
     "awsSetup": {
       "title": "AWS Integrations",
+      "dashboardExistsMessage": "A dashboard for {name} already exists. Do you wish to replace it?",
+      "dashboardExistsTitle": "Dashboard Already Exists",
       "description": "Set up AWS monitoring in one click or configure individual services for granular control.",
       "quickSetup": "Quick Setup",
       "individualServices": "Individual Services",
@@ -3388,37 +3029,55 @@
     "manageTokensBtnLabel": "Manage Tokens",
     "orgLevelExplanation": "These are organization-level ingestion tokens. They are not tied to individual users and will continue working even if the user who created them leaves the organization. Tokens can only be used on ingestion endpoints.",
     "orgLevelSummary": "Organization-level tokens for ingestion endpoints.",
-    "resetDefaultTokenLabel": "Reset Token",
     "tokenManagementTitle": "Manage Ingestion Tokens",
-    "defaultTokenBadge": "DEFAULT",
     "createTokenBtn": "Create New Token",
     "createTokenTitle": "Create Token",
     "searchToken": "Search tokens",
     "tokenNameLabel": "Name",
     "tokenDescriptionLabel": "Description",
-    "rotateTokenBtn": "Rotate",
-    "deleteTokenBtn": "Delete",
-    "copyTokenBtn": "Copy",
-    "copyTokenWarning": "Copy this token now. It will not be shown again.",
     "tokenAuthHeader": "Authorization",
     "authHeaderLabel": "Authorization header (ready to use)",
     "authHeaderHelp": "Paste this into the Authorization header of your ingestion request — no manual encoding needed.",
     "copyAuthHeaderBtn": "Copy Authorization header",
     "copyRawTokenBtn": "Copy raw token",
     "newTokenRevealed": "New Token Generated",
-    "deleteTokenConfirm": "Delete token \"{name}\"? Pipelines using this token will stop working.",
-    "rotateTokenConfirm": "Rotate token \"{name}\"? All pipelines using this token must be updated with the new value.",
     "tokenCreatedSuccess": "Token created successfully.",
-    "tokenRotatedSuccess": "Token rotated successfully.",
-    "tokenDeletedSuccess": "Token deleted successfully.",
-    "resetDefaultConfirm": "Reset the default ingestion token? All pipelines using this token must be updated.",
     "tokenFetchError": "Failed to load tokens.",
     "tokenCreateError": "Failed to create token.",
-    "tokenRotateError": "Failed to rotate token.",
-    "tokenDeleteError": "Failed to delete token.",
-    "noTokensFound": "No ingestion tokens found.",
     "createdBy": "Created by",
     "setupCard": {
+      "streamNameError": "Use letters, numbers and _ only.",
+      "clusterNameHelp": "Identifies this cluster in your logs, metrics and dashboards.",
+      "gcpStreamHelp": "Used in the push URL above and watched by the check below. A dedicated stream keeps GCP logs separate.",
+      "otlpTracesStreamHelp": "Written into the config above as `stream-name`, and watched by the check below.",
+      "quickInstallDesc": "Install the OpenObserve collector with a **single command** — just set your cluster name and run. The name tags every record, so you can tell clusters apart once several are reporting.",
+      "autoInstrumentTracesDesc": "Optional. The OpenTelemetry operator injects instrumentation into annotated workloads, so you get **distributed traces without touching application code or rebuilding images**. Pick a language, then annotate the namespace it runs in.",
+      "verifyK8sDataDesc": "Give the collector a few seconds to start, then hit Test — cluster logs land in the `default` stream.",
+      "advancedInstallDescCloud": "For custom configurations, or to pin versions and customise the chart values. Run the steps in order.",
+      "advancedInstallDescSelfHosted": "For custom configurations, or to pin versions and customise the chart values. Run the steps in order. If OpenObserve runs in this same cluster, replace the exporter endpoints with `{url}`.",
+      "uninstallAgentDescLinux": "Run with `sudo`. Stops and disables the systemd service, then removes the unit file, the binary, the config and the `openobserve-agent` user.",
+      "uninstallAgentDescMac": "Run with `sudo`. Stops both launchd daemons — the agent and the unified log bridge — then removes their plists, the binary, the config and the agent's logs.",
+      "uninstallAgentDescWindows": "Run in **PowerShell as Administrator**. Stops the agent service and deletes its install directory.",
+      "sendNotebookLogsTitle": "Send Logs From Your Notebook",
+      "sendNotebookLogsDesc": "Paste into a Databricks notebook cell — it POSTs records to OpenObserve's logs API.",
+      "verifyDatabricksLogsDesc": "Hit Test below, or open Logs and search `source:databricks`.",
+      "installAgentMacosDesc": "Run this on the Mac with `sudo`. It installs the agent as a launchd daemon, plus a second daemon that bridges the macOS unified log into it.",
+      "verifyMacosAgentDesc": "Both daemons start on install. Give it a few seconds, then hit Test — host metrics arrive as `system_*` streams and the unified log lands in the `macos_unified` stream.",
+      "externalEndpointVariant": "External Endpoint",
+      "internalEndpointVariant": "Internal Endpoint",
+      "quickInstallTitle": "Quick Install (Recommended)",
+      "clusterNameLabel": "Cluster Name",
+      "autoInstrumentTracesTitle": "Auto-Instrument Your Applications for Traces",
+      "advancedInstallLabel": "Advanced Installation (Manual Steps)",
+      "uninstallAgentLabel": "Uninstall the Agent",
+      "installReactNativeSdkTitle": "Install the React Native SDK",
+      "installReactNativeSdkDesc": "Add the core SDK plus the optional session-replay and navigation packages. On iOS, run `npx pod-install` afterwards so the native modules are linked.",
+      "initRumLogsDesc": "Wrap your app in `OpenObserveProvider`. The endpoints below are this org's — the SDK appends `/rum` and `/logs` to them. Adjust `applicationId`, `service` and `env` to describe your app. The `clientToken` ships inside your app bundle by design; it can only write RUM events and you can rotate it from this page's header.",
+      "enableSessionReplayTitle": "Enable Session Replay",
+      "enableSessionReplayDesc": "Session Replay is configured **separately** from RUM and does **not** inherit `rumConfiguration.customEndpoint`. It also does not append a path, so it needs the full `/replay` URL below. Getting this wrong is the usual reason RUM events arrive but replays never do.",
+      "trackScreensTitle": "Track Screens Automatically (Optional)",
+      "trackScreensDesc": "If you use React Navigation, hand the SDK your navigation ref and every route change is recorded as a RUM view — no per-screen code.",
+      "verifyReactNativeRumDesc": "Run the app on a simulator, emulator or device, move between a few screens, then hit Test — React Native events land in the `_rumdata` stream.",
       "setup": "setup",
       "downloadEnvTooltip": "Download .env",
       "notTestedYet": "Not Tested Yet",
@@ -3445,12 +3104,217 @@
       "stuck": "Stuck?",
       "askOnSlack": "Ask on Slack",
       "revealToken": "Reveal Token",
-      "hideToken": "Hide Token"
+      "hideToken": "Hide Token",
+      "installAgentTitle": "Install the Agent",
+      "installAgentWindowsDesc": "Run this in **PowerShell as Administrator**. Pick **AWS EC2** to additionally pick up instance metadata and use the instance's Name tag as the host identifier.",
+      "genericWindowsVariant": "Generic Windows",
+      "downloadJmxJarTitle": "Download the JMX Metrics Jar",
+      "downloadJmxJarDesc": "The JMX receiver runs this helper jar (requires Java on the collector host).",
+      "prepareMongodbTitle": "Prepare MongoDB",
+      "prepareMongodbDesc": "Create a monitoring user with clusterMonitor — run it in mongosh, **not** your shell.",
+      "preparePostgresqlTitle": "Prepare PostgreSQL",
+      "preparePostgresqlDesc": "Create the monitoring role — run it in a SQL client, **not** your shell.",
+      "sqlClientGuiVariant": "SQL Client (GUI)",
+      "prepareMysqlTitle": "Prepare MySQL",
+      "prepareMysqlDesc": "Create the monitoring user — run it in a SQL client, **not** your shell.",
+      "prepareOracleTitle": "Prepare Oracle",
+      "prepareOracleDesc": "Create the monitoring user — run it as a DBA in SQL*Plus or SQL Developer, **not** your shell.",
+      "configureCollectorTitle": "Configure the OpenTelemetry Collector",
+      "configureCollectorDesc": "Writes `config.yaml` — set the host/port below.",
+      "configureCollectorJmxDesc": "Writes `config.yaml` — set the JMX host/port below.",
+      "configureCollectorSnowflakeDesc": "Writes `config.yaml` — replace the `<…>` values inline.",
+      "runCollectorTitle": "Run the OpenTelemetry Collector",
+      "runCollectorDesc": "Start the collector.",
+      "runCollectorPostgresqlDesc": "Start the collector (the role's password via env var).",
+      "runCollectorRedisDesc": "Start the collector (Redis AUTH password via env var).",
+      "runCollectorMysqlDesc": "Start the collector (the user's password via env var).",
+      "jmxHostLabel": "JMX Host",
+      "jmxPortLabel": "JMX Port",
+      "mongodbHostLabel": "MongoDB Host",
+      "postgresqlHostLabel": "PostgreSQL Host",
+      "oracleHostLabel": "Oracle Host",
+      "aerospikeHostLabel": "Aerospike Host",
+      "redisHostLabel": "Redis Host",
+      "mysqlHostLabel": "MySQL Host",
+      "zookeeperHostLabel": "Zookeeper Host",
+      "tracesStreamNameLabel": "Traces Stream Name",
+      "pointExporterTitle": "Point Your Exporter at OpenObserve",
+      "pointExporterDesc": "Add this to your collector config, or set the environment variables if your app exports directly. Everything is already filled in for this organization.",
+      "verifyDataTitle": "Verify Data in OpenObserve",
+      "verifyCassandraMetricsDesc": "Hit Test below, or check Streams for the `cassandra_*` metrics.",
+      "verifyMongodbMetricsDesc": "Hit Test below, or check Streams for the `mongodb_*` metrics.",
+      "verifyPostgresqlMetricsDesc": "Hit Test below, or check Streams for the `postgresql_*` metrics.",
+      "verifyOracledbMetricsDesc": "Hit Test below, or check Streams for the `oracledb_*` metrics.",
+      "verifyAerospikeMetricsDesc": "Hit Test below, or check Streams for the `aerospike_*` metrics.",
+      "verifyRedisMetricsDesc": "Hit Test below, or check Streams for the `redis_*` metrics.",
+      "verifyMysqlMetricsDesc": "Hit Test below, or check Streams for the `mysql_*` metrics.",
+      "verifyZookeeperMetricsDesc": "Hit Test below, or check Streams for the `zookeeper_*` metrics.",
+      "verifySnowflakeMetricsDesc": "Hit Test below, or check Streams for the `snowflake_*` metrics.",
+      "verifyOtlpTracesDesc": "Restart the collector (or your app), exercise a request that produces a span, then hit Test.",
+      "verifyWindowsAgentDesc": "The agent starts on install. Give it a few seconds, then hit Test — host metrics arrive as `system_*` streams.",
+      "prepareSqlServerTitle": "Prepare SQL Server",
+      "prepareSqlServerDesc": "Create the monitoring login — run it in a SQL client, **not** your shell.",
+      "sqlServerHostLabel": "SQL Server Host",
+      "verifySqlserverMetricsDesc": "Hit Test below, or check Streams for the `sqlserver_*` metrics.",
+      "collectorInstallTitle": "Install OpenTelemetry Collector Contrib",
+      "collectorInstallDesc": "The receiver is in the Contrib build only — pick your platform.",
+      "gcpSinkTitle": "Route Logs to a Pub/Sub Topic",
+      "gcpSinkDesc": "In the GCP console, create a **Log Router sink** (Logging → Log Router → Create sink) with Pub/Sub as the destination, and let it create the topic. The sink's inclusion filter decides which logs reach OpenObserve.",
+      "gcpSubscriptionTitle": "Push the Topic to OpenObserve",
+      "gcpSubscriptionDesc": "Create a **push** subscription on that topic and paste this as the endpoint URL. It already carries this organization and its ingestion key.",
+      "verifyGcpLogsDesc": "Generate some activity in the project (or wait for the sink to match a log), then hit Test.",
+      "logsStreamNameLabel": "Logs Stream Name",
+      "dynamodbFirehoseEndpointTitle": "OpenObserve Firehose Endpoint",
+      "dynamodbFirehoseEndpointDesc": "Use these as the **HTTP Endpoint** destination when creating your Kinesis Data Firehose delivery stream.",
+      "dynamodbPipelineTitle": "Stream DynamoDB → Firehose",
+      "dynamodbPipelineDesc": "Enable **DynamoDB Streams** on your table, connect it to a **Kinesis Data Stream**, then point a **Kinesis Data Firehose** delivery stream at the HTTP endpoint above.",
+      "verifyDynamodbLogsDesc": "Hit Test below, or open Logs for the `dynamodb` stream once items change.",
+      "installAgentLinuxDesc": "Run this on the host as **root** (or with `sudo`). Pick **AWS EC2** to additionally pick up instance metadata and use the instance's Name tag as the host identifier.",
+      "genericLinuxVariant": "Generic Linux",
+      "verifyLinuxAgentDesc": "The agent starts on install. Give it a few seconds, then hit Test — host metrics arrive as `system_*` streams.",
+      "rumInstallTitle": "Add the SDK to Your App",
+      "rumInstallDesc": "Pick how the SDK ships: bundle it with **NPM**, or drop the **CDN** loader into your HTML `<head>` — no build step needed.",
+      "rumInitTitle": "Initialize RUM + Logs",
+      "rumInitDesc": "Both SDKs are initialized with this org's values — copy as-is, then adjust `service`, `env` and `applicationId` to describe your app. The `clientToken` ships to visitors' browsers by design (NPM bundles it, CDN inlines it) — it can only write RUM events, and you can rotate it from this page's header anytime.",
+      "verifyRumDesc": "Open your app in a browser, click around for a few seconds, then hit Test — RUM events land in the `_rumdata` stream.",
+      "chipTerminal": "Terminal",
+      "chipRun": "Run",
+      "chipEditor": "Editor",
+      "chipInstall": "Install",
+      "chipMetrics": "Metrics",
+      "chipLogs": "Logs",
+      "chipTraces": "Traces",
+      "portLabel": "Port",
+      "endpointLabel": "Endpoint",
+      "optionalLabel": "Optional"
     },
     "instrumentBeforeImportTitle": "Instrument Before Importing The Client",
     "instrumentBeforeImportBody": "If your app runs but no spans arrive, instrumentation likely loaded after the client was imported. Re-order so the init runs first:",
     "launchCloudFormationStack": "Launch CloudFormation Stack",
-    "openStackSetsConsole": "Open StackSets Console"
+    "openStackSetsConsole": "Open StackSets Console",
+    "integrations": {
+      "aws": {
+        "cloudtrail": {
+          "description": "Monitor AWS account activity and API usage across your infrastructure"
+        },
+        "waf": {
+          "description": "Protect web applications from common web exploits and bots"
+        },
+        "alb": {
+          "description": "Monitor ALB access logs for request patterns, errors, and latency"
+        },
+        "cloudwatch-logs": {
+          "description": "Stream CloudWatch logs to OpenObserve for analysis"
+        },
+        "cloudwatch-metrics": {
+          "description": "Collect and analyze CloudWatch metrics"
+        },
+        "vpc-flow-logs": {
+          "description": "Analyze network traffic in your VPC",
+          "cloudwatchIntegrationDescription": "Stream VPC Flow Logs via CloudWatch to OpenObserve",
+          "firehoseIntegrationDescription": "Stream VPC Flow Logs directly via Kinesis Firehose"
+        },
+        "ec2": {
+          "description": "Collect logs from EC2 instances",
+          "cloudwatchViaSsmDescription": "Deploy CloudWatch agent to EC2 instances via AWS Systems Manager",
+          "opentelemetryViaSsmDescription": "Deploy OpenTelemetry collector to EC2 instances via AWS Systems Manager",
+          "windowsManualInstallDescription": "Manually install OpenObserve collector on Windows EC2 instances",
+          "linuxUnixMacosManualInstallDescription": "Manually install OpenObserve collector on Linux/Unix/MacOS EC2 instances"
+        },
+        "rds": {
+          "description": "Monitor RDS database logs"
+        },
+        "s3": {
+          "description": "Track S3 bucket access and operations"
+        },
+        "lambda": {
+          "description": "Monitor AWS Lambda function logs"
+        },
+        "api-gateway": {
+          "description": "Analyze API Gateway access logs"
+        },
+        "cognito": {
+          "description": "Monitor Cognito authentication events"
+        },
+        "dynamodb": {
+          "description": "Track DynamoDB operations",
+          "lambdaIntegrationDescription": "Stream DynamoDB data to OpenObserve via Lambda",
+          "directIntegrationDescription": "Stream DynamoDB data directly to OpenObserve"
+        },
+        "cloudfront": {
+          "description": "Analyze CloudFront access logs",
+          "directIntegrationDescription": "Stream CloudFront logs directly to OpenObserve",
+          "s3IntegrationDescription": "Ingest CloudFront logs from S3 bucket"
+        },
+        "route53": {
+          "description": "Monitor DNS query logs"
+        },
+        "eventbridge": {
+          "description": "Capture EventBridge/CloudWatch events"
+        },
+        "cost-cur": {
+          "description": "Monitor AWS costs and usage with detailed billing analytics"
+        },
+        "kinesis": {
+          "description": "Integrate with Kinesis data streams",
+          "lambdaIntegrationDescription": "Stream Kinesis data to OpenObserve via Lambda",
+          "firehoseIntegrationDescription": "Stream Kinesis data directly via Kinesis Firehose"
+        }
+      },
+      "azure": {
+        "aks": {
+          "description": "Collect logs and metrics from Azure Kubernetes Service clusters"
+        },
+        "front-door": {
+          "description": "Monitor Azure Front Door access logs and metrics"
+        },
+        "app-service": {
+          "description": "Collect logs from Azure App Service applications"
+        },
+        "sql-database": {
+          "description": "Monitor Azure SQL Database logs and performance metrics"
+        },
+        "storage-account": {
+          "description": "Track Azure Storage operations and access logs"
+        },
+        "virtual-machines": {
+          "description": "Collect logs and metrics from Azure VMs"
+        },
+        "application-gateway": {
+          "description": "Monitor Application Gateway access logs and performance"
+        },
+        "load-balancer": {
+          "description": "Collect metrics and logs from Azure Load Balancer"
+        },
+        "network-security-group": {
+          "description": "Monitor NSG flow logs and security events"
+        },
+        "key-vault": {
+          "description": "Track Key Vault access and audit logs"
+        },
+        "active-directory": {
+          "description": "Monitor AAD sign-in and audit logs"
+        },
+        "cosmos-db": {
+          "description": "Collect Cosmos DB operation logs and metrics"
+        },
+        "functions": {
+          "description": "Monitor Azure Functions execution logs"
+        },
+        "api-management": {
+          "description": "Track API Management gateway logs"
+        },
+        "container-instances": {
+          "description": "Collect logs from Azure Container Instances"
+        },
+        "virtual-network": {
+          "description": "Monitor Virtual Network flow logs and diagnostics"
+        },
+        "activity-logs": {
+          "description": "Stream Azure subscription activity logs to OpenObserve via Event Hub and Event Publisher"
+        }
+      }
+    }
   },
   "dashboard": {
     "approximately": "Approximately",
@@ -4381,7 +4245,31 @@
       "noResultsFound": "No results found",
       "trySearchingDifferentKeywords": "Try searching with different keywords",
       "confirmChartTypeSelection": "Confirm Chart Type Selection",
-      "confirmChartTypeSelectionMessage": "By selecting this chart type, the existing chart code will be replaced by the selected chart type's code. Do you want to continue?"
+      "confirmChartTypeSelectionMessage": "By selecting this chart type, the existing chart code will be replaced by the selected chart type's code. Do you want to continue?",
+      "examples": {
+        "basicLineChart": "Basic Line Chart",
+        "confidenceBand": "Confidence Band",
+        "multipleXAxes": "Multiple X Axes",
+        "intradayLineBreaks1": "Intraday Line Breaks 1",
+        "barRace": "Bar Race",
+        "stackedBarNormalization": "Stacked Bar Normalization",
+        "stackedRadialBarPolar": "Stacked Radial Bar (Polar)",
+        "pieWithBorder": "Pie with Border",
+        "partitionDataToPies": "Partition Data to Pies",
+        "scatterMatrix": "Scatter Matrix",
+        "scatterPolynomialRegression": "Scatter Polynomial Regression",
+        "customizedRadarChart": "Customized Radar Chart",
+        "multipleRadar": "Multiple Radar",
+        "dataTransformSimpleAggregate": "Data Transform Simple Aggregate",
+        "graphOnCartesian": "Graph on Cartesian",
+        "treemapChart": "Treemap chart",
+        "customizedFunnel": "Customized Funnel",
+        "seriesLayout": "Series Layout",
+        "threeDBarWithDataset": "3D Bar with Dataset",
+        "bar3dPunchCard": "Bar3D Punch Card",
+        "threeDScatterWithScatterMatrix": "3D Scatter with Scatter Matrix",
+        "threeDScatterDataset": "3D Scatter Dataset"
+      }
     },
     "colorBySeriesPopUp": {
       "title": "Color by series",
@@ -4609,18 +4497,11 @@
     "chartNotUpToDate": "Your chart is not up to date",
     "chartOutdatedMessage": "Chart Configuration / Variables has been updated, but the chart was not updated automatically. Click on the \"Apply\" button to run the query again",
     "exampleCharts": "Example Charts",
-    "header": "Panel",
     "add": "Add Panel",
     "save": "Save",
     "cancel": "Cancel",
-    "delete": "Delete Panel",
-    "search": "Search Panel",
     "name": "Name of Panel",
-    "typeDesc": "Description",
     "options": "Options",
-    "createdashboard": "Create a New Panel",
-    "nameHolder": "Enter Name of New Panel",
-    "typeHolder": "Enter Type Description of New Panel",
     "editPanel": "Edit Panel",
     "addPanel": "Add Panel",
     "createAlert": "Create Alert",
@@ -4647,21 +4528,16 @@
     "panelDuplicationFailed": "Panel duplication failed",
     "firstColumn": "First Column",
     "zAxis": "Z-Axis",
-    "yAxis": "Y-Axis (Columns)",
-    "xAxis": "X-Axis (Row)",
     "breakdown": "Breakdown",
     "pivotField": "Pivot Field",
     "pivotFieldTooltip": "Drag a dimension field here. Its distinct values become column headers in the pivot table. Up to 3 fields allowed for multi-level pivoting.",
     "breakdownTooltipHBar": "Use these fields to split the data into different sections on the Y axis for a clearer view.",
     "breakdownTooltipDefault": "Use these fields to split the data into different sections on the X axis for a clearer view.",
-    "addToPivot": "Add to Pivot Field",
     "otherColumn": "Other Columns",
-    "config": "Config",
     "metric": "Metric",
     "filters": "Filters",
     "labelFilters": "Label Filters",
     "operations": "Operations",
-    "promQLBuilder": "PromQL Builder",
     "joins": "Joins",
     "xAxisShort": "X-Axis",
     "yAxisShort": "Y-Axis",
@@ -4673,24 +4549,15 @@
     "leftJoin": "Left Join",
     "innerJoin": "Inner Join",
     "rightJoin": "Right Join",
-    "addClause": "Add Clause",
     "removeClause": "Remove Clause",
     "SQL": "SQL",
     "builder": "Builder",
     "custom": "Custom",
-    "field": "Fields",
     "discard": "Discard",
-    "edit": "Edit",
     "apply": "Apply",
     "collapseFields": "Collapse Fields",
     "fields": "Fields",
     "layout": "Layout",
-    "sql": "Query",
-    "customSql": "Custom SQL",
-    "generatedSql": "Generated SQL",
-    "enterCustomSql": "Enter your custom SQL query...",
-    "back": "<< Back",
-    "sqlBuilder": "SQL Builder",
     "promQL": "PromQL",
     "latitude": "Latitude",
     "longitude": "Longitude",
@@ -4707,12 +4574,10 @@
     "streams": "Streams",
     "totalDataIngested": "Ingested Size",
     "totalDataCompressed": "Compressed Size",
-    "view": "View More >>",
     "viewButton": "View",
     "noDataAvailable": "No data available",
     "scheduledAlert": "Scheduled",
     "rtAlert": "Real time",
-    "noData": "No Data Ingested",
     "noDataState": {
       "title": "No data ingested yet",
       "description": "This organization hasn't received any data, so there's nothing to chart. Once events start flowing, your <strong>ingestion volume, storage and query usage</strong> will appear here automatically.",
@@ -4731,18 +4596,12 @@
     },
     "indexSizeLbl": "Index Size",
     "docsCountLbl": "Events",
-    "findIngestion": "Find how to ingest data >>",
-    "ingestionMsg": "It appears you have not ingested any data to the selected organization. There are various ways to ingest data, such as using Fluent Bit.",
-    "inestedInSearch": "Try Log Search",
-    "searchInDemoOrg": "You can explore search capabilities by switching to the demo organization. To switch, select 'Demo Organization' using the organization dropdown at the top. We keep ingesting dummy data into the demo organization.",
     "functionTitle": "Functions",
     "schedulePipelineTitle": "Scheduled",
     "rtPipelineTitle": "Real time",
     "pipelineTitle": "Pipelines",
     "alertTitle": "Alerts",
     "dashboardTitle": "Dashboards",
-    "streamTotal": "Streams",
-    "totalDashboard": "Dashboards",
     "tabAiAssistant": "O2 Assistant",
     "tabOverview": "Overview",
     "tabUsage": "Usage",
@@ -4752,11 +4611,9 @@
     "explore": "Explore"
   },
   "overview": {
-    "viewAllArrow": "→",
     "alertsSuffix": "alerts",
     "viewingLabel": "— viewing",
     "timesSymbol": "×",
-    "title": "System Overview",
     "activeAnomalies": "Active Anomalies",
     "activeIncidents": "Active Incidents",
     "services": "Services",
@@ -4770,9 +4627,6 @@
     "scrollLeft": "Scroll services left",
     "scrollRight": "Scroll services right",
     "untitledIncident": "Untitled Incident",
-    "viewLatencyCharts": "View latency & RED charts",
-    "elevatedErrorRate": "Elevated error rate",
-    "reqPerSec": "req/s",
     "allClear": "All systems clear",
     "allClearDesc": "No active anomalies, incidents, or degraded services in the selected time window. Your infrastructure looks healthy.",
     "emptyActionAlerts": "View alert rules",
@@ -4843,17 +4697,16 @@
     "copyResponse": "Copy response",
     "copyContent": "Copy content",
     "errorMayBeTemporary": "This error may be temporary. You can try again.",
+    "backendConnectionError": "Error: Unable to connect to backend",
+    "responseStoppedByUser": "Response stopped by user",
+    "viewInTarget": "View in {target}",
+    "viewTarget": "View {target}",
+    "navigatedTo": "Successfully navigated to {page}",
     "helpful": "Helpful",
     "notHelpful": "Not helpful",
     "streamPrefix": "Stream:",
     "typePrefix": "Type:",
     "scrollToBottom": "Scroll to bottom",
-    "greeting": {
-      "morning": "Good Morning",
-      "afternoon": "Good Afternoon",
-      "evening": "Good Evening",
-      "night": "Working Late"
-    },
     "welcome": {
       "wave": "👋",
       "taglineDash": "—",
@@ -4908,9 +4761,21 @@
       "enabledTooltip": "Auto navigation enabled - O2 Assistant will auto navigate without confirmation",
       "disabledTooltip": "Auto navigation disabled - O2 Assistant will ask before navigating"
     },
-    "attachImageTooltip": "Attach images (PNG, JPEG, max 2MB)"
+    "attachImageTooltip": "Attach images (PNG, JPEG, max 2MB)",
+    "greeting": {
+      "morning": "Good Morning",
+      "afternoon": "Good Afternoon",
+      "evening": "Good Evening",
+      "night": "Working Late"
+    }
   },
   "billing": {
+    "previousCycle": "Previous Cycle",
+    "currentCycle": "Current Cycle",
+    "period30Days": "30 Days",
+    "period60Days": "60 Days",
+    "period3Months": "3 Months",
+    "period6Months": "6 Months",
     "pricingErrorMessage": "Failed to load pricing details. Please refresh the page.",
     "awsManagedMessage": "Billing is handled through your AWS account",
     "azureManagedMessage": "Billing is handled through your Azure account",
@@ -4921,32 +4786,13 @@
     "errorTracking": "Error Tracking",
     "rumSession": "RUM Session",
     "licenseExpiryContactAdmin": "Please update your license by contacting your administrator.",
-    "header": "Usage & Billing",
-    "plans": "Plans",
-    "title": "Simple, transparent pricing",
-    "subtitle": "We believe OpenObserve should be accessible to all companies, no matter the size.",
-    "individuals": "For Individuals",
-    "startups": "For Startups",
-    "basic": "Free",
-    "pro": "Pay as you Go",
-    "business": "Enterprise",
-    "whatIsIncluded": "What's included",
     "subscribed": "Subscribed",
-    "getStarted": "Get started",
-    "paymentMethod": "Payment Method",
     "invoiceHistory": "Invoice History",
-    "generatedAt": "Generated At",
-    "details": "Details",
     "amount": "Amount",
     "amountPaid": "Amount Paid",
-    "amountDue": "Amount Due",
-    "dueDate": "Due Date",
     "status": "Status",
     "action": "Action",
-    "usage": "Usage",
     "manageSubscription": "Manage Subscription",
-    "subscriptionCheckout": "Subscription checkout",
-    "everythingDeveloperPlan": "Everything in Basic Plan, plus:",
     "messageDataNotFound": "Data not found",
     "invoiceStartDate": "Invoice Start Date",
     "invoiceEndDate": "Invoice End Date",
@@ -4954,12 +4800,8 @@
     "usageLabel": "Usage",
     "plansLabel": "Plans",
     "invoiceHistoryLabel": "Invoice History",
-    "downgradeMessage": "You are downgrading the subscription plan. Are you sure you want to proceed?",
-    "captureCardDetail": "To proceed, please provide your credit card details. You will not be charged at this stage. Charges will only apply when you subscribe to a paid plan. Click the button below to proceed.",
-    "proceedtoPaymentDetail": "Proceed to Payment Details",
     "upgradeNow": "Upgrade Now",
     "subscribe": "Subscribe",
-    "cancelSubscription": "Cancel Subscription",
     "features": "FEATURES",
     "included": "What's included?",
     "proPlanSubtitle": "Custom solutions for small teams",
@@ -4972,14 +4814,12 @@
     "discountTag": "On Discount",
     "enterpriseNote": "High volume needs? Let's talk scale! Contact us for tailored solutions.",
     "contactSupport": "Contact Support",
-    "totalUsage": "Total Usage",
     "usageTrends": {
       "dailyUsage": "Daily usage",
       "enableTitle": "See your daily usage",
       "enableSubtitle": "Turn on usage reporting to chart your ingestion and query volume day by day. Your totals above stay available either way.",
       "enableButton": "Enable usage reporting",
       "enablePending": "Usage reporting enabled. Your daily chart will start filling in shortly as new usage is recorded.",
-      "enableSuccess": "Usage reporting enabled",
       "enableConfirmTitle": "Enable usage reporting?",
       "enableConfirmMessage": "This starts recording your organization's usage to its own stream so we can chart daily ingestion and query volume. It applies to this organization only and can be turned off later in organization settings.",
       "waitingTitle": "Waiting for usage data",
@@ -5039,8 +4879,6 @@
       "chipPlanManaged": "Plan Managed By Parent",
       "chipNoInvoices": "No Separate Invoices",
       "viewOrgGroup": "View Organization Group",
-      "usageMemberLabel": "Member Organization",
-      "usageAllMembers": "All Members",
       "currentOrgTitle": "Current Organization",
       "memberOrgsTitle": "Member Organizations",
       "searchMemberOrg": "Search Organization",
@@ -5083,39 +4921,22 @@
     "createAndLink": "Create & Link",
     "linkBillingDescription": "Link AWS billing to an existing organization",
     "pendingActivationDescription": "Please wait while we confirm activation with AWS and set up your account.",
-    "title": "AWS Marketplace Registration",
-    "subtitle": "Complete your OpenObserve subscription setup",
-    "invalidLink": "Invalid Registration Link",
-    "invalidLinkDescription": "This registration link is invalid or has expired. Please subscribe again from AWS Marketplace.",
-    "goToMarketplace": "Go to AWS Marketplace",
-    "newUser": "New to OpenObserve?",
-    "newUserDescription": "Create a new account and organization",
-    "createAccount": "Create Account",
-    "existingUser": "Already have an account?",
-    "existingUserDescription": "Login to create a new organization with AWS billing",
-    "login": "Login",
-    "loggedInAs": "Logged in as",
     "createNewOrg": "Create New Organization",
     "createNewOrgDescription": "Create a new organization with AWS Marketplace billing",
     "orgName": "Organization Name",
-    "createOrganization": "Create Organization",
     "linkToExisting": "Link to Existing Organization",
-    "linkToExistingDescription": "Link AWS billing to one of your free-tier organizations",
     "selectOrganization": "Select Organization",
     "linkAwsBilling": "Link AWS Billing",
     "settingUp": "Setting up your subscription...",
     "pleaseWait": "Please wait while we configure your account.",
     "waitingConfirmation": "Waiting for AWS Confirmation",
-    "waitingDescription": "Your subscription is being activated. This usually takes less than a minute.",
-    "customerId": "Customer ID",
     "subscriptionActivated": "Subscription Activated!",
     "activatedDescription": "Your AWS Marketplace subscription is now active.",
     "goToDashboard": "Go to Dashboard",
     "paymentFailed": "Payment Failed",
     "paymentFailedDescription": "There was an issue with your AWS Marketplace payment. Please check your AWS account or contact AWS support.",
     "contactSupport": "Contact Support",
-    "tryAgain": "Try Again",
-    "activationTimeout": "Activation timeout. Please contact support if the issue persists."
+    "tryAgain": "Try Again"
   },
   "message": {
     "ServerInternalError": "Error: Something went wrong. Internal server error.",
@@ -5130,6 +4951,22 @@
     "SearchSQLCancelled": "Error: Search SQL was cancelled."
   },
   "alerts": {
+    "import": {
+      "anomalyImportSuccess": "Anomaly Detection - {index}: \"{name}\" imported successfully",
+      "anomalyImportFailed": "Anomaly Detection - {index}: \"{name}\" import failed — {reason}",
+      "nameRequired": "Alert - {index}: Name is mandatory and should be a valid string.",
+      "orgIdInvalid": "Alert - {index}: Organization Id is mandatory, should exist in organization list and should be equal to {orgId}.",
+      "streamTypeInvalid": "Alert - {index}: Stream Type is mandatory and should be one of: 'logs', 'metrics', 'traces'.",
+      "streamNameInvalid": "Alert - {index}: Stream Name is mandatory, should exist in the stream list and should be a valid string.",
+      "destinationsRequired": "Alert - {index}: Destinations are required and should be an array.",
+      "enabledBoolean": "Alert - {index}: Enabled should be Boolean.",
+      "tzOffsetNumber": "Alert - {index}: Timezone offset should be a number.",
+      "timezoneRequiredForCron": "Alert - {index}: Timezone is required when frequency type is 'cron'.",
+      "destinationNotExist": "Alert - {index}: \"{destination}\" destination does not exist",
+      "createSuccess": "Alert - {index}: \"{name}\" created successfully \nNote: please remove the created alert object {name} from the json file",
+      "createFailed": "Alert - {index}: \"{name}\" creation failed --> \n Reason: {reason}",
+      "unknownError": "Unknown Error"
+    },
     "importAlertTitle": "Import Alert",
     "jsonFilesOnlyHint": ".json files only",
     "outputMessages": "Output Messages",
@@ -5164,6 +5001,8 @@
     "deleteAlertsTitle": "Delete Alerts",
     "ms": "ms",
     "previewCopyTemplateBtn": "Copy Template",
+    "previewCopyTemplateError": "Failed to copy template",
+    "previewCopyTemplateSuccess": "Template copied to clipboard",
     "never": "Never",
     "deleteActionTitle": "Delete Action",
     "deleteActionMessage": "Are you sure you want to delete Action?",
@@ -5177,7 +5016,6 @@
     "staticTextBeforeAfterNote": ". Static text before/after",
     "isOptionalNote": "is optional",
     "noTriggersLoaded": "No triggers loaded",
-    "more": "more",
     "externalDestinationTitle": "External Destination",
     "serviceGraphLegendTitle": "Graph Legend",
     "serviceGraphRootCause": "Red = Potential Root Cause",
@@ -5196,12 +5034,14 @@
     "pendingBatches": "Pending Batches",
     "pendingBatchesTooltip": "Alerts waiting to be grouped together",
     "historyTimeline": {
+      "firing": "Firing",
+      "ok": "Ok",
       "skipped": "Skipped",
+      "unknown": "Unknown",
       "flapping": "Flapping",
       "flipsSuffix": "flips",
       "evaluationsSuffix": "evaluations"
     },
-    "analyzeIncident": "Analyze Incident",
     "writeQueryToSeePreview": "Write a query to see preview",
     "alertName": "Alert Name",
     "type": "Type",
@@ -5227,7 +5067,6 @@
       "thresholdPositive": "Threshold should be greater than 0",
       "frequencyPositive": "Frequency should be greater than 0",
       "aggregationColumnRequired": "Column is required when using an aggregate function.",
-      "groupByRequired": "At least one group by field is required",
       "minimumOneDay": "Minimum 1 day",
       "detectionFunctionRequired": "Detection function is required",
       "timestampAliasBanned": "{column} cannot be used as a column alias. Use time_bucket instead.",
@@ -5288,14 +5127,11 @@
     "streamConfig": "Stream Config",
     "alertRules": "Alert Rules",
     "noTemplatesMsg": "To create an alert you need at least one template and one destination. Templates define the format of the notification message — start by creating one.",
-    "createTemplateBtn": "Create Template",
     "noDestinationsMsg": "To create an alert you need at least one destination and one template. Destinations define where notifications are sent — start by creating one.",
-    "createDestinationBtn": "Create Destination",
     "add": "New alert",
     "edit": "Edit",
     "clone": "Clone alert",
     "search": "Search Alert",
-    "move": "Move alert",
     "name": "Name",
     "addConditions": "Add Conditions",
     "addCondition": "Add Condition",
@@ -5312,17 +5148,11 @@
     "havingSeries": "Having series",
     "clearMultiWindowsTitle": "Clear Multi-Windows?",
     "vrlEditor": "VRL Editor",
-    "generateVRL": "Generate VRL",
     "applyVRL": "Apply VRL",
     "runQuery": "Run Query",
-    "onStream": "on",
-    "streamLabel": "stream",
-    "noStreamSelected": "No Stream Selected",
-    "resultsIncludeAllWindows": "Results include all multi-window additions",
     "runQueryForOutput": "Please click Run Query to see the output",
     "applyVRLForOutput": "Please click Apply VRL to see the combined output",
     "save": "Save",
-    "saveAlert": "Save Alert",
     "actions": "Actions",
     "cancel": "Cancel",
     "delete": "Delete",
@@ -5335,98 +5165,26 @@
     "realTime": "Realtime",
     "scheduled": "Scheduled",
     "anomalyDetection": "Anomalies",
-    "newAnomalyDetection": "New anomaly",
-    "editAnomalyDetection": "Edit anomaly detection",
-    "updateAnomalyDetection": "Update anomaly detection:",
-    "anomalyDetectionSubtitle": "Detect anomalies in your observability data using machine learning",
     "anomalyDetectionConfig": "Detection Config",
     "alerting": "Alerting",
     "saveAndTrain": "Save & Train",
     "anomalyCreated": "Anomaly detection config created. Training will start shortly.",
-    "anomalyStepCaptions": {
-      "alertSetup": "Name your detector and select a stream to monitor",
-      "detectionConfig": "Configure the query and detection parameters",
-      "alerting": "Set up notifications when anomalies are detected"
-    },
-    "detectionInterval": "Detection Interval",
     "trainingWindow": "Training Window",
     "sensitivity": "Sensitivity",
-    "sensitivityHint": "Higher percentile = fewer alerts. Only the most extreme anomalies are flagged.",
-    "queryMode": "Query Mode",
     "detectionFunction": "Detection Function",
-    "trained": "Trained",
-    "notTrained": "Not trained",
-    "lastDetection": "Last Detection",
-    "nextRun": "Next Run",
-    "triggerTraining": "Trigger Training",
-    "retraining": "Retraining...",
     "sqlPreview": "SQL Preview",
-    "configSummary": "Summary",
-    "anomalyStatus": {
-      "waiting": "Waiting",
-      "training": "Training",
-      "ready": "Ready",
-      "failed": "Failed",
-      "disabled": "Disabled"
-    },
     "minutes": "Minutes",
-    "hours": "Hours",
-    "seconds": "Seconds",
     "times": "Times",
-    "events": "Events",
-    "custom": "Custom",
-    "standard": "Standard",
-    "quick": "Quick Mode",
     "sql": "SQL Mode",
     "promql": "PromQL",
-    "condition": "Condition",
-    "trigger": "Trigger",
     "period": "Look back window",
     "frequency": "Check every",
     "threshold": "Alert if ",
-    "aggregation_threshold": "Alert If Any Groups",
-    "thresholdDynamic": {
-      "alertMeWhen": "Alert me when",
-      "metricTypes": {
-        "resultsPassedFilter": "results passed filters",
-        "distinctGroupsAffected": "distinct groups are affected",
-        "metricsMatchCriteria": "series match criteria",
-        "matchingLogsFound": "matching logs found",
-        "groupsPassFilter": "groups pass filter criteria",
-        "distinctGroups": "distinct groups found",
-        "resultRows": "result rows returned",
-        "timeSeries": "active time series found",
-        "matchingRecords": "matching records found",
-        "groupsWithHaving": "groups match conditions",
-        "uniqueGroups": "unique groups",
-        "events": "events match conditions",
-        "aggregatedValue": "match conditions"
-      },
-      "contextLabels": {
-        "groupedBy": "Grouped by:",
-        "havingConditions": "HAVING conditions:"
-      }
-    },
-    "interval": "Check every",
     "silenceNotification": "Cooldown period",
-    "multiWindow": "Compare with past",
-    "multiWindowSubLabel": "Compare current results with data from another time period",
     "destination": "Destination",
-    "workflows": {
-      "label": "Workflows",
-      "tooltip": "Run a workflow when this alert fires — for conditional logic, enrichment, or routing beyond a single destination. Optional; add a destination or a workflow.",
-      "noneAvailable": "No Workflows Available",
-      "refresh": "Refresh Workflows",
-      "create": "Create Workflow"
-    },
     "destinationOrWorkflowRequired": "Add at least one destination or workflow.",
-    "destinationRequiredShort": "At least one destination is required.",
-    "searchDestinationType": "Search destination types...",
     "customDestination": "Custom Destination",
     "customDestinationDescription": "Configure a custom HTTP endpoint or email destination",
-    "noDestinationTypesFound": "No destination types found",
-    "clearSearch": "Clear search",
-    "popular": "Popular",
     "testIdleMessage": "Click 'Test' to verify your destination configuration",
     "destinationPreview": "Destination Preview",
     "template": "Template Override",
@@ -5439,14 +5197,12 @@
     "testErrorConnection": "Connection refused. Please verify the URL and ensure the service is reachable.",
     "testErrorTimeout": "Request timed out. The destination service may be slow or unreachable.",
     "testErrorSSL": "SSL/TLS certificate error. Please verify the certificate or disable SSL verification.",
-    "testErrorGeneric": "Test failed with an error. Check the details below.",
     "testErrorClientError": "Client error (4xx). Please check your credentials and configuration.",
     "testErrorServerError": "Server error (5xx). The destination service is experiencing issues.",
     "viewDetails": "View Details",
     "error": "Error",
     "httpStatus": "HTTP Status",
     "responseBody": "Response Body",
-    "responseHeaders": "Response Headers",
     "retry": "Retry",
     "suggestCheckUrl": "Please verify the webhook URL is correct and reachable.",
     "suggestCheckFirewall": "Check your firewall settings and ensure the destination service is accessible.",
@@ -5457,15 +5213,6 @@
     "suggestServerIssue": "The destination service is experiencing issues. Please try again later.",
     "description": "Description",
     "stream_name": "Stream Name",
-    "slack": "Slack",
-    "discord": "Discord",
-    "msteams": "Microsoft Teams",
-    "pagerduty": "PagerDuty",
-    "opsgenie": "Opsgenie",
-    "servicenow": "ServiceNow",
-    "prom_am": "Alert manager",
-    "addTitle": "New alert",
-    "updateTitle": "Update alert",
     "cloneTitle": "Clone alert",
     "start": "start",
     "pause": "Pause",
@@ -5475,12 +5222,9 @@
     "crontitle": "Enable Cron",
     "lastTriggered": "Last Triggered At",
     "importedFromPanel": "Query imported from dashboard panel: \"{panelTitle}\"",
-    "importedFromPattern": "Alert pre-populated from log pattern",
-    "importedFromAnomalyPattern": "Alert pre-populated from anomalous log pattern — review urgency settings",
     "lastSatisfied": "Last Satisfied At",
     "owner": "Owner",
     "title": "Title",
-    "createFunction": "Create Function",
     "newFunctionAssociationMsg": "Note: The function will be created, then you will be redirected to the previous form to associate the newly created function with the pipeline.",
     "createdBy": "Created By",
     "createdAt": "Created At",
@@ -5496,8 +5240,6 @@
     "summaryFailed": "Failed",
     "summaryRecent": "Fired < 15m",
     "summaryTotal": "Total",
-    "numOfEvents": "Number of Events",
-    "view": "View",
     "webhook": "Web Hook",
     "email": "Email",
     "action": "Action",
@@ -5505,26 +5247,12 @@
     "history": "Alert History",
     "searcHistory": "Enter Alert Name",
     "deduplication": {
-      "title": "Prevent Duplicate Alerts",
-      "subtitle": "Avoid sending the same alert multiple times by grouping similar alerts together.",
-      "enable": "Avoid duplicate alerts",
       "fingerprintFields": "Group similar alerts by",
       "fingerprintFieldsHint": "Select fields that make alerts similar (e.g., hostname, service). Leave empty to auto-detect based on your query.",
       "fingerprintFieldsTooltip": "Choose which fields should match for alerts to be considered duplicates. For example, selecting 'hostname' means alerts from the same host will be grouped together. Different alert types (e.g., High CPU vs High Memory) are never grouped, even if they come from the same host. Leave empty for automatic detection based on your query type.",
       "timeWindow": "Consider alerts identical within",
       "timeWindowHint": "Time period to group similar alerts. Leave empty to match your check interval.",
       "timeWindowTooltip": "How long to remember recent alerts for grouping. If a similar alert happens within this time, it won't be sent again. Leave empty to use your alert's check interval.",
-      "advancedGrouping": "Advanced Grouping Options",
-      "enableGrouping": "Enable Grouping",
-      "maxGroupSize": "Max Group Size",
-      "maxGroupSizeTooltip": "Maximum number of deduplicated alerts to group together before sending a notification. Prevents overwhelming notifications when many similar alerts fire simultaneously.",
-      "sendStrategy": "Send Strategy",
-      "sendStrategyTooltip": "How to send grouped alerts:<br/>• First with count: Send first alert with total count<br/>• Summary: Send aggregated summary<br/>• All: Send all alerts in one notification",
-      "sendStrategyFirstWithCount": "First with count",
-      "sendStrategySummary": "Summary",
-      "sendStrategyAll": "All",
-      "groupWaitTime": "Group Wait Time (seconds)",
-      "groupWaitTimeTooltip": "Time to wait and collect similar alerts before sending a grouped notification. Allows batching of alerts that occur in quick succession.",
       "fingerprintFieldsHelp": "Leave empty to auto-detect based on query (SQL: GROUP BY columns, PromQL: labels, Custom: condition fields)"
     },
     "summary": {
@@ -5557,8 +5285,6 @@
       "minutes": "minutes",
       "hour": "hour",
       "hours": "hours",
-      "configuringRealTime": "Configuring a real-time alert for",
-      "configuringScheduled": "Configuring a scheduled alert for",
       "plainEnglish": {
         "realTime": "Alert me immediately when matching events occur in real-time",
         "eventsPlural": "events",
@@ -5600,15 +5326,11 @@
       "typeSomething": "Type something",
       "value": "Value",
       "selectColumn": "Select column",
-      "searchField": "Search for a field",
       "savedFunctions": "Saved functions",
       "autoUsesCheckInterval": "Auto (uses check interval)"
     },
     "steps": {
-      "alertSetup": "Alert Setup",
-      "conditions": "Conditions",
       "compareWithPast": "Compare with Past",
-      "alertSettings": "Alert Settings",
       "deduplication": "Deduplication",
       "advanced": "Advanced"
     },
@@ -5620,20 +5342,9 @@
       "deduplication": "Avoid sending the same alert multiple times by grouping similar alerts together.",
       "advanced": "Context variables, description, and row template"
     },
-    "noHistory": "No alert history found",
-    "totalEvaluations": "Total Evaluations",
-    "firingCount": "Firing Count",
-    "currentState": "Current State",
-    "lastEvaluation": "Last Evaluation",
-    "alertHistory": "Alert History",
-    "noHistoryData": "No alert history data available",
-    "avgEvaluationTime": "Avg Evaluation Time",
-    "successRate": "Success Rate",
-    "loadMore": "Load More",
     "failedToFetchHistory": "Failed to fetch alert history",
     "insights": {
       "title": "Alert Insights",
-      "badge": "Interactive Analysis",
       "tabs": {
         "overview": "Overview",
         "frequency": "Frequency & Dedup",
@@ -5647,10 +5358,6 @@
         "silencedTooltip": "Show only silenced alerts",
         "clearAll": "Clear All"
       },
-      "tip": {
-        "title": "Tip:",
-        "message": "Right-click on charts to create filters. Zoom on timeline to filter by time range. Use toggles to filter by status."
-      },
       "actions": {
         "closeActions": "Close actions",
         "viewAlertHistory": "View Alert History",
@@ -5698,6 +5405,10 @@
       "scrollToTop": "Scroll to top",
       "scrollToBottom": "Scroll to bottom",
       "aiSreBadge": "AI SRE",
+      "rerunAnalysisTitle": "Re-run AI Analysis?",
+      "rerunAnalysisMessage": "Severity has changed. Would you like AI to re-analyze this incident?",
+      "rerunAnalysisConfirmLabel": "Re-run AI analysis",
+      "rerunAnalysisCancelLabel": "No thanks",
       "commentedPrefix": "commented",
       "commentPlaceholder": "Write a comment...",
       "sendComment": "Send comment",
@@ -5706,8 +5417,6 @@
       "title": "Incidents",
       "subtitle": "Incident management and tracking",
       "search": "Search incidents...",
-      "noIncidents": "No incidents found",
-      "id": "ID",
       "status": "Status",
       "severity": "Severity",
       "severityCritical": "P1 · Critical",
@@ -5722,33 +5431,17 @@
       "noCorrelatedLogs": "No correlated logs found",
       "noCorrelatedMetrics": "No correlated metrics found",
       "noCorrelatedTraces": "No correlated traces found",
-      "firstAlertAt": "First Alert",
       "lastAlertAt": "Last Alert",
-      "resolvedAt": "Resolved At",
       "title_field": "Title",
-      "correlationKey": "Correlation Key",
       "stableDimensions": "Dimensions",
-      "topology": "Topology",
-      "upstreamServices": "Upstream Services",
-      "downstreamServices": "Downstream Services",
-      "correlatedAlerts": "Correlated Alerts",
       "alertName": "Alert Name",
-      "alertFiredAt": "Fired At",
-      "correlationReason": "Correlation Reason",
       "actions": "Actions",
       "acknowledge": "Acknowledge",
       "resolve": "Resolve",
       "reopen": "Reopen",
-      "viewDetails": "View Details",
       "statusOpen": "Open",
       "statusAcknowledged": "Acknowledged",
       "statusResolved": "Resolved",
-      "severityP1": "P1 - Critical",
-      "severityP2": "P2 - High",
-      "severityP3": "P3 - Medium",
-      "severityP4": "P4 - Low",
-      "correlationManualExtraction": "Manual Extraction",
-      "correlationTemporal": "Temporal",
       "correlationServiceDiscovery": "Service Discovery",
       "correlationPrimaryMatch": "Primary Match",
       "correlationSecondaryMatch": "Secondary Match",
@@ -5760,17 +5453,10 @@
       "correlatedByServiceDiscovery": "Dimensions",
       "correlatedBySemanticGroups": "Dimensions",
       "correlatedByAlertId": "Alert ID",
-      "filterByStatus": "Filter by status",
-      "allStatuses": "All",
-      "loading": "Loading incidents...",
       "errorLoading": "Failed to load incidents",
       "statusUpdated": "Incident status updated",
       "statusUpdateFailed": "Failed to update incident status",
-      "rootCauseAnalysis": "Root Cause Analysis",
-      "analyzeRca": "Analyze",
-      "rcaInProgress": "Analyzing root cause...",
       "rcaCompleted": "Root cause analysis completed",
-      "noRcaYet": "No root cause analysis available. Click 'Analyze' to start.",
       "rcaAnalyzeIncident": "Analyze Incident",
       "rcaAnalyzing": "AI SRE Agent is analyzing this incident, please wait…",
       "rcaAnalyzingHint": "The report will appear here once the analysis is complete.",
@@ -5785,11 +5471,6 @@
       "rcaFailedGeneric": "Failed to perform RCA analysis",
       "rcaRetry": "Retry analysis",
       "rcaStale": "This analysis has been running unusually long and may have stopped. You can cancel it and try again.",
-      "rcaStatus": "AI Analysis",
-      "rcaStatusAnalyzing": "Analyzing",
-      "rcaStatusFailed": "Failed",
-      "rcaStatusReady": "Ready",
-      "rcaStatusNone": "Not analyzed",
       "rcaAnalyzedAgo": "Analyzed {time} ago",
       "rcaCopy": "Copy report",
       "rcaCopied": "Report copied to clipboard",
@@ -5802,11 +5483,8 @@
       "rcaBuildOnPreviousHint": "Send the current report so the agent extends it",
       "rcaHistory": "Report history",
       "rcaHistoryCurrent": "Current",
-      "rcaHistoryEmpty": "No earlier reports",
-      "rcaHistoryLoadFailed": "Failed to load report history",
       "rcaViewingArchived": "You are viewing an earlier report",
       "rcaBackToCurrent": "Back to current report",
-      "sreChat": "Ask SRE Assistant",
       "goBack": "Go Back",
       "incident": "Incident",
       "uniqueAlerts": "Unique Alerts",
@@ -5821,8 +5499,6 @@
       "noAlertDetailsAvailable": "No alert details available",
       "clickOnTriggerToViewDetails": "Click on a trigger in the table to view details",
       "refreshCorrelatedData": "Refresh correlated data",
-      "showingCorrelatedLogs": "Showing correlated logs from incident timeframe",
-      "showingCorrelatedMetrics": "Showing correlated metrics from incident timeframe",
       "showingCorrelatedTraces": "Showing correlated traces from incident timeframe",
       "incidentTitleUpdatedSuccess": "Incident title updated successfully",
       "markAsAcknowledgedTooltip": "Mark incident as acknowledged and being worked on",
@@ -5831,20 +5507,20 @@
       "editIncidentTitleTooltip": "Edit incident title",
       "firedTimes": "Fired {count} time | Fired {count} times",
       "incidentAnalysis": "Incident Analysis",
-      "noAlertActivityData": "No alert activity data"
+      "noAlertActivityData": "No alert activity data",
+      "severityP1": "P1 - Critical",
+      "severityP2": "P2 - High",
+      "severityP3": "P3 - Medium",
+      "severityP4": "P4 - Low"
     },
     "alertDetails": {
       "sql": "SQL",
       "rowsSeparator": "rows ·",
-      "alertName": "Alert Name",
       "sqlQuery": "SQL Query",
       "promqlQuery": "PromQL Query",
       "conditions": "Conditions",
       "copy": "Copy",
       "noCondition": "No condition",
-      "noDescription": "No description",
-      "evaluationHistory": "Evaluation History",
-      "loadingHistory": "Loading history...",
       "noHistoryAvailable": "No evaluation history available for this alert",
       "tryExpandingTimeRange": "Try expanding the time range",
       "results": "Results",
@@ -5857,15 +5533,10 @@
       "queryTime": "Query (ms)",
       "error": "Error"
     },
-    "back": "Back",
     "continue": "Continue",
     "wouldTrigger": "WOULD TRIGGER",
     "wouldNotTrigger": "WOULD NOT TRIGGER",
     "queryBuilder": "Builder",
-    "groupByHelp": {
-      "description": "Group the aggregated data by specific fields to create separate alerts for each unique value.",
-      "example": "Example: Group by \"hostname\" to get individual alerts per server, or by \"status_code\" to track errors separately."
-    },
     "conditions": {
       "condition": "Condition",
       "conditionGroup": "Condition Group",
@@ -5886,8 +5557,6 @@
       "timeFrameTooltip": "Time range for your query.",
       "comparingText": "Comparing current window query result with query result from previous {offset}.",
       "addComparisonWindow": "Add Comparison Window",
-      "goToConditions": "Go to Conditions",
-      "goToConditionsTooltip": "Click on \"Go to Conditions\" to verify the events for selected comparison windows",
       "comparisonDisabledTooltip": "Comparison windows are only supported in SQL mode. Switch to SQL in the Alert Rules tab.",
       "secondCount": "{n} Second | {n} Seconds",
       "minuteCount": "{n} Minute | {n} Minutes",
@@ -5900,22 +5569,16 @@
       "helpLegendLiveExample": "High CPU",
       "helpLegendSampleExample": "42",
       "sectionTitle": "Settings",
-      "fieldRequired": "Field is required!",
       "noDestinationsAvailable": "No destinations available",
       "noTargetsAvailable": "No Destinations Or Workflows Available",
       "targetsDestinationsGroup": "Destinations",
       "targetsWorkflowsGroup": "Workflows",
       "refreshDestinations": "Refresh latest Destinations",
-      "cronSchedule": "Cron Schedule",
       "addNewDestination": "Add Destination",
       "cooldownTooltip": "If the alert triggers then how long should it wait before sending another notification. e.g. if the alert triggers at 4:00 PM and the silence notification is set to 10 minutes then it will not send another notification until 4:10 PM even if the alert is still after 1 minute. This is to avoid spamming the user with notifications.",
-      "thresholdTooltip": "Defines when the alert should trigger based on the event count or aggregated value. Example: If set to \"> 100\", the alert triggers when the count exceeds 100 events.",
       "periodTooltip": "Period for which the query should run. e.g. 10 minutes means that whenever the query will run it will use the last 10 minutes of data.",
-      "frequencyTooltipMinutes": "How often the task should be executed. e.g. every 5 minutes.",
-      "frequencyTooltipCron": "Standard UNIX cron format with 5 fields separated by space: [Minute 0-59] [Hour 0-23] [Day of Month 1-31] [Month 1-12 or JAN-DEC] [Day of Week 0-7 or '1L-7L', 0 and 7 for Sunday].",
       "timezoneWarning": "Warning: The displayed timezone is approximate. Verify and select the correct timezone manually.",
       "destinationsTooltip": "Select one or more destinations to send alert notifications.",
-      "templateTooltip": "Optional: Select a template to use for all destinations in this alert. Templates allow you to customize the format of alert messages. If not selected, each destination will use its own configured template.",
       "createsIncident": "Creates Incident",
       "createsIncidentTooltip": "If an alert can create an incident, it does not send a dedicated notification. Instead, a notification for the incident is sent when a new incident is created or a new alert type joins an existing incident.",
       "helpTemplateTitle": "Template Override",
@@ -5977,7 +5640,6 @@
     "advanced": {
       "addVariable": "Add Variable",
       "variablesTooltip": "Variables are used to pass data from the alert to the destination.",
-      "rowTemplateTooltip": "Row Template is used to format the alert message.",
       "templateType": "Template Type:",
       "noTemplatesAvailable": "No templates available",
       "refreshTemplates": "Refresh latest Templates",
@@ -6102,6 +5764,8 @@
       "label": "Variable"
     },
     "prebuiltDestinations": {
+      "discordWebhookUrlHint": "Get your webhook URL from Discord channel settings",
+      "discordUsernameHint": "Custom username for the webhook bot",
       "slackWebhookUrl": "Slack Webhook URL",
       "slackWebhookUrlHelp": "Get your webhook URL from Slack App settings",
       "slackChannel": "Channel (optional)",
@@ -6114,6 +5778,7 @@
       "invalidDiscordWebhookUrl": "Invalid Discord webhook URL",
       "msteamsWebhookUrl": "Microsoft Teams Webhook URL",
       "msteamsWebhookUrlHelp": "Get your webhook URL from Teams channel connectors",
+      "msteamsWebhookUrlHint": "Get your webhook URL from Teams channel connectors or Workflows",
       "invalidMsteamsWebhookUrl": "Invalid Microsoft Teams webhook URL",
       "pagerdutyIntegrationKey": "Integration Key",
       "pagerdutyIntegrationKeyHelp": "Get your integration key from PagerDuty service settings",
@@ -6229,6 +5894,17 @@
     "deleteTemplateMessage": "Are you sure you want to delete template?",
     "deleteTemplatesTitle": "Delete Templates",
     "importTemplateTitle": "Import Template",
+    "import": {
+      "unknownError": "Unknown Error",
+      "nameRequired": "Template - {index}: The \"name\" field is required and should be a valid string.",
+      "nameExists": "Template - {index}: \"{name}\" already exists",
+      "typeInvalid": "Template - {index}: The \"type\" field must be either \"email\" or \"http\"",
+      "bodyRequired": "Template - {index}: The \"body\" field is required and should be a valid JSON string.",
+      "bodyInvalidJson": "Template - {index}: The \"body\" field should contain valid JSON. Placeholders like {'{'}value{'}'} for numbers and \"{'{'}name{'}'}\" for strings are supported.",
+      "titleRequiredEmail": "Template - {index}: The \"title\" field is required for email type templates.",
+      "createSuccess": "Template - {index}: \"{name}\" created successfully \nNote: please remove the created alert object {name} from the json file ",
+      "createFailed": "Template - {index}: \"{name}\" creation failed --> \n Reason: {reason}"
+    },
     "outputMessages": "Output Messages",
     "templateCreationTitle": "Template Creation",
     "importNameLabel": "Template Name *",
@@ -6238,12 +5914,8 @@
     "header": "Templates",
     "add": "New template",
     "edit": "Edit",
-    "search": "Search template",
     "name": "Name",
-    "function": "Alert Details",
-    "save": "Save",
     "actions": "Actions",
-    "cancel": "Cancel",
     "addTitle": "New template",
     "updateTitle": "Update template",
     "delete": "Delete",
@@ -6319,9 +5991,7 @@
     "name": "Name",
     "destination_type": "Destination Type",
     "template": "Template",
-    "save": "Save",
     "actions": "Actions",
-    "cancel": "Cancel",
     "addTitle": "New Destination",
     "updateTitle": "Update Destination",
     "delete": "Delete",
@@ -6329,7 +5999,6 @@
     "url": "URL",
     "api_header": "Header",
     "api_header_value": "Value",
-    "add_template": "New Template",
     "skip_tls_verify": "Skip TLS Verify",
     "action": "Action",
     "output_format": "Output Format",
@@ -6339,7 +6008,6 @@
     "preview": "Preview",
     "test": "Test",
     "saved": "Destination saved successfully",
-    "saveError": "Failed to save destination",
     "customWebhook": "Custom (Webhook)",
     "customEmail": "Custom (Email)",
     "customAction": "Custom (Action)",
@@ -6400,14 +6068,10 @@
     "tabLabel": "BYOB",
     "title": "Bring Your Own Bucket",
     "notEnabled": "BYOB is not enabled for this organization",
-    "notConfigured": "Configure a custom bucket for this organization's data",
-    "configured": "configured",
     "heroHeadline": "Bring your own bucket to",
     "heroSub": "Connect your own cloud bucket, data stays in your infrastructure — full control, zero lock-in.",
     "configureStorage": "Configure storage",
     "supportedProviders": "Supported providers",
-    "noStorageConfigured": "No bucket configured",
-    "routeDataDesc": "Route this org's data to a dedicated bucket — independently of other orgs and global defaults.",
     "perOrgIsolation": "Per-org isolation",
     "appliesImmediately": "Applies to new data immediately",
     "usesOrgCredentials": "Uses org-scoped credentials",
@@ -6425,13 +6089,11 @@
     "featureOwnDataDesc": "Store ingested data directly in your own bucket and stay in complete control of who can access it.",
     "featureSecureTitle": "Secure & compliant",
     "featureSecureDesc": "Fine grained access keys, your sensitive data stays in your infrastructure.",
-    "goBack": "Go Back",
     "newStorageConfiguration": "New Bucket Configuration",
     "selectProviderDesc": "Select a cloud storage provider to store this organization's data.",
     "bucketNameRequired": "Bucket name is required",
     "accessKeyRequired": "Access key is required",
     "secretKeyRequired": "Secret key is required",
-    "serverURLRequired": "Server URL is required",
     "storageAccountRequired": "Storage Account name is required",
     "regionRequired": "Region is required",
     "roleARNRequired": "Role ARN is required",
@@ -6459,16 +6121,26 @@
       "sqlMoreExamples": "For additional examples,",
       "sqlClickHere": "click here"
     },
-    "searchMetric": "Search for a Metric",
-    "searchLabel": "Search metric label",
     "add": "Add",
-    "cancel": "Cancel",
-    "promqlLabel": "PromQL",
     "runQuery": "Run query",
-    "holdMessage": "Hold on tight, fetching metrics.",
-    "noStreamSelected": "No metrics selected.",
-    "addToDashboard": "Add to Dashboard",
     "explorer": {
+      "variants": {
+        "stddev": "Std dev",
+        "rateOfCount": "Rate of count",
+        "avgReportedQuantiles": "Avg of reported quantiles",
+        "reportedQuantilesRaw": "Reported quantiles (raw)",
+        "countOfSeries": "Count of series",
+        "average": "Average",
+        "sum": "Sum",
+        "minMax": "Min / Max",
+        "percentiles": "Percentiles",
+        "rateSum": "Rate (sum)",
+        "rateAvg": "Rate (avg)",
+        "increase": "Increase",
+        "heatmap": "Heatmap",
+        "buckets": "Buckets",
+        "seriesLabels": "Series (labels)"
+      },
       "refresh": "Refresh",
       "searchPlaceholder": "Search metrics",
       "withData": "With data",
@@ -6486,18 +6158,15 @@
         "emptyScratchpadTitle": "You have no favorites yet",
         "emptyScratchpadDesc": "Add metrics to your favorites in Explore (the ★ on a card) to collect them here. When you want to keep them, Convert to a dashboard."
       },
-      "visualizePlaceholder": "Visualize is coming soon — build a chart from a PromQL query, right here.",
       "railsAriaLabel": "Metric filters",
       "filterByPrefix": "Filter by prefix",
       "filterBySuffix": "Filter by suffix",
-      "metricType": "Metric type",
       "tabPrefix": "Prefix",
       "tabSuffix": "Suffix",
       "tabType": "Type",
+      "miscGroup": "Other",
       "convertToDashboard": "Convert to dashboard",
       "convertToDashboardTooltip": "Add your {count} favorite metrics to a dashboard, one panel each",
-      "favorites": "Favorites ({count})",
-      "showAllMetrics": "Show all metrics",
       "loading": "Loading metrics…",
       "retry": "Retry",
       "queryFailed": "Query failed",
@@ -6524,8 +6193,6 @@
       },
       "noDataHiddenOne": "{count} returned no data and is hidden.",
       "noDataHiddenMany": "{count} returned no data and are hidden.",
-      "clearFilters": "Clear filters",
-      "showNoDataPanels": "Show no-data panels",
       "showMore": "Show {count} more ({remaining} remaining)",
       "card": {
         "ariaLabel": "{name}. {type}.",
@@ -6541,8 +6208,6 @@
         "favoriteRemoveTooltip": "Remove from favorites",
         "openAria": "Open {name} in the editor",
         "openTooltip": "Open in editor",
-        "moreActions": "More actions",
-        "moreActionsAria": "More actions for {name}",
         "unsupported": "Unsupported type (v1)",
         "noPreview": "No preview — open in editor",
         "queryFailedAria": "{name} query failed: {error}",
@@ -6555,7 +6220,6 @@
         "staleCopyAria": "Copy the failed-refresh details for {name}",
         "stalePreamble": "Refresh failed — showing the last successful result.",
         "staleClickToCopy": "Click to copy the details.",
-        "cachedDiffers": "The data shown is cached and is different from the selected time range.",
         "lastRefreshedPrefix": "Last Refreshed At: "
       },
       "fn": {
@@ -6586,7 +6250,6 @@
         "cancelDraftAria": "Cancel this filter"
       },
       "facets": {
-        "clear": "Clear",
         "clearFilters": "Clear filters",
         "selectedCount": "{count} selected",
         "searchPrefixes": "Search prefixes",
@@ -6617,16 +6280,6 @@
     "functionConfigDialog": {
       "failedToRenderChart": "Failed to render chart"
     },
-    "metricCardChart": {
-      "failedToRenderChart": "Failed to render chart"
-    },
-    "metricList": {
-      "fetchingValues": "Fetching values...",
-      "noValuesFound": "No values found",
-      "includeTerm": "Include Term",
-      "excludeTerm": "Exclude Term",
-      "errorFetchingFieldValues": "Error while fetching field values"
-    },
     "queryBuilder": {
       "title": "PromQL Query Builder",
       "subtitle": "Build and test PromQL queries visually",
@@ -6662,6 +6315,20 @@
       "regexNotMatching": "Regex not matching (e.g., test.*)"
     },
     "operationsList": {
+      "params": {
+        "rateRangeDesc": "Time range for rate calculation",
+        "irateRangeDesc": "Time range for instant rate calculation",
+        "increaseRangeDesc": "Time range for increase calculation",
+        "selectLabelsPlaceholder": "Select labels",
+        "byLabelsDesc": "Labels to group by",
+        "topKDesc": "Number of top elements to return",
+        "valueToAddDesc": "Value to add",
+        "valueToSubtractDesc": "Value to subtract",
+        "valueToMultiplyDesc": "Value to multiply by",
+        "valueToDivideDesc": "Value to divide by",
+        "moduloDivisorDesc": "Modulo divisor",
+        "exponentPowerDesc": "Exponent power"
+      },
       "dragToReorder": "Drag to reorder",
       "noMatchingLabels": "No matching labels",
       "selectMetricFirst": "Select a metric first to load labels",
@@ -6688,23 +6355,29 @@
       "errorAddingPanel": "Error while adding panel",
       "selectDashboard": "Please select a dashboard",
       "selectTab": "Please select a tab"
+    },
+    "groups": {
+      "compute": "Compute",
+      "memory": "Memory",
+      "network": "Network",
+      "storage": "Storage",
+      "others": "Others",
+      "pods": "Pods",
+      "nodes": "Nodes",
+      "essentials": "Essentials",
+      "all": "All"
+    },
+    "subjects": {
+      "function": "Function",
+      "host": "Host",
+      "instance": "Instance",
+      "role": "Role",
+      "resourceGroup": "Resource Group"
     }
   },
   "settings": {
     "header": "Settings",
-    "alertCorrelation": "Alert Deduplication",
     "correlationSettings": "Correlation Settings",
-    "userKeyLabel": "User Key",
-    "rumKeyLabel": "RUM Key",
-    "newUserKeyBtnLbl": "Add User Key",
-    "addUserKeyTitle": "Create User Key",
-    "organizationLabel": "Select Organizations: ",
-    "save": "Save",
-    "cancel": "Cancel",
-    "apiNamePlaceHolder": "Key Name",
-    "updateuserKey": "Update User Key",
-    "id": "Id",
-    "update": "Update",
     "generalLabel": "General Settings",
     "groupGeneral": "General",
     "groupAccessSecurity": "Access & Security",
@@ -6729,19 +6402,12 @@
     "nodesDesc": "Cluster nodes and their health",
     "licenseDesc": "Enterprise license details",
     "organizationManagementDesc": "Create and manage organizations",
-    "ingestionTokens": "Ingestion Tokens",
     "queryManagement": "Query Management",
-    "apikeyLabel": "API Keys",
-    "generalPageTitle": "General Settings",
     "scrapintervalLabel": "Scrape Interval (In Seconds) *",
-    "enableWebsocketSearch": "Enable Websocket Search",
-    "enterpriseTitle": "Enterprise Settings",
     "logoLabel": "Drag & Drop Logo Image",
     "customLogoTitle": "Custom Logo",
     "deleteLogoTitle": "Delete Logo",
     "deleteLogoMessage": "Are you sure you want to delete this logo image? Click OK to delete.",
-    "deleteLogo": "Delete Logo",
-    "logo": "Logo",
     "customLogoText": "Custom Logo Text",
     "orgLabel": "Organization Parameters",
     "logDetails": "Log Details",
@@ -6752,7 +6418,6 @@
     "claimParserFunction": "SSO Claim Parser",
     "claimParserFunctionDescription": "Select a function (VRL or JavaScript) to parse and transform SSO/LDAP claims into organization and role assignments",
     "claimParserFunctionLabel": "Select Function",
-    "claimParserFunctionHint": "Choose a function from _meta org to parse SSO/LDAP claims (VRL or JavaScript)",
     "claimParserFunctionSaved": "Claim parser function saved successfully",
     "errorSavingClaimParserFunction": "Error saving claim parser function",
     "noVrlFunctionsFound": "No functions found in _meta org",
@@ -6767,14 +6432,10 @@
     "noRecentErrors": "No errors found in the last 24 hours",
     "cipherKeys": "Cipher Keys",
     "llmModelPricing": "LLM Model Pricing",
-    "aiToolsets": "AI Toolsets",
     "nodes": "Nodes",
-    "enableStreamingSearch": "Enable Streaming Search",
-    "enableStreamingAggregation": "Enable Streaming Aggregation",
     "organizationManagement": "Organization Management",
     "extendTrial": "Extend Trial",
     "searchOrgs": "Search Orgs",
-    "paginationOrganizationLabel": "Organization",
     "org_name": "Org Name",
     "org_identifier": "Org Identifier",
     "subscription_status": "Subscription Status",
@@ -6782,7 +6443,6 @@
     "trial_expiry": "Trial Expiry",
     "actions": "Actions",
     "ssoDomainRestrictions": "SSO Management",
-    "ssoDomainRestrictionsDescription": "Manage SSO claim parsing functions and control which domains and specific users are allowed to login using SSO providers",
     "domainRestrictionsSubsection": "Domain Restrictions",
     "domainRestrictionsSubsectionDescription": "Control which domains and specific users are allowed to login using SSO providers",
     "domainAndAllowedUsers": "Domain and allowed users",
@@ -6801,8 +6461,6 @@
     "blockedEmailPlaceholder": "e.g. user{domain}",
     "domainNeedsBlockedEmails": "Domain '{domain}' must have at least one email address when blocking specific users",
     "confirmRemoveBlockedEmail": "Are you sure you want to unblock the email '{email}'?",
-    "blockedEmailAdded": "Email address blocked successfully",
-    "blockedEmailRemoved": "Email address unblocked successfully",
     "emailPlaceholder": "e.g. user{domain}",
     "addEmail": "Add Email",
     "saveChanges": "Save",
@@ -6811,19 +6469,15 @@
     "domainRequired": "Domain is required",
     "emailRequired": "Email is required",
     "domainAlreadyExists": "This domain has already been added",
-    "domainAdded": "Domain added successfully",
     "confirmRemoveDomain": "Are you sure you want to remove the domain '{domain}'?",
     "domainRemoved": "Domain removed successfully",
     "emailAlreadyExists": "This email address has already been added",
-    "emailAdded": "Email address added successfully",
     "confirmRemoveEmail": "Are you sure you want to remove the email '{email}'?",
-    "emailRemoved": "Email address removed successfully",
     "domainNeedsEmails": "Domain '{domain}' must have at least one email address when not allowing all users",
     "domainSettingsSaved": "Domain settings saved successfully",
     "errorSavingDomainSettings": "Error saving domain settings",
     "noDomainMessage": "No domains configured. Add domains above to restrict access.",
     "license": "License",
-    "pageSubtitle": "Adjust settings for your Application",
     "platformSettings": "Platform Settings",
     "scrapeIntervalRequired": "Scrape interval is required",
     "scrapeIntervalPositive": "Scrape interval must be a positive number",
@@ -6847,7 +6501,6 @@
     "darkMode": "Dark Mode",
     "customLogoDarkDescription": "Custom logo for dark mode theme. This will be displayed when users are in dark mode.",
     "pickCustomColor": "Pick Custom Color",
-    "close": "Close",
     "organizationSettingsUpdated": "Organization settings updated",
     "dangerZone": "Danger Zone",
     "deleteOrganization": "Delete organization",
@@ -6897,7 +6550,6 @@
       "versionFields": "Version fallback fields",
       "versionHelp": "Incoming attributes to use as the agent's version.",
       "versionInfo": "Checked only when the standard gen_ai.agent.version attribute is missing or empty. Add one incoming telemetry attribute per line.",
-      "fieldsPlaceholder": "agent.name\nllm.agent.name",
       "agentNamePlaceholder": "my.custom.agent_name\nteam.agent.label",
       "agentIdPlaceholder": "my.custom.agent_id\nteam.agent.uid",
       "envPlaceholder": "my.custom.env\ntier",
@@ -6918,122 +6570,28 @@
     },
     "correlation": {
       "identityConfigNoSets": "Configure at least one identity set before saving.",
-      "title": "Correlation Settings",
-      "subtitle": "Discover and manage service correlations across logs, traces, and metrics",
-      "serviceIdentityTab": "Service Identity",
       "discoveredServicesTab": "Discovered Services",
       "serviceDiscoveryTab": "Detection Rules",
       "alertCorrelationTab": "Alert Grouping",
       "fieldAliasesTab": "Field Mappings",
       "fieldAliasesSaved": "Field aliases saved successfully",
-      "serviceNameFieldAliasNote": "The actual field names mapped to this group are configured in",
-      "viewFieldAliases": "Edit field aliases →",
       "fieldAliasesSaveError": "Failed to save field aliases",
       "fieldAliasesUnsavedConfirm": "You have unsaved field mapping changes. Discard them and leave?",
       "discoveredServicesTitle": "Discovered Services",
       "discoveredServicesDescription": "Services are automatically discovered from your telemetry data and grouped by their Service Name for correlation. Services sharing the same Service Name are correlated together across logs, traces, and metrics.",
       "noServicesYet": "No services discovered yet",
       "noServicesDescription": "Services will appear here as telemetry data is ingested with service identification attributes (like k8s-deployment, service name, etc.)",
-      "services": "Services",
-      "fullyCorrelated": "Fully Correlated",
-      "suggestions": "suggestions",
-      "clickToViewSuggestions": "Click to view correlation improvement suggestions",
-      "byService": "By Service",
-      "byStream": "By Stream",
       "searchServiceName": "Search service or stream name...",
-      "searchStreamName": "Search stream name...",
-      "allServices": "All Services",
-      "missingTelemetry": "Missing Telemetry",
-      "correlationKey": "Correlation Key",
       "telemetryCoverage": "Telemetry Coverage",
       "serviceName": "Service Name",
-      "streams": "Streams",
-      "viewDimensions": "View dimensions",
-      "viewServices": "Click to view services",
-      "dimensionsFor": "Dimensions for",
-      "correlatedViaSharedDimensions": "services correlated via shared dimensions",
-      "correlationDimensions": "Correlation Dimensions",
-      "noSharedDimensions": "No shared dimensions found across services",
-      "suggestionsDialogTitle": "Correlation Suggestions",
-      "suggestionsDialogSubtitle": "Services that could be correlated but are missing telemetry types",
-      "suggestionsInfoText": "To enable full correlation, ensure your telemetry data includes consistent service identification attributes (like k8s-deployment, service name) across logs, traces, and metrics.",
-      "addTracingSuggestion": "Add OpenTelemetry tracing instrumentation to enable full correlation",
-      "addLogsSuggestion": "Configure log collection with matching service attributes",
-      "addMetricsSuggestion": "Add metrics collection with matching service dimensions",
-      "missing": "Missing",
-      "deployment": "Deployment",
-      "statefulSet": "StatefulSet",
-      "daemonSet": "DaemonSet",
-      "ecsTask": "ECS Task",
-      "faas": "FaaS",
       "service": "Service",
-      "serviceIdentityTitle": "Service Identity Configuration",
-      "serviceIdentityDescription": "Configure how services are identified and correlated across logs, traces, and metrics. Service Identity combines scope dimensions (environment context) with workload dimensions (service name).",
-      "serviceIdentityLabel": "Service Identity",
-      "howItWorksTitle": "How Service Identity Works",
-      "howItWorksDescription": "Service Identity uniquely identifies services by combining scope (cluster, region) with workload (deployment, service name).",
-      "exampleLabel": "Example:",
-      "exampleText": "With {dim1} and {dim2}, the identity becomes {value}.",
-      "correlationLabel": "Correlation:",
-      "correlationDescription": "Services with the same identity are correlated, even if they have different {field} names.",
-      "resetToDefaults": "Reset to defaults",
-      "noDimensionsConfigured": "No dimensions configured. Click \"Reset to Defaults\" or add dimensions below.",
-      "addDimensionLabel": "Add dimension to priority list",
-      "addDimensionHint": "Select a semantic group to add to the priority list.",
-      "selectSemanticGroup": "Select Semantic Group",
-      "noSemanticGroupsAvailable": "No semantic groups available. Configure field mappings below first.",
-      "noSemanticGroupsConfigured": "No semantic groups configured. Add field mappings below to define available dimensions.",
-      "configureSemanticGroupsFirst": "Configure semantic field mappings below to define available dimensions for identity priority.",
-      "moveUp": "Move up (higher priority)",
-      "moveDown": "Move down (lower priority)",
-      "removeFromList": "Remove from priority list",
-      "semanticFieldTitle": "Semantic Field Mappings",
-      "semanticFieldTooltip": "Maps different field names to semantic dimensions. For example, \"deployment\", \"k8s.deployment.name\", and \"kube_deployment\" all map to \"k8s-deployment\".",
-      "semanticFieldDescription": "Configure how field names from your telemetry are mapped to semantic dimensions.",
-      "saveConfiguration": "Save Configuration",
-      "saveSemanticMappings": "Save Semantic Mappings",
-      "configSavedSuccess": "Service identity configuration saved successfully",
-      "semanticMappingsSaved": "Semantic field mappings saved successfully",
-      "configSaveFailed": "Failed to save settings",
-      "duplicateIdsError": "Duplicate group IDs found: {ids}. Please ensure each group has a unique ID.",
-      "duplicateNamesInCategoryError": "Duplicate name \"{name}\" found in category \"{category}\". Each group within a category must have a unique name.",
-      "emptyIdError": " category has empty groups names. Please ensure all groups have valid names.",
-      "emptyFieldsError": "At least one field name is required",
-      "correlationSettingsSaved": "Correlation settings saved successfully.",
       "logs": "Logs",
       "traces": "Traces",
       "metrics": "Metrics",
       "lastSeen": "Last Seen",
       "retry": "Retry",
-      "filters": "Filters",
-      "priorityOrderLabel": "Priority Order",
-      "availableDimensions": "Available Dimensions",
       "semanticFieldGroupsTitle": "Field Mappings",
-      "groupsLabel": "groups",
-      "noMatchingGroups": "No matching groups",
-      "scopeDimension": "Scope dimension",
-      "workloadDimension": "Workload dimension",
-      "noFormulaConfigured": "No identity formula configured. Add dimensions above.",
-      "scopeLegend": "Scope (concatenated)",
-      "workloadLegend": "Workload (first non-null)",
-      "firstNonNull": "first non-null of",
-      "scopeTag": "Scope",
-      "workloadTag": "Workload",
-      "scopeOnly": "scope only",
-      "noMatchingDimensions": "No matching dimensions",
-      "otherGroup": "Other",
-      "fallbackGroup": "Fallback",
-      "fallbackNote": "Fallback dimensions (like 'service') apply across all environments when no environment-specific workload matches.",
-      "serviceIdentitySetupTitle": "Service Identity Setup",
-      "serviceIdentitySetupDescription": "Configure how services are identified across your telemetry data",
-      "serviceNameFieldLabel": "Service Name Field",
-      "serviceNameFieldHelp": "Which field identifies the service name in your telemetry data",
-      "serviceNameFrom": "Service name from",
-      "serviceNameDerivedPrefix": "Service name is derived using service name fields defined in",
-      "serviceNameFields": "field aliases",
-      "serviceNameDetectedFrom": "Service name detected from:",
       "serviceNameNotDetected": "No service name field detected in your data yet",
-      "serviceNameNotDetectedHelp": "Make sure your telemetry includes a field like service.name or similar",
       "serviceNameExpandedHelp": "These field names in your data all map to service name:",
       "serviceNameConfiguredNotSeen": "configured but not yet seen in your data",
       "customizeFieldMappings": "Customize field mappings",
@@ -7046,23 +6604,12 @@
       "distinguishByHelp": "Choose fields that define where your services run. For example, cluster + namespace + deployment together create a unique identity for each service. Up to 5 fields.",
       "serviceOptionalLabel": "Correlate without service attribute",
       "serviceOptionalHelp": "Match streams using below attributes only, ignore service attributes",
-      "noFieldsConfiguredYet": "No disambiguation fields configured yet.",
       "addField": "Add field",
       "addFieldTooltip": "Add another field to help identify services uniquely (max 5). Examples: region, namespace, or environment.",
       "addGroup": "Add group",
       "addGroupTooltip": "Create a separate set of disambiguation fields for a different environment (e.g. different fields for Kubernetes vs AWS)",
       "autoSuggestedBanner": "These fields were auto-suggested because they have few unique values (low cardinality) and appear across most of your services — ideal for telling apart services with the same name. You can customize them before saving.",
-      "addDisambiguationField": "Add another",
-      "removeDisambiguationField": "Remove field",
-      "nameFieldLockedNote": "Service name field cannot be changed after first configuration",
-      "noGroupsAvailable": "No field groups available",
       "selectField": "Select a field",
-      "detectedLabel": "We detected {type} workload based on your data.",
-      "suggestionPrompt": "Should we apply the suggestion?",
-      "applySuggestion": "Apply suggestion",
-      "logStreams": "Log streams",
-      "traceStreams": "Trace streams",
-      "metricStreams": "Metric streams",
       "saveIdentityConfig": "Save Configuration",
       "identityConfigSaved": "Service identity configuration saved successfully",
       "identityConfigSaveFailed": "Failed to save service identity configuration",
@@ -7083,7 +6630,6 @@
       "selectFieldFirst": "Select a field first",
       "instanceSingular": "instance",
       "instancePlural": "instances",
-      "serviceSingular": "Service",
       "serviceCountSingular": "{count} Service",
       "serviceCountPlural": "{count} Services",
       "instancesCount": "({count} instances)",
@@ -7093,7 +6639,6 @@
       "instanceIdentity": "Instance Identity",
       "noDimensionsCatchAll": "No dimensions — catch-all instance",
       "streamSources": "Stream Sources",
-      "openInLogsTooltip": "Open in Logs with service filter",
       "fieldNameMapping": "Field Name Mapping",
       "logsWithCount": "Logs ({count})",
       "tracesWithCount": "Traces ({count})",
@@ -7119,14 +6664,6 @@
       "createFailed": "Failed to create regex pattern",
       "testFailed": "Failed to test string"
     },
-    "builtInModelPricingTab": {
-      "modelCountSingular": "{count} model",
-      "modelCountPlural": "{count} models",
-      "selectedCount": "{count} selected",
-      "modelsLoaded": "{count} models loaded",
-      "failedToLoadModels": "Failed to load models",
-      "noModelsSelected": "No models selected. Please select at least one model."
-    },
     "discoveredServices": {
       "noOrganizationSelected": "No organization selected",
       "failedToLoadServices": "Failed to load services"
@@ -7195,11 +6732,7 @@
       "fetchFailed": "Failed to fetch nodes. Please try again."
     },
     "importRegexPattern": {
-      "creationSuccess": "Regex pattern - {index}: \"{name}\" created successfully \nNote: please remove the created regex pattern object {name} from the json file",
       "unknownError": "Unknown Error",
-      "patternAlreadyExists": "Pattern \"{name}\" already exists. Please use a different name.",
-      "failedToImportPattern": "Failed to import pattern \"{name}\": {errorMessage}",
-      "creationFailed": "Regex pattern - {index}: \"{name}\" creation failed --> \n Reason: {errorMessage}",
       "title": "Import Regex Pattern",
       "errorValidations": "Error Validations",
       "outputMessages": "Output Messages",
@@ -7234,12 +6767,8 @@
       "revoke": "Revoke",
       "enableStorage": "Enable Storage",
       "storageEnabled": "Storage Enabled",
-      "extendTrialForName": "Extend Trial for {name}",
-      "setNewTrialExtensionPeriod": "Set the new trial extension period.",
       "extendTrialByWeeks": "Extend trial by {n} week | Extend trial by {n} weeks",
       "weeks": "Weeks",
-      "createContractForName": "Create External Contract for {name}",
-      "extendContractForName": "Extend External Contract for {name}",
       "createContract": "Create Contract",
       "extendContract": "Extend Contract",
       "endDate": "End Date",
@@ -7252,20 +6781,16 @@
       "planEnterprise": "Enterprise",
       "planExternalContract": "External Contract",
       "loadingData": "Please wait while loading data...",
-      "fetchOrgDataError": "Failed to fetch organization data. Please try again.",
       "creatingContract": "Creating external contract...",
       "contractCreatedSuccess": "External contract created successfully.",
       "createContractError": "Failed to create external contract.",
       "extendingContract": "Extending external contract...",
       "contractExtendedSuccess": "External contract extended successfully.",
       "extendContractError": "Failed to extend external contract.",
-      "revokeContractTitle": "Revoke External Contract",
-      "revokeContractConfirm": "Are you sure you want to revoke the external contract for \"{name}\"? The organization will revert to the Free tier.",
       "revokingContract": "Revoking external contract...",
       "contractRevokedSuccess": "External contract revoked successfully.",
       "revokeContractError": "Failed to revoke external contract.",
       "enableByobTitle": "Enable BYOB",
-      "enableByobConfirm": "Are you sure you want to enable BYOB for \"{name}\"?",
       "enablingStorage": "enabling storage settings...",
       "storageEnabledSuccess": "Storage settings enabled successfully.",
       "enableStorageError": "Failed to enable storage settings.",
@@ -7302,21 +6827,6 @@
       "failedToImport": "Failed to import \"{name}\": {error}"
     },
     "orgStorageEditor": {
-      "onlyCredentialsEditable": "Once configured, only credential fields can be updated. All other fields will be locked.",
-      "selectStorageProvider": "Select Storage Provider",
-      "serverUrl": "Server URL",
-      "region": "Region",
-      "bucketName": "Bucket Name",
-      "accessKey": "Access Key",
-      "secretKey": "Secret Key",
-      "storageAccountName": "Storage Account Name",
-      "roleArn": "Role ARN",
-      "externalId": "External Id",
-      "pleaseWait": "Please wait...",
-      "credentialsUpdated": "Credentials updated successfully",
-      "storageConfigCreated": "Storage config created successfully",
-      "failedToSave": "Failed to save storage config",
-      "failedToLoad": "Failed to load existing storage config",
       "chooseTypeTitle": "Choose Type",
       "selectProviderDescCont": "once configured, all new data for this org will be written to your own storage infrastructure.",
       "irreversibleWarnPre": "This action is ",
@@ -7340,6 +6850,17 @@
       "loadStorageConfigError": "Failed to load existing storage config"
     },
     "serviceIdentitySetup": {
+      "trackedK8sCluster": "K8s Cluster",
+      "trackedK8sNamespace": "K8s Namespace",
+      "trackedK8sDeployment": "K8s Deployment",
+      "trackedK8sStatefulSet": "K8s StatefulSet",
+      "trackedK8sDaemonSet": "K8s DaemonSet",
+      "trackedK8sPodName": "K8s Pod Name",
+      "trackedAwsEcsCluster": "AWS ECS Cluster",
+      "trackedAwsEcsTask": "AWS ECS Task",
+      "trackedCloudAccount": "Cloud Account",
+      "trackedServiceNamespace": "Service Namespace",
+      "trackedServiceVersion": "Service Version",
       "serviceNameDetectedFrom": "Service name detected from",
       "fieldAlias": "field alias",
       "noFieldsConfiguredYet": "No fields configured yet",
@@ -7350,6 +6871,7 @@
       "toConfigureFieldMappings": "to configure individual field mappings.",
       "selectAliasGroup": "Select alias group",
       "discoveredPatternsHelp": "We discovered these deployment patterns in your streams. Use them to configure service correlation.",
+      "envFieldsDetected": "{env} fields detected in your telemetry data.",
       "goToServices": "Go to Services",
       "toSeeDiscoveredServices": "to see the actual discovered services.",
       "fieldsConfigured": "{n} field configured | {n} fields configured",
@@ -7407,6 +6929,12 @@
     "setAiCreditsFor": "Set AI Credits for {name}"
   },
   "reports": {
+    "frequencyUnits": {
+      "days": "days",
+      "hours": "hours",
+      "weeks": "weeks",
+      "months": "months"
+    },
     "cachedReportHint": "Note: Cached reports are stored for quick access to dashboards; sharing is disabled for these reports.",
     "selectDashboardStep": "Select Dashboard",
     "timeRangeDescription": "Generates report with the data from specified time range",
@@ -7416,10 +6944,6 @@
     "dimensionsDefaultHint": "Leave blank to use server defaults",
     "continue": "Continue",
     "scheduleStep": "Schedule",
-    "cronPatternHint": "Pattern: * * * * * * means every second.",
-    "cronFormatHint": "Format: [Second (optional) 0-59] [Minute 0-59] [Hour 0-23] [Day of Month 1-31, 'L'] [Month 1-12] [Day of Week 0-7 or '1L-7L', 0 and 7 for Sunday].",
-    "cronWildcardHint": "Use '*' to represent any value, 'L' for the last day/weekday.",
-    "cronExampleHint": "Example: 0 0 12 * * ? - Triggers at 12:00 PM daily. It specifies second, minute, hour, day of month, month, and day of week, respectively.",
     "scheduleNowHint": "\"Schedule Now\" will schedule the report using the current date, time, and timezone.",
     "scheduleLaterHint": "In \"Schedule Later\" you can customize the date, time, and timezone.",
     "repeatEvery": "Repeat every",
@@ -7446,10 +6970,19 @@
     "dashboardTab": "Dashboard Tab",
     "recipients": "Recipients",
     "name": "Report name",
-    "replyTo": "Reply-to email address",
     "title": "Title",
     "description": "Description",
     "cron": "Cron Job",
+    "scheduleNow": "Schedule now",
+    "scheduleLater": "Schedule later",
+    "frequencyOnce": "Once",
+    "frequencyHourly": "Hourly",
+    "frequencyDaily": "Daily",
+    "frequencyWeekly": "Weekly",
+    "frequencyMonthly": "Monthly",
+    "frequencyCustom": "Custom",
+    "attachmentStandard": "Standard — downloadable attachment (default)",
+    "attachmentInline": "Inline — embedded in email body",
     "cronExpression": "Cron expression",
     "cronFormatTooltip": "Pattern: * * * * * * means every second.\nFormat: [Second (optional) 0-59] [Minute 0-59] [Hour 0-23] [Day of Month 1-31, 'L'] [Month 1-12] [Day of Week 0-7 or '1L-7L', 0 and 7 for Sunday].\nUse '*' to represent any value, 'L' for the last day/weekday.\nExample: 0 0 12 * * ? - Triggers at 12:00 PM daily.",
     "timeRange": "Time Range",
@@ -7459,7 +6992,6 @@
     "tab": "Tab",
     "cached": "Cached",
     "cachedReport": "Cached Report",
-    "destination": "Destination",
     "scheduled": "Scheduled",
     "reportFormat": "Report Format",
     "reportType": "Report Type",
@@ -7476,22 +7008,35 @@
       "dateFormat": "Date format is incorrect!",
       "timeFormat": "Time format is incorrect!",
       "invalidEmails": "Add valid emails!"
-    }
+    },
+    "destinationDefault": "Default"
   },
   "queries": {
+    "durationOptions": {
+      "gt1s": "> 1 second",
+      "gt5s": "> 5 seconds",
+      "gt15s": "> 15 seconds",
+      "gt30s": "> 30 seconds",
+      "gt1m": "> 1 minute",
+      "gt5m": "> 5 minutes",
+      "gt10m": "> 10 minutes",
+      "gt15m": "> 15 minutes",
+      "gt1h": "> 1 hour",
+      "gt1d": "> 1 day",
+      "gt1w": "> 1 week",
+      "gt1Month": "> 1 Month"
+    },
     "selectOption": "Select option",
     "lastDataRefreshTime": "Last Data Refresh Time:",
     "runningQueries": "Running Queries",
     "search": "Search",
-    "sessionId": "Session ID",
-    "initiatedAt": "Initiated At",
-    "query": "Query",
     "queryList": "Query Details",
     "duration": "Exec. Duration",
     "status": "Status",
     "cancelQuery": "Cancel Query",
     "queryRange": "Query Range",
-    "refreshQuery": "Refresh",
+    "userSummary": "User Summary",
+    "allQueries": "All Queries",
     "queryType": "Query Type",
     "numOfQueries": "Number of Queries",
     "totalDuration": "Total Exec. Duration",
@@ -7510,7 +7055,6 @@
     "serviceGraph": {
       "searchPlaceholder": "Search Services",
       "noStreamsDetected": "No streams detected. Ensure service graph metrics include stream_name labels.",
-      "streamOnlyInfo": "Service graph uses stream-only architecture with zero in-memory state",
       "borderColor": "Border Color",
       "borderColorMetric": "Errors",
       "nodeSize": "Node Size",
@@ -7571,13 +7115,10 @@
     },
     "openInFullView": "Open in full view",
     "viewLogs": "View Logs",
-    "viewRelated": "View Related",
     "backToLogs": "Back to Logs",
     "openInTraces": "Open in Traces",
     "RedMetrics": "RED Metrics",
-    "showErrorOnly": "Show Error Only",
     "loadingStream": "Loading Stream...",
-    "noTracesFound": "Result not found.",
     "noLogsAvailableForService": "No Logs available for this service",
     "noData": {
       "title": "Start sending traces to OpenObserve",
@@ -7589,7 +7130,6 @@
       "or": "Or:",
       "kubernetes": "Kubernetes",
       "python": "Python",
-      "java": "Java",
       "nodejs": "Node.js",
       "askAi": "Ask AI to set up tracing"
     },
@@ -7597,10 +7137,8 @@
     "collapseFields": "Collapse Fields",
     "openFields": "Open Fields",
     "timeRangeUpdated": "The selected time range did not include this trace. The time range has been updated to match the trace's timestamp.",
-    "fetchingMoreTraces": "Fetching more traces...",
     "errorRetrievingTraces": "Error occurred while retrieving traces.",
     "fetchingTraces": "Loading Traces...",
-    "noTracesFoundAdjust": "No traces found. Please adjust the filters and try again.",
     "noStream": {
       "title": "Pick a stream to start exploring",
       "description": "Choose a trace stream, then press <strong>Run query</strong>. You can filter by service, duration, span status, and more once results load.",
@@ -7615,29 +7153,20 @@
       "descNoFilters": "No traces were found in {range}.",
       "descWithFilters": "Nothing matched <strong>this query</strong> in the selected window. The stream has data here — try relaxing a filter in the query bar.",
       "descOutOfRange": "Your time window doesn't contain any data from this stream. Jump to when data was last seen.",
-      "descDataAtBoundary": "The stream has data here, but nothing matched the selected window.",
       "jumpToData": "Jump to latest data",
-      "expandRange": "Expand the time range",
       "expandRangeDescAbsolute": "Switch to a wider relative time range",
-      "removeFilter": "Remove a filter",
       "askAi": "Ask AI to fix my query",
       "selectedRange": "the selected range"
     },
-    "tracesTitle": "TRACES",
     "tracesFound": "Traces Found",
-    "spansTitle": "SPANS",
     "spansFound": "Spans Found",
-    "spansTruncatedWarning": "Showing {count} of {total} spans, trace may be incomplete. Contact your administrator to increase the span limit.",
     "errorTraces": "Error Traces",
     "errorSpans": "Error Spans",
-    "showAll": "Show All",
     "filterByErrors": "Filter by errors",
     "clearErrorFilter": "Clear error filter",
     "error": "ERROR",
     "errors": "ERRORS",
     "success": "SUCCESS",
-    "today": "Today",
-    "yesterday": "Yesterday",
     "applyPendingFilters": "Apply pending filters and Search Traces",
     "backToTraces": "Back to Traces",
     "loadingTrace": "Loading...",
@@ -7651,26 +7180,16 @@
     "nextMatch": "Next match",
     "searchInSpans": "Search in spans",
     "spansTableView": "Spans Table View",
-    "serviceMap": "Service Map",
-    "patternView": "Pattern View",
-    "spanView": "Span View",
     "comingSoon": "Coming soon...",
     "fetchingTrace": "Fetching your trace.",
     "traceFilters": "Trace Filters",
     "showTraces": "Show Traces",
     "applyAndSearch": "Apply & Search",
-    "addToTable": "Add to table",
     "timestamp": "Timestamp",
     "noErrorPresent": "No error present for this span",
     "noEventsPresent": "No events for this span",
     "noLinksPresent": "No links for this span",
     "loadingTraceDag": "Loading trace DAG...",
-    "loadingServiceGraph": "Loading service graph...",
-    "loadingMetrics": "Loading metrics...",
-    "httpStatusCode": "HTTP Status Code",
-    "grpcStatusCode": "gRPC Status Code",
-    "dbResponseStatusCode": "DB Response Status Code",
-    "processExitCode": "Process Exit Code",
     "exceptionsWithCount": "Exceptions ({count})",
     "typeLabel": "Type:",
     "messageLabel": "Message:",
@@ -7681,62 +7200,15 @@
     "stacktraceCopied": "Stacktrace copied to clipboard",
     "stacktraceCopyFailed": "Failed to copy stacktrace",
     "evaluations": {
-      "loading": "Loading evaluation data...",
-      "noDataTitle": "No Evaluation Data",
-      "noDataSubtitle": "This trace hasn't been evaluated yet. Configure LLM evaluation for this stream to see quality scores and analysis.",
-      "templateLabel": "Evaluation Template:",
-      "qualityScore": "Quality Score",
-      "verdict": "Verdict",
-      "traceSteps": "Trace Steps",
-      "toolCalls": "Tool Calls",
-      "doneVia": "Done Via",
-      "issuesAnalysis": "Issues & Analysis",
-      "criteriaFromTemplate": "Evaluation Criteria (from template)",
-      "criteriaDifferentTemplate": "Evaluation Criteria (different template — for reference only)",
-      "criteriaTemplateMismatchNote": "These criteria belong to {template}, not the template that ran this evaluation ({evaluated}).",
-      "criteriaSyntaxNote": "Placeholders like {query}, {response}, {model} are substituted at evaluation time and shown here in their raw template form.",
-      "recommendedFixes": "Recommended Fixes",
-      "fixSuggestion": "Suggestion:",
-      "weakestDimension": "Weakest Dimension:",
-      "dimensionReasoning": "Dimension Reasoning",
-      "noDimensionReasoning": "No per-dimension reasoning available.",
-      "queryResponse": "Query & Response",
-      "systemPrompt": "System Prompt",
-      "userMessages": "User Messages",
-      "assistantResponse": "Assistant Response",
-      "dimensions": "Dimensions",
-      "passThreshold": "PASS ≥ 50%",
-      "passThresholdTooltip": "Template aspects are marked PASS when their score is ≥ 50%. This is a general threshold — consult your template's evaluation prompt for the precise criteria used by the judge.",
-      "templateAspectsFrom": "Highlighted aspects are from {template}",
-      "templateMismatchWarning": "Viewing aspects from {selected}. This trace was evaluated with {evaluated}. Highlights may not reflect the actual evaluation criteria.",
-      "templateBadge": "template",
-      "technicalDetails": "Technical Details",
-      "judge": "Judge",
-      "time": "Time",
-      "confidence": "Confidence",
-      "status": "Status",
-      "type": "Type",
-      "multiStepAgent": "Multi-step Agent"
+      "templateBadge": "template"
     },
     "sessionsList": {
       "streamLabel": "Stream",
-      "loadingAgents": "Loading agents…",
-      "loadingStreams": "Loading streams…",
-      "noStreamsTooltip": "No LLM streams available.",
-      "session": "session",
       "sessions": "sessions",
-      "countPill": "{count} of {total} {unit}",
-      "noStreamsFound": "No LLM streams found",
-      "noStreamsDescription1": "Sessions group spans by",
-      "noStreamsDescription2": "across traces streams marked as LLM streams. Either no such stream exists, or no spans have been ingested yet.",
       "failedToLoad": "Failed to load sessions",
       "retry": "Retry",
-      "noSessionsFound": "No sessions found",
-      "noSessionsDescription": "No LLM sessions were recorded in this time range on {stream}. Try widening the time range or switching to a different stream.",
-      "loading": "Loading sessions…",
       "tokenTooltip": "Input: {input} · Output: {output} · Total: {total}",
       "durationNs": "ns",
-      "errorCountTooltip": "{count} errors in this session",
       "unknownUser": "Unknown user",
       "columns": {
         "timestamp": "Timestamp",
@@ -7759,7 +7231,6 @@
       "currencySymbol": "$",
       "tokensArrow": "→",
       "axisZeroLabel": "0",
-      "backToSessions": "Back to Sessions",
       "pageTitle": "Session Detail",
       "failedToLoad": "Failed to load session",
       "retry": "Retry",
@@ -7768,13 +7239,8 @@
       "searchPlaceholder": "Search traces in this session…",
       "turn": "turn",
       "turns": "turns",
-      "turnsShown": "{filtered} of {total} {unit} shown",
       "turnCount": "{count} {unit}",
-      "userBadge": "User",
-      "sessionPrefix": "session",
-      "copySessionId": "Copy session id",
       "openInTraceExplorer": "View Trace",
-      "unknownUser": "Unknown user",
       "filters": {
         "status": "Status",
         "model": "Model",
@@ -7790,19 +7256,15 @@
         "toolHotspots": "Tool Hotspots",
         "calls": "{n} calls",
         "call": "{n} call",
-        "ofTotal": "{pct}% of total",
         "usedIn": "Used In",
         "noTools": "No Tool Calls In This Session"
       },
       "kpi": {
         "turns": "Turns",
         "duration": "Duration",
-        "inputTokens": "Input Tokens",
-        "outputTokens": "Output Tokens",
         "cost": "Cost",
         "errors": "Errors",
         "tokens": "Tokens",
-        "cacheSaved": "Cache Saved",
         "cacheImpact": "Cache Impact"
       },
       "kpiSub": {
@@ -7815,7 +7277,6 @@
         "latencyLead": "Slowest {slowest} ·",
         "costLead": "Peak {peak} ·",
         "tokens": "{ratio}% Cached",
-        "cacheSaved": "{ratio}% of Input Reused · {tokens} Tok",
         "cacheImpact": "{ratio}% Reused · {tokens} Tok Read",
         "cacheEstimate": "Net impact includes cache reads and cache creation costs.",
         "cacheImpactTooltipTitle": "Cache Cost Breakdown",
@@ -7833,7 +7294,6 @@
       "turnLabel": "Turn",
       "statusOk": "Ok",
       "statusError": "Error",
-      "openTrace": "Open trace",
       "noUserMessage": "No user message captured for this turn.",
       "noAssistantMessage": "No assistant response captured for this turn.",
       "roles": {
@@ -7841,33 +7301,17 @@
         "assistant": "Assistant"
       },
       "stats": {
-        "status": "Status",
-        "model": "Model",
-        "tokens": "Tokens",
-        "input": "Input",
-        "output": "Output",
-        "total": "Total",
         "cost": "Cost",
         "cache": "Cache",
-        "spans": "Spans",
         "llmCalls": "LLM calls",
-        "toolCalls": "Tool calls",
-        "otherCalls": "Other",
-        "otherCallsTooltip": "gen_ai spans with unrecognised operation names:"
-      },
-      "fullscreen": {
-        "expandTurn": "View turn in full screen",
-        "close": "Close"
+        "toolCalls": "Tool calls"
       }
     },
     "servicesCatalog": {
       "noStreamsDetected": "No streams detected",
       "tabLabel": "Service Catalog",
-      "title": "Service Catalog",
       "footerTitle": "Services",
       "filterPlaceholder": "Filter by service name...",
-      "noServicesFound": "No services found in the selected time range.",
-      "loading": "Loading services...",
       "columns": {
         "serviceName": "Service",
         "status": "Status",
@@ -7878,8 +7322,7 @@
         "p95Latency": "P95",
         "p99Latency": "P99",
         "avgDuration": "Avg Duration",
-        "maxDuration": "Max Duration",
-        "operations": "Operations"
+        "maxDuration": "Max Duration"
       },
       "status": {
         "criticalThreshold": "> 10%",
@@ -7890,10 +7333,7 @@
         "warning": "Warning",
         "critical": "Critical"
       },
-      "serviceLabel": "service",
-      "servicesLabel": "services",
       "viewTraces": "View Traces",
-      "exportCsv": "Export CSV",
       "types": {
         "all": "All",
         "service": "Services",
@@ -7964,8 +7404,22 @@
       "roleSystem": "System",
       "roleTool": "Tool"
     },
+    "tableColumns": {
+      "service": "Service",
+      "operationName": "Operation Name",
+      "duration": "Duration",
+      "spans": "Spans",
+      "spanKind": "Span Kind",
+      "spanStatus": "Span Status",
+      "status": "Status",
+      "serviceLatency": "Service Latency",
+      "inputTokens": "Input Tokens",
+      "outputTokens": "Output Tokens",
+      "cost": "Cost"
+    },
     "lLMErrorTable": {
       "noData": "No data",
+      "noErrorsInRange": "No errors in this time range",
       "time": "Time",
       "service": "Service",
       "operation": "Operation",
@@ -7990,27 +7444,6 @@
     "searchBar": {
       "streamNotFound": "Stream not found"
     },
-    "serviceGraphEdgeSidePanel": {
-      "total": "Total",
-      "totalTooltip": "Total requests flowing through this connection",
-      "failed": "Failed",
-      "failedTooltip": "Number of failed requests on this connection",
-      "errorRate": "Error Rate",
-      "errorRateTooltip": "Percentage of requests that failed",
-      "current": "Current",
-      "baseline": "Baseline",
-      "vsBaseline": "vs Baseline",
-      "refresh": "Refresh",
-      "loadingData": "Loading data…",
-      "noDataAvailable": "No data available",
-      "rate": "Rate",
-      "errors": "Errors",
-      "duration": "Duration",
-      "critical": "Critical",
-      "degraded": "Degraded",
-      "healthy": "Healthy",
-      "failedToLoadTrend": "Failed to load trend data."
-    },
     "serviceGraphNodeSidePanel": {
       "viewRelated": "View Related",
       "logs": "Logs",
@@ -8021,7 +7454,6 @@
       "noOperationsFound": "No operations found",
       "viewInTraces": "View in Traces",
       "noResourceDataFound": "No {resource} data found",
-      "loadingMetrics": "Loading metrics...",
       "retry": "Retry",
       "noMetricsAvailable": "No metrics available for this service.",
       "unknown": "Unknown",
@@ -8037,19 +7469,13 @@
       "requests": "Requests",
       "errors": "Errors",
       "operation": "Operation",
-      "caller": "Caller"
-    },
-    "syntaxGuide": {
-      "fullTextSearch": "For full text search of value 'error' use",
-      "columnSearch": "For column search of value 'error' use",
-      "caseInsensitiveSearch": "For case-insensitive column search of value 'error' use",
-      "searchCode": "To search value 200 for code column use",
-      "searchStream": "To search value 'stderr' for stream column use",
-      "additionalExamples": "For additional examples,",
-      "clickHere": "click here",
-      "sqlModeTitle": "Syntax Guide: SQL Mode",
-      "queryFunctionPrefix": "To search and use query function",
-      "queryFunctionSuffix": "on column log use"
+      "caller": "Caller",
+      "tabHosts": "Hosts",
+      "tabDatabases": "Databases",
+      "tabQueries": "Queries",
+      "tabDestinations": "Destinations",
+      "tabRpcServices": "RPC Services",
+      "tabUrls": "URLs"
     },
     "traceErrorTab": {
       "httpStatusCode": "HTTP Status Code",
@@ -8096,7 +7522,6 @@
       "operationName": "Operation Name"
     },
     "traceDAG": {
-      "loading": "Loading trace DAG...",
       "failedToLoad": "Failed to load DAG: {error}",
       "noData": "No DAG data available",
       "unknownError": "Unknown error occurred",
@@ -8126,8 +7551,6 @@
       "noDataAvailable": "No data available",
       "modelParameters": "Model Parameters",
       "table": "Table",
-      "noEvents": "No events present for this span",
-      "noLinks": "No links present for this span",
       "field": "Field",
       "value": "Value",
       "timestamp": "Timestamp",
@@ -8153,12 +7576,6 @@
       "traceIdCopied": "Trace ID copied to clipboard",
       "sessionIdCopied": "Session ID copied to clipboard"
     },
-    "traceEvaluationsView": {
-      "focusOnImproving": "Focus on improving {dimension}: {reasoning}",
-      "ungroundedValueDetected": "Ungrounded value detected",
-      "originalInputFullJson": "Original Input Full JSON: ",
-      "unknown": "unknown"
-    },
     "traceTree": {
       "clickToExpand": "Click to expand",
       "clickToCollapse": "Click to collapse",
@@ -8213,6 +7630,8 @@
     }
   },
   "actions": {
+    "realTime": "Real Time",
+    "cronJob": "Cron Job",
     "zipFileHint": "Note: Only .zip files are accepted and it may contain various resources such as .py, .txt and main.py file etc.",
     "schedule": "Schedule",
     "immediateTriggerHint": "The script will be triggered immediately after it is saved",
@@ -8224,13 +7643,8 @@
     "serviceAccountPermissionsHint": "Make sure service account has permissions to access Actions.",
     "environmentalVariables": "Environmental Variables",
     "pageSubtitle": "Custom automation and scripting",
-    "testAction": "Test action",
-    "save": "Save",
-    "name": "Action Name",
     "header": "Actions",
     "add": "New action",
-    "deleteTitle": "Delete",
-    "deleteText": "Are you sure you want to delete file ?",
     "uploadCodeZip": "Upload Code ZIP File",
     "update": "Update action",
     "type": "Execution Type",
@@ -8241,8 +7655,7 @@
     "zipFile": "ZIP File",
     "frequency": "Frequency",
     "fieldRequired": "Field is required!",
-    "nameInvalidChars": "Characters like :, ?, /, #, and spaces are not allowed.",
-    "invalidMethodName": "Invalid method name. Must start with a letter or underscore. Use only letters, numbers, and underscores."
+    "nameInvalidChars": "Characters like :, ?, /, #, and spaces are not allowed."
   },
   "aiToolset": {
     "header": "AI Toolsets",
@@ -8255,6 +7668,9 @@
     "nameTooLong": "Name must not exceed 256 characters",
     "kind": "Type",
     "kindRequired": "Type is required",
+    "kindMcp": "MCP Server",
+    "kindCli": "CLI Tool",
+    "kindSkill": "Skill",
     "description": "Description",
     "actions": "Actions",
     "deleteTitle": "Delete AI Toolset",
@@ -8288,17 +7704,11 @@
     "addEnvVar": "Add variable",
     "credentialFiles": "Credential Files",
     "credEnvVar": "Env var name",
-    "credContent": "File content",
     "credContentHint": "Raw file content (e.g. kubeconfig YAML)",
     "addCredFile": "Add credential file",
     "skillConfig": "Skill Configuration",
     "skillContent": "Skill definition (Markdown)",
-    "skillContentPlaceholder": "# Skill Title\n\nDescribe what the skill does and provide examples...",
-    "skillContentRequired": "Skill content is required",
-    "genericConfig": "Configuration",
-    "genericData": "JSON config",
-    "genericDataPlaceholder": "{'{}'}",
-    "invalidJson": "Must be valid JSON"
+    "skillContentRequired": "Skill content is required"
   },
   "cipherKey": {
     "configuration": "Configuration",
@@ -8319,6 +7729,7 @@
     "ldapUsername": "LDAP Username",
     "ldapPassword": "LDAP Password",
     "secretType": "Secret Type",
+    "staticSecret": "Static Secret",
     "staticSecretName": "Name",
     "dfcName": "DFC Name",
     "dfcIV": "DFC IV",
@@ -8353,8 +7764,6 @@
   },
   "quota": {
     "header": "Quotas",
-    "api-limits": "API Limits",
-    "role-limits": "Role Limits",
     "api-search": "Search Module",
     "role-search": "Search Role",
     "moduleName": "Module Name",
@@ -8363,9 +7772,7 @@
     "getLimit": "Get (Req/s)",
     "createLimit": "Create (Req/s)",
     "updateLimit": "Update (Req/s)",
-    "deleteLimit": "Delete (Req/s)",
-    "table": "Table",
-    "json": "JSON"
+    "deleteLimit": "Delete (Req/s)"
   },
   "nodes": {
     "tcpEstablishedPrefix": " (E:",
@@ -8396,10 +7803,8 @@
   },
   "regex_patterns": {
     "title": "Sensitive Data Redaction",
-    "header": "Regex Patterns",
     "create_pattern": "New pattern",
     "search": "Search Pattern",
-    "no_data": "No Patterns in the Library",
     "name": "Name",
     "pattern": "Pattern",
     "created_at": "Created At",
@@ -8475,7 +7880,6 @@
     "executed_at": "Executed At",
     "sql_query": "SQL Query",
     "results": "Results",
-    "wrapText": "Wrap Text",
     "delayMessage": "Search History might be delayed by"
   },
   "correlation": {
@@ -8503,15 +7907,10 @@
     "viewBy": "View by:",
     "other": "Other",
     "unstableDimensionTooltip": "This dimension is unstable and may produce unreliable correlations.",
-    "title": "Correlated Metrics - {service}",
-    "loading": "Loading correlation data...",
     "loadingMetrics": "Loading {count} metric stream... | Loading {count} metric streams...",
     "failedToLoad": "Unable to Load Correlation Data",
     "retryButton": "Retry",
     "noMetrics": "No Metrics Selected",
-    "matchedDimensions": "Matched Dimensions",
-    "metricsButton": "{count} Metric | {count} Metrics",
-    "metricsTooltip": "Select metric streams to display",
     "selectMetrics": "Select Metric Streams",
     "correlatedLogs": "Logs",
     "correlatedMetrics": "Metrics",
@@ -8521,52 +7920,15 @@
     "clickToLoadMetrics": "Click to load correlated metrics",
     "clickToLoadTraces": "Click to load correlated traces",
     "logs": {
-      "title": "Correlated Logs",
       "filtersLabel": "Filters",
+      "allValues": "All Values",
       "loading": "Loading logs...",
-      "loadingDetails": "Fetching logs from correlated streams...",
-      "error": "Unable to Load Logs",
       "errorDetails": "An error occurred while fetching log data. Please try again.",
       "noData": "No Logs Found",
       "noDataDetails": "No logs found matching the correlation filters. Try adjusting the filters or time range.",
-      "viewLogs": "View Logs",
-      "resetFilters": "Reset Filters",
-      "editFilters": "Edit Filters",
-      "editTimeRange": "Edit Time Range",
-      "selectValue": "Select value",
-      "stableDimension": "Stable dimension - consistent across pod restarts",
       "unstableDimension": "Unstable dimension - may change on pod restart",
       "resultsCount": "{count} logs found in {stream} ({time}ms)",
-      "filters": {
-        "title": "Edit Correlation Filters",
-        "description": "Adjust dimension filters to refine your correlation query. Matched dimensions are stable identifiers, while additional dimensions may change on pod restarts.",
-        "matchedDimensions": "Matched Dimensions (Stable)",
-        "matchedDimensionsTooltip": "These dimensions are stable identifiers that remain consistent across pod restarts and are used to match related telemetry.",
-        "additionalDimensions": "Additional Dimensions (Unstable)",
-        "additionalDimensionsTooltip": "These dimensions may change on pod restarts (e.g., pod_name, container_id). You can set them to 'All Values' to broaden the search.",
-        "stableDimension": "Stable dimension",
-        "unstableDimension": "Unstable - changes on restart",
-        "setToAll": "Set to All Values",
-        "showingAll": "Showing All Values",
-        "wildcardHelp": "Use 'All Values' to ignore this dimension in filtering",
-        "noAdditionalDimensions": "No additional dimensions available"
-      },
       "timeRange": {
-        "title": "Adjust Time Range",
-        "sourceTime": "Source Log Time",
-        "window": "Time Window",
-        "minute1": "±1 minute",
-        "minute5": "±5 minutes (default)",
-        "minute15": "±15 minutes",
-        "minute30": "±30 minutes",
-        "hour1": "±1 hour",
-        "custom": "Custom",
-        "customStart": "Custom Start Time",
-        "customEnd": "Custom End Time",
-        "currentRange": "Current Time Range",
-        "start": "Start",
-        "end": "End",
-        "duration": "Duration",
         "startBeforeEnd": "Start time must be before end time",
         "endAfterStart": "End time must be after start time"
       }
@@ -8575,11 +7937,7 @@
     "noLogsFound": "No Logs Found",
     "noDataFound": "No Data Found",
     "noLogsDescription": "No logs found for this correlation in the selected time range.",
-    "service": "Service: {service}",
-    "tracesPlaceholder": "Traces will be implemented here",
     "correlatedTracesFor": "Correlated traces for service: {service}",
-    "metricsSelector": "{selected} of {count} Metric | {selected} of {count} Metrics",
-    "dimensions": "Filters",
     "all": "All",
     "loadingTraces": "Loading traces...",
     "tracesError": "Unable to Load Traces",
@@ -8587,23 +7945,16 @@
     "metricsError": "Unable to Load Metrics",
     "metricsErrorDetails": "An error occurred while fetching metrics data. Please try again.",
     "noMetricsDescription": "Select metrics from the sidebar to view charts.",
-    "directTraceMatch": "Direct Trace Match",
-    "openTraceInNewWindow": "Open trace in new window",
-    "spans": "spans",
     "dimensionBasedCorrelation": "Dimension-based Correlation",
     "tracesFromService": "Traces from service: {service}",
     "noTracesFound": "No Traces Found",
-    "errorRetrievingTraces": "Error occurred while retrieving traces.",
     "noTracesDescription": "No traces found for this correlation in the selected time range.",
     "viewInTraces": "View in Traces",
     "filters": "Filters",
-    "semanticFieldGroupsTitle": "Field Mappings",
     "semanticFieldGroupsCaption": "Map your telemetry field names to common groups so OpenObserve can correlate them across streams.",
-    "groupsLabel": "groups",
     "exportToJson": "Export to JSON",
     "importFromJson": "Import from JSON",
     "addCustomGroup": "Add Custom Group",
-    "actionNormalize": "Lowercase and trim values for matching",
     "removeSemanticGroup": "Remove Semantic Group",
     "serviceGroupProtected": "Service group cannot be removed. You can only modify the mapped fields.",
     "isWorkloadType": "Service identifier",
@@ -8611,7 +7962,6 @@
     "fieldNamePlaceholder": "Field names (comma-separated)",
     "category": "Category",
     "categoryHint": "Filter groups by category",
-    "noSemanticGroupMessage": "No semantic groups in this category. Select a different category or add a custom group.",
     "showingGroups": "Showing {filterGroupLength} of {localGroupLength} total groups",
     "deduplicateFields": "Deduplication Fields",
     "deduplicateFieldTooltip": "Select which field mappings to use for deduplication fingerprinting",
@@ -8663,7 +8013,6 @@
     "more_details": "More Details",
     "query_function": "Query / Function",
     "copy_success": "Copied Successfully!",
-    "copy_error": "Error while copy content.",
     "results": "Results",
     "max_limit": "Max Limit",
     "cancel_job_title": "Cancel Scheduled Search",
@@ -8700,24 +8049,14 @@
     "period": "Period",
     "cron": "Cron",
     "type": "Type",
-    "run_pipeline": "Run Pipeline",
-    "showLegends": "Show Legends"
+    "run_pipeline": "Run Pipeline"
   },
   "alert_list": {
-    "alert_details": "Alert Details",
     "alert_history": "History"
   },
-  "sreChat": {
-    "emptyMessage": "Ask me anything about your alerts and incidents",
-    "inputPlaceholder": "Ask SRE Assistant...",
-    "clearChatTitle": "Clear Chat",
-    "clearChatMessage": "Are you sure you want to clear this conversation?",
-    "copiedToClipboard": "Copied to clipboard"
-  },
   "nlMode": {
     "toggle": "Natural Language Mode",
-    "noAdditionalOptions": "No additional options",
-    "generateVRL": "Generate VRL"
+    "noAdditionalOptions": "No additional options"
   },
   "crossLinks": {
     "header": "Cross-Linking",
@@ -8732,9 +8071,7 @@
     "urlHint": "Use {'${field.__name}'}, {'${field.__value}'}, {'${start_time}'}, {'${end_time}'}, {'${query}'}, {'${query_encoded}'}",
     "fields": "Fields",
     "fieldsHint": "Show link only when at least one field is present in the record",
-    "fieldSearchPlaceholder": "Type to search or enter custom field",
     "fieldInputPlaceholder": "Enter field name and press Enter or click +",
-    "noMatchingFields": "No matching fields. Press Enter or + to add custom field.",
     "emptyState": "No cross-links configured. Click \"{addLabel}\" to create one.",
     "update": "Update",
     "add": "Add",
@@ -8767,19 +8104,13 @@
     "header": "LLM Model Pricing",
     "matchingPriorityTooltip": "Model Matching Priority: Your Org > Global > Built-in",
     "searchPlaceholder": "Search models...",
-    "searchByModelName": "Search by model name...",
     "refresh": "Refresh",
     "testBtn": "Test",
     "importBtn": "Import",
     "newModel": "New Model",
-    "noModels": "No model pricing definitions",
-    "noModelsDesc": "Add a custom pricing definition to track LLM token costs.",
     "modelsCount": "{count} Models",
     "exportSelected": "Export ({count})",
     "deleteSelected": "Delete ({count})",
-    "loadingModels": "Loading models...",
-    "tryAgain": "Try Again",
-    "noModelsFound": "No models found",
     "importTitle": "Import Model Pricing",
     "errorValidations": "Error Validations",
     "outputMessages": "Output Messages",
@@ -8827,9 +8158,6 @@
     "colActions": "Actions",
     "colPattern": "Pattern",
     "colPricingSimple": "Pricing",
-    "colModelTooltip": "The display name of the pricing rule.",
-    "colMatchPatternTooltip": "A regex pattern matched against the model name on incoming spans. Rules are evaluated by priority (Your Org → Global → Built-in) — the first match wins. A strikethrough pattern means it is shadowed by a higher-priority rule and will never be used.",
-    "colPricingTooltip": "Per-token prices for the default tier, displayed as cost per 1 million tokens.",
     "testMatchTitle": "Test Model Match",
     "testMatchSubtitle": "Simulate how a model name from your spans would match against pricing rules.",
     "modelNameInput": "Model Name",
@@ -8862,8 +8190,6 @@
     "tabAll": "All",
     "tabCustom": "Custom",
     "tabSystem": "System",
-    "shadowBannerPrefix": "The rules below are shadowed by",
-    "shadowBannerSuffix": "— overridden by a higher-priority rule and won't be used for cost calculations.",
     "shadowedTooltip": "Shadowed by \"{name}\" — overridden by a higher-priority rule and won't be used for cost calculations",
     "shadowedWarningBanner": "The rules below are shadowed by \"{name}\" — overridden by a higher-priority rule and won't be used for cost calculations.",
     "overflowMore": "more",
@@ -8883,7 +8209,6 @@
     "confirmDeleteSelectedTitle": "Delete Selected Models",
     "confirmDeleteSelectedMessage": "Are you sure you want to delete {count} selected model? | Are you sure you want to delete {count} selected models?",
     "deletedModelsNotif": "Deleted {count} model | Deleted {count} models",
-    "goBack": "Go Back",
     "modelNamePlaceholder": "e.g. GPT-4o",
     "matchPatternPlaceholder": "e.g. gpt-4.*",
     "tierNamePlaceholder": "e.g. Default",
@@ -8953,12 +8278,8 @@
       "subtitle": "How each failure class changed from {a} to {b}.",
       "introducedHint": "new in {b}",
       "fixedHint": "gone in {b}",
-      "sharedHint": "in both versions",
       "legendA": "A",
-      "legendB": "B",
-      "legendDelta": "Δ",
-      "sharedColHeader": "{a} → {b}",
-      "countIn": "{count} in {version}"
+      "legendB": "B"
     },
     "sections": {
       "monitor": "Monitor",
@@ -8996,13 +8317,6 @@
       "noAgentsDescription": "No agents were discovered in this time range. Try widening the time range, or check that your traces include gen_ai agent attributes.",
       "versionAgnosticHint": "Topology is the same across versions — the graph scopes by environment, not version. Use version comparison to compare versions."
     },
-    "kpi": {
-      "totalCost": "Total Cost",
-      "totalTokens": "Total Tokens",
-      "totalTraces": "Total Traces",
-      "p95Latency": "P95 Latency",
-      "errorRate": "Error Rate"
-    },
     "panels": {
       "costTrend": {
         "title": "Cost trend",
@@ -9056,14 +8370,10 @@
       "failuresHint": "Errors grouped by kind, per agent",
       "footerLoops": "Loops",
       "footerFailures": "Failure classes",
-      "costTitle": "Cost & failures by agent",
-      "costHint": "Which agents drive spend and errors",
       "noLoops": "No looping behavior detected in this range",
       "noFailures": "No agent failures in this range",
       "noLoopsForAgent": "No looping behavior for {agent} in this range — switch agent or widen the time range",
       "noFailuresForAgent": "No failures for {agent} in this range — switch agent or widen the time range",
-      "scopeLabel": "Scope",
-      "noCost": "No agent cost recorded in this range",
       "unknownAgent": "(unknown agent)",
       "colAgent": "Agent",
       "colTool": "Tool",
@@ -9075,7 +8385,6 @@
       "colCost": "Cost ($)",
       "colTokens": "Tokens",
       "colErrors": "Errors",
-      "sectionTitle": "Agent behavior",
       "detail": {
         "title": "Signal details",
         "tracesTitle": "Traces",
@@ -9083,8 +8392,6 @@
         "worstLoopTraces": "Worst traces (most repeats first)",
         "topCostTraces": "Most expensive traces",
         "noTraces": "No traces found for this signal",
-        "footerTraces": "Traces",
-        "footerErrors": "Errors",
         "errorsTitle": "What the errors say",
         "noErrors": "No error messages captured — open a trace to inspect",
         "colTraceId": "Trace",
@@ -9104,14 +8411,8 @@
       }
     },
     "versionCompare": {
-      "entry": "Compare versions…",
-      "entryDisabledHint": "Needs at least 2 versions of this agent to compare",
       "datePickerDisabled": "Windows are per-version in this mode",
       "sampledNote": "Latency & cost intervals are computed from up to {cap} randomly-sampled traces per version.",
-      "manual": {
-        "windowA": "Version A window",
-        "windowB": "Version B window"
-      },
       "bar": {
         "versionA": "Version A",
         "versionB": "Version B",
@@ -9121,9 +8422,7 @@
         "alignManual": "Manual",
         "exit": "Exit compare",
         "samePickHint": "Pick two different versions to compare",
-        "autoWindow": "auto: {duration}",
-        "windowLabelA": "Version A window",
-        "windowLabelB": "Version B window"
+        "autoWindow": "auto: {duration}"
       },
       "banner": {
         "smallSample": "Too little data to compare — A has {nA}, B has {nB}. Widen the window or wait for more traffic.",
@@ -9149,6 +8448,22 @@
     "importTypeRequired": "Type *",
     "importScoreConfigRequired": "Score Config *",
     "importProviderRequired": "Provider *",
+    "scoreConfigImport": {
+      "mustBeJsonObject": "Score config {index}: must be a JSON object",
+      "nameRequired": "Score config {index}: name is required and must be a non-empty string",
+      "dataTypeInvalid": "Score config {index}: dataType must be one of {types}",
+      "numericRangeRequired": "Score config {index}: numeric configs require numericRange.{'{'}min, max{'}'} as numbers",
+      "numericRangeOrder": "Score config {index}: numericRange.min must be less than numericRange.max",
+      "categoriesRequired": "Score config {index}: categorical configs require a non-empty categories array of strings",
+      "categoryMustBeString": "Score config {index}: every category must be a non-empty string",
+      "categoriesUnique": "Score config {index}: categories must be unique",
+      "numericDirectionInvalid": "Score config {index}: numeric healthyThreshold.direction must be 'gte' or 'lte'",
+      "numericValueInvalid": "Score config {index}: numeric healthyThreshold.value must be a number",
+      "categoricalHealthyCategoriesRequired": "Score config {index}: categorical healthyThreshold.healthy_categories must be a non-empty array",
+      "booleanHealthyValueInvalid": "Score config {index}: boolean healthyThreshold.healthy_value must be true or false",
+      "nameExists": "Score config {index}: name \"{name}\" already exists in this org",
+      "nameDuplicate": "Score config {index}: name \"{name}\" is used more than once in this import"
+    },
     "scoreConfigLibrary": {
       "searchPlaceholder": "Search Score Configs...",
       "scoreConfigsLabel": "{count} score config | {count} score configs"
@@ -9224,6 +8539,7 @@
       "providers": "Providers"
     },
     "quality": {
+      "allAgents": "All Agents",
       "scopeLabel": "All quality dimensions in this workspace",
       "agentLabel": "Agent",
       "agentPlaceholder": "All agents",
@@ -9723,6 +9039,18 @@
         "creation": "Scorer Creation",
         "errors": {
           "title": "Validation Errors"
+        },
+        "validation": {
+          "shape": "Scorer {index}: must be a JSON object",
+          "nameRequired": "Scorer {index}: name is required and must be a non-empty string",
+          "typeInvalid": "Scorer {index}: scorer.type must be one of {types}",
+          "scoreConfigRefMissing": "Scorer {index}: producesScoreConfigId or producesScoreConfigName is required",
+          "scoreConfigRefUnresolved": "Scorer {index}: referenced score config not found in this org",
+          "providerRefMissing": "Scorer {index}: provider_id or providerName is required for llm_judge scorers",
+          "providerRefUnresolved": "Scorer {index}: referenced provider not found in this org",
+          "templateRequired": "Scorer {index}: scorer.template is required for llm_judge scorers",
+          "nameConflict": "Scorer {index}: name \"{name}\" already exists in this org",
+          "duplicateName": "Scorer {index}: name \"{name}\" is used more than once in this import"
         }
       },
       "export": {
@@ -10176,7 +9504,6 @@
   "llmProviders": {
     "tabLabel": "LLM Providers",
     "title": "LLM Providers",
-    "subtitle": "Manage the LLM provider connections used by LLM Judge scorers.",
     "newButton": "New Provider",
     "searchPlaceholder": "Search providers",
     "defaultBadge": "Default",
@@ -10185,8 +9512,7 @@
       "name": "Name",
       "type": "Type",
       "endpoint": "Endpoint",
-      "defaultModel": "Default Model",
-      "default": "Default"
+      "defaultModel": "Default Model"
     },
     "empty": {
       "title": "No LLM Providers Yet",
@@ -10224,47 +9550,11 @@
       "descNoFilters": "No events were found in {range}.",
       "descWithFilters": "Nothing matched <strong>this query</strong> in the selected window. The stream has data here — try relaxing a filter in the query bar.",
       "descOutOfRange": "Your time window doesn't contain any data from this stream. Jump to when data was last seen.",
-      "descDataAtBoundary": "The stream has data in this window but no events matched. Try checking your search history or asking AI for help.",
       "jumpToData": "Jump to latest data",
-      "expandRange": "Expand the time range",
-      "expandRangeDescAbsolute": "Switch to a wider relative time range",
       "openHistory": "Open search history",
       "askAi": "Ask AI to fix my query",
       "selectedRange": "the selected range"
     },
-    "error": {
-      "sqlError": "SQL syntax error",
-      "sqlErrorDesc": "Your query has a syntax error. Review the query editor for highlighted errors.",
-      "streamNotFound": "Stream not found",
-      "streamNotFoundDesc": "The selected stream does not exist or was removed.",
-      "ftsNotConfigured": "Full-text search not configured",
-      "ftsNotConfiguredDesc": "This stream does not have a full-text search field. Configure one to enable keyword search.",
-      "fieldNotFound": "Field not found",
-      "fieldNotFoundDesc": "Your query references one or more fields that do not exist in this stream.",
-      "functionNotDefined": "Function not defined",
-      "functionNotDefinedDesc": "Your query calls a VRL function that is not defined.",
-      "dataUnavailable": "Data files unavailable",
-      "dataUnavailableDesc": "Some data files for this time range are inaccessible. Try a different time window.",
-      "dataTypeMismatch": "Data type mismatch",
-      "dataTypeMismatchDesc": "A field in your query is used with an incompatible data type.",
-      "executionError": "Query execution failed",
-      "executionErrorDesc": "An error occurred while executing your query.",
-      "serverError": "Server error",
-      "serverErrorDesc": "An internal error occurred on the server.",
-      "generic": "Search error",
-      "genericDesc": "An error occurred while retrieving search events.",
-      "configureStream": "Configure stream",
-      "configureStreamDesc": "Add a full-text search field in stream settings",
-      "fixQuery": "Fix the query",
-      "fixQueryDesc": "Review and correct the query in the editor",
-      "expandRange": "Try a different time range",
-      "expandRangeDesc": "Accessible data may be in a different time window",
-      "copyError": "Copy error details",
-      "traceId": "Trace ID:",
-      "askAi": "Ask AI to fix my query",
-      "showDetail": "Show details",
-      "hideDetail": "Hide details"
-    },
     "chunkedContent": {
       "loadMore": "Load more ({loaded}KB / {total}KB)",
       "showingChunk": "Showing chunk {current} of {total}"
@@ -10280,14 +9570,6 @@
       "textCopiedToClipboard": "Text copied to clipboard",
       "failedToCopyText": "Failed to copy text"
     },
-    "fieldListPagination": {
-      "totalFields": "Total Fields: {count}",
-      "firstPage": "First page",
-      "lastPage": "Last page"
-    },
-    "logsPluginFieldList": {
-      "noMatchingFields": "No matching fields found."
-    },
     "cellActions": {
       "copy": "Copy",
       "includeTerm": "Include Term",
@@ -10367,7 +9649,6 @@
     },
     "searchResult": {
       "msUnit": "ms",
-      "notEqualSymbol": "≠",
       "collapseFields": "Collapse Fields",
       "openFields": "Open Fields",
       "events": "events",
@@ -10384,27 +9665,6 @@
       "contentCopied": "Content Copied Successfully!",
       "noTraceIdForInspection": "No trace ID available for inspection"
     },
-    "syntaxGuide": {
-      "sqlModeTitle": "Syntax Guide: SQL Mode",
-      "invertedIndexPre": "For inverted index search of value 'error' use",
-      "invertedIndexPost": "in query editor. Search terms are case-insensitive.",
-      "prefixPre": "For prefix search use",
-      "prefixPost": "to find all terms starting with 'error'.",
-      "phrasePrefixPre": "For phrase prefix search use",
-      "phrasePrefixPost": "to find phrases starting with 'error code'.",
-      "caseSensitivePre": "For case sensitive search use",
-      "caseSensitivePost": "with exact case matching.",
-      "postfixPre": "For postfix search use",
-      "postfixPost": "to find all terms ending with 'failed'.",
-      "columnSearchPre": "For column search of value 'error' use",
-      "columnSearchCaseInsensitivePre": "For case-insensitive column search of value 'error' use",
-      "codeColumnPre": "To search value 200 for code column use",
-      "streamColumnPre": "To search value 'stderr' for stream column use",
-      "queryFunctionPre": "To search and use query function",
-      "queryFunctionPost": "on column log use",
-      "additionalExamples": "For additional examples,",
-      "clickHere": "click here"
-    },
     "searchBar": {
       "customRangeAlt": "Custom Range",
       "createScheduledSearchAlt": "Create Scheduled Search",
@@ -10488,9 +9748,6 @@
       "empty": "(empty)",
       "occurrences": "{count} occurrences"
     },
-    "patternStatistics": {
-      "summary": "Showing 1 to 50 out of {totalEvents} events & {patternsFound} patterns found in {logsAnalyzed} events in {totalTimeMs} ms."
-    },
     "patternList": {
       "extractingPatterns": "Extracting patterns from logs",
       "lastData": "Last data: {formatted} ({zone})",
@@ -10589,8 +9846,6 @@
     "lastRefreshed": "Last refreshed: {time}"
   },
   "synthetics": {
-    "zeroPlaceholder": "0",
-    "onePlaceholder": "1",
     "versionPrefix": "v",
     "tokens": {
       "title": "Synthetics Tokens",
@@ -10659,7 +9914,6 @@
       "variables": "Variables"
     },
     "browserDevices": {
-      "description": "Each selected combination runs as a separate execution per check. At least one must be selected.",
       "desktop": "Desktop",
       "mobile": "Mobile",
       "tablet": "Tablet",
@@ -10672,7 +9926,6 @@
         "onFail": "On fail"
       },
       "screenshot": "Screenshot",
-      "screenshotDescription": "Capture a full-page screenshot at each step.",
       "screenshotDescriptionAlways": "On every step.",
       "screenshotDescriptionOff": "",
       "screenshotDescriptionOnFail": "Only of failed step.",
@@ -10700,8 +9953,6 @@
       "urlTargetPlaceholder": "https://api.example.com/health"
     },
     "createBrowserTest": {
-      "setupStepNumber1": "1",
-      "setupStepNumber2": "2",
       "buildManually": "Build manually",
       "continue": "Continue",
       "gateDescription": "Tell us where to start -- you'll record the journey next. Everything else (schedule, alerts, RUM) gets set up after.",
@@ -10711,10 +9962,8 @@
       "loading": "Loading check…",
       "nameHint": "Auto-filled from the page -- edit if you like.",
       "newBrowserCheck": "New browser check",
-      "setupCheckAgain": "Check again",
       "setupDescription": "We'll open {url} in a fresh incognito tab and capture your clicks and inputs -- no code.",
       "setupIncognitoDone": "Done",
-      "setupInstalled": "Installed ✓",
       "setupOpenRecord": "Open & Record",
       "setupRecorder": "Set up the recorder",
       "setupSkip": "Skip -- I'll build the steps manually",
@@ -10726,12 +9975,9 @@
       "untitledCheck": "Untitled check",
       "variablesHint": "Supports {variables} like {baseUrl}.",
       "setupStep2Title": "Click the OpenObserve Recorder icon in your toolbar",
-      "setupIncognitoHint": "Open chrome://extensions, click {details}, then enable {setting}.",
       "setupStep2Description": "Chrome can't automatically connect to pages that were open before you installed the extension. Clicking the extension icon injects the recorder into this tab — a one-time step.",
-      "setupIconActivateHint": "Click {icon} in your toolbar to activate the recorder for this page.",
       "setupStep3Title": "Enable incognito mode",
       "setupStep3IncognitoHint": "Open chrome://extensions, click {details}, then enable {setting}.",
-      "setupReady": "Connected ✓",
       "setupConnected": "Connected ✓"
     },
     "dialog": {
@@ -10765,7 +10011,6 @@
       "durationSlow": "> 15s",
       "failed": "Failed",
       "passed": "Passed",
-      "unknown": "Unknown",
       "warning": "Warning"
     },
     "footer": {
@@ -10773,6 +10018,27 @@
       "checks": "Checks"
     },
     "journey": {
+      "actionLabels": {
+        "navigate": "Navigate",
+        "click": "Click",
+        "type": "Type",
+        "select": "Select",
+        "press": "Press",
+        "hover": "Hover",
+        "scroll": "Scroll",
+        "wait": "Wait",
+        "assert": "Assert",
+        "screenshot": "Screenshot"
+      },
+      "valueLabels": {
+        "navigate": "URL",
+        "type": "Text to type",
+        "select": "Option",
+        "press": "Key",
+        "scroll": "To (px or selector)",
+        "wait": "Duration (ms)",
+        "assert": "Expected"
+      },
       "stackTraceLabel": "stack trace",
       "selectorPlaceholder": "#my-button or .class-name",
       "actionLabel": "Action",
@@ -10791,7 +10057,6 @@
       "duplicateStep": "Duplicate step",
       "durationHeader": "Duration",
       "expandStep": "Expand step",
-      "extensionsRetry": "Retry",
       "filterSteps": "Filter steps...",
       "hideStackTrace": "Hide",
       "incognitoDescription": "Replays run in a clean Incognito session. The OpenObserve Recorder extension needs permission to run in Incognito mode.",
@@ -10848,7 +10113,6 @@
       "bulkDeletePartial": "{success} of {total} locations deleted",
       "bulkDeleteSuccess": "{count} locations deleted",
       "cancel": "Cancel",
-      "comingSoon": "More regions & private locations — Coming soon",
       "createClose": "Create & Close",
       "createFailed": "Failed to create location",
       "createSuccess": "Location created successfully",
@@ -10892,7 +10156,6 @@
       "label": "Label",
       "labelPlaceholder": "e.g. AWS US East (N. Virginia)",
       "labelRequired": "Label is required",
-      "locationAwsEast": "AWS · us-east-1",
       "locationId": "Location ID",
       "noPreview": "Enter valid JSON to preview locations",
       "preview": "Preview",
@@ -10905,7 +10168,6 @@
       "regionRequired": "Region is required",
       "searchPlaceholder": "Search locations…",
       "selectedCount": "{selected} of {total} locations selected",
-      "subtitle": "Select the locations the journey runs from",
       "title": "Locations",
       "privateBadge": "Private",
       "publicTitle": "Public",
@@ -11066,59 +10328,28 @@
       "lastRun": "Last Run",
       "location": "Location",
       "monitors": "Monitors",
-      "noRuns": "No runs found for the selected time range.",
       "noRunsInWindow": "No runs in this time range",
       "noRunsInWindowDesc": "No runs were recorded in the selected time range. The check has run before — jump to the last run.",
       "noRunsYet": "No runs yet",
       "noRunsYetDesc": "This check hasn't been run yet. Start a manual execution to see results here.",
       "p95Duration": "P95 Duration",
       "passed": "Passed",
-      "recentRuns": "Recent Runs",
       "responseTime": "Response Time",
-      "responseTimeSubtitle": "Total journey duration",
-      "runs": "Runs",
-      "started": "Started",
       "status": "Status",
       "steps": {
         "avgDuration": "Avg Duration",
         "browser": "Browser",
-        "byBrowser": "Fail rate by browser",
-        "byLocation": "Fail rate by location",
-        "expand": "Expand",
         "failRate": "Fail Rate",
-        "failedSteps": "Failed Steps",
-        "failedStepsDescription": "Which step fails most often",
-        "flakiestSteps": "Flakiest Steps",
-        "flakiestStepsDescription": "Steps ranked by flaky occurrences",
-        "flaky": "Flaky",
-        "flakyCount": "Flaky Count",
         "flakyRate": "Flaky Rate",
-        "location": "Location",
         "maxDuration": "Max Duration",
-        "noFailures": "All steps passing",
-        "noFlakySteps": "No flaky steps detected",
-        "noRecentFailures": "No recent step failures",
-        "others": "Others",
         "p95Duration": "p95 Duration",
-        "recentFailures": "Recent Step Failures",
-        "recentFailuresDescription": "Latest step failure instances",
-        "run": "Run",
-        "slowestSteps": "Slowest Steps",
-        "slowestStepsDescription": "Which step is the bottleneck",
-        "status": "Status",
         "step": "Step",
-        "stepDurationTrend": "Step Duration Trend",
-        "stepDurationTrendDescription": "Average step duration over time",
-        "stepName": "Step Name",
-        "title": "Cross-run step analysis",
-        "trend": "Trend"
+        "stepName": "Step Name"
       },
       "title": "Monitor Results",
       "triggerRunNow": "Trigger a run now",
       "triggerRunNowDesc": "Start a manual execution immediately",
-      "uptime": "Uptime",
-      "warning": "Warning",
-      "browser": "Browser"
+      "warning": "Warning"
     },
     "rum": {
       "collectRUM": "Collect RUM data",
@@ -11138,12 +10369,6 @@
       "loadFailed": "Failed to load run data",
       "locations": "Locations",
       "maxDuration": "Max Duration",
-      "noCorrelatedLogs": "No correlated logs",
-      "noCorrelatedLogsDesc": "Correlated observability data will appear here when your application is sending logs to OpenObserve.",
-      "noCorrelatedRum": "No correlated RUM data",
-      "noCorrelatedRumDesc": "Correlated observability data will appear here when your application is sending RUM data to OpenObserve.",
-      "noCorrelatedTraces": "No correlated traces",
-      "noCorrelatedTracesDesc": "Correlated observability data will appear here when your application is sending traces to OpenObserve.",
       "noExecutionData": "No execution data found",
       "noExecutionDataDesc": "Stream data for run {runId} was not found in the +/-5 min window around the scheduled time.",
       "openTrace": "Open Playwright Trace",
@@ -11156,10 +10381,6 @@
       "showLess": "Show less",
       "stepOf": "Step {selected} of {total}",
       "stepsCount": "Steps ({count})",
-      "tabLogs": "Logs",
-      "tabRum": "RUM",
-      "tabSummary": "Summary",
-      "tabTraces": "Traces",
       "title": "Run Detail",
       "viewFullError": "View full error & stack trace",
       "viewFullErrorBtn": "View full error",
@@ -11182,16 +10403,13 @@
       "count": "Count",
       "errorPattern": "Error Pattern",
       "errorPatterns": "Error patterns",
-      "errorPatternsDesc": "Normalized across {count} locations -- click a row to filter runs",
       "errorsOverTime": "Errors Over Time",
       "failedCount": "{count} failed",
       "filterCount": "{current} of {total} runs",
-      "filteringByError": "Filtering by error: {error}",
       "lastSeen": "Last Seen",
       "locatorPlaceholder": "Locator contains...",
       "noStepData": "No step data for the selected time range",
       "passRate": "Pass Rate",
-      "passRateBy": "Pass Rate by {dimension}",
       "passRateByBrowser": "Pass Rate by Browser",
       "passRateByDevice": "Pass Rate by Device",
       "passRateByLocation": "Pass Rate by Location",
@@ -11218,9 +10436,7 @@
       "errorPatternsWindowDesc": "Normalized across {window} · click a row to filter runs"
     },
     "scheduleAlert": {
-      "cronPlaceholder": "*/5 * * * *",
       "addNewDestination": "Add New Destination",
-      "alert": "Alert",
       "alertedIfFails": "Alerted if test fails",
       "alertedIfFailsSuffix": "times.",
       "alerts": "Alerts",
@@ -11261,11 +10477,9 @@
       "scheduleLaterTooltip": "Choose a future date and time to activate the check.",
       "scheduleNow": "Schedule now",
       "scheduleNowTooltip": "Check becomes active immediately using the current date and timezone.",
-      "seconds": "Seconds",
       "startDate": "Start date",
       "startTime": "Start time",
-      "timezone": "Timezone",
-      "title": "Schedule & Alerting"
+      "timezone": "Timezone"
     },
     "search": {
       "allFolders": "All folders",
@@ -11306,7 +10520,6 @@
       "duplicate": "Duplicate",
       "edit": "Edit",
       "enable": "Enable",
-      "enableAll": "Enable All",
       "enabling": "Enabling…",
       "endpoint": "Endpoint",
       "folder": "Folder",
@@ -11326,7 +10539,6 @@
       "p50": "P50",
       "pageLoad": "Page load",
       "pause": "Pause",
-      "pauseAll": "Pause All",
       "pausing": "Pausing…",
       "response": "Response",
       "scheduledAt": "Scheduled At",
@@ -11340,7 +10552,6 @@
       "testName": "Test name",
       "timeout": "Timeout",
       "trigger": "Trigger",
-      "triggerAll": "Trigger All",
       "triggering": "Triggering…",
       "type": "Type",
       "uptime": "Uptime 7d",
@@ -11419,8 +10630,7 @@
       },
       "empty": {
         "title": "No private locations yet",
-        "description": "Deploy the agent in your network with AGENT_LOCATION set — the location registers itself and appears here automatically. No manual setup in the UI.",
-        "action": "Set up an agent"
+        "description": "Deploy the agent in your network with AGENT_LOCATION set — the location registers itself and appears here automatically. No manual setup in the UI."
       },
       "toast": {
         "deleted": "Location deleted",
@@ -11438,7 +10648,6 @@
         "step3Title": "Assign to checks",
         "step3Body": "Select this location when creating or editing any check. Checks will run from your own infrastructure.",
         "noToken": "Could not load the setup command — check your permissions and retry.",
-        "browserNote": "Browser tests cannot run from private locations yet — protocol checks only (HTTP, TCP, TLS, SSH).",
         "locationNameLabel": "Location name",
         "locationNamePlaceholder": "Corp HQ",
         "typeTitle": "What this agent runs",
@@ -11462,31 +10671,24 @@
         "agentsTitle": "Agents",
         "agentsSubtitle": "Agents self-register from your infrastructure and are read-only here.",
         "agentName": "Agent",
-        "recoverAgent": "Recover this agent — copy a setup command pre-filled with its name",
         "restartConfig": "Restart config — copy this agent's setup command to re-run install / docker restart (e.g. after a token rotation)",
         "noAgents": "No agents have registered for this location yet.",
         "checksTitle": "Checks running from this location",
         "checkName": "Name",
         "noChecks": "No checks are assigned to this location yet.",
         "notFound": "Location not found"
-      },
-      "urlRequired": "Starting URL is required",
-      "fixHighlightedFields": "Fix the highlighted fields before saving"
+      }
     }
   },
   "shortcuts": {
     "then": "then",
     "escKey": "Esc",
     "title": "Keyboard Shortcuts",
-    "mac": "Mac",
-    "windowsLinux": "Windows / Linux",
-    "toggleHint": "to toggle this panel",
     "subtitle": "Press ? anywhere · click any row to trigger",
     "search": "Search shortcuts...",
     "noResults": "No shortcuts match your search.",
     "footerClose": "close",
     "footerReopen": "reopen",
-    "footerRun": "click row to run",
     "footerMacHint": "⌘ = Cmd on Mac · Ctrl on Windows",
     "modules": {
       "global": "Global",
@@ -11508,7 +10710,6 @@
     },
     "pages": {
       "global": "Global",
-      "tableRow": "Table Row (hover a row)",
       "logs": "Logs",
       "dashboardsList": "Dashboards",
       "dashboards": "Dashboard View",
@@ -11571,16 +10772,11 @@
       "dashboardSave": "Save dashboard",
       "dashboardFullscreen": "Toggle fullscreen",
       "dashboardExport": "Export dashboard",
-      "tableRowNavigate": "Move to next / previous row",
       "tableRowEdit": "Edit hovered row",
       "tableRowDuplicate": "Duplicate hovered row",
       "tableRowPause": "Pause hovered row",
-      "tableRowResume": "Resume hovered row",
-      "tableRowView": "View hovered row",
       "tableRowExport": "Export hovered row",
       "tableRowDelete": "Delete hovered row (opens confirm dialog)",
-      "dashboardRowEdit": "Edit hovered panel",
-      "dashboardRowExport": "Export Dashboard",
       "panelView": "View panel fullscreen",
       "panelQueryInspector": "Open query inspector",
       "panelEdit": "Edit panel",
@@ -11595,7 +10791,6 @@
       "tracesRefresh": "Refresh",
       "alertsCreate": "Create new alert",
       "alertsRefresh": "Refresh alert list",
-      "alertsClose": "Close alert detail drawer",
       "streamsAdd": "Add new stream",
       "streamsRefresh": "Refresh list",
       "pipelinesAdd": "Create new pipeline",
@@ -11628,12 +10823,10 @@
       "ingestionTokensAdd": "Create new token",
       "ingestionTokensRefresh": "Refresh token list",
       "aiChatToggle": "Toggle AI chat",
-      "dashboardEdit": "Enter / exit edit mode",
+      "aiChatClose": "Close AI chat",
+      "aiChatExpand": "Expand/collapse AI chat",
       "logsSaveView": "Save as saved view",
-      "logsCopyQuery": "Copy current query to clipboard",
       "logsExport": "Export results as CSV",
-      "tableRowOpen": "Open / expand hovered row",
-      "tableRowInspect": "Inspect hovered row",
       "tracesCopyUrl": "Copy trace share URL",
       "alertIncidentsRefresh": "Refresh list",
       "pipelineDestinationsRefresh": "Refresh list",
@@ -11767,6 +10960,99 @@
       "ariaLabel": "MySQL deprecation warning",
       "title": "⚠️ MySQL support is DEPRECATED and will be removed in future.",
       "description": "Please migrate to PostgreSQL to ensure continued support."
+    },
+    "badge": {
+      "alertType": {
+        "anomalydetection": "Anomaly Detection",
+        "realtime": "Real-time"
+      },
+      "userRole": {
+        "serviceaccount": "Service Account"
+      },
+      "destinationType": {
+        "remotepipeline": "Remote Pipeline"
+      },
+      "setupCardMeta": {
+        "cost": "Cost & Tokens Captured"
+      },
+      "normalizeState": {
+        "false": "Not Normalized",
+        "fallback": "Not Normalized",
+        "true": "Normalized"
+      },
+      "scorerType": {
+        "llmjudge": "LLM Judge",
+        "llm": "LLM Judge"
+      },
+      "deletionStatus": {
+        "inprogress": "In Progress"
+      },
+      "frustrationEventType": {
+        "rageclick": "Rage Click",
+        "deadclick": "Dead Click",
+        "errorclick": "Error Click",
+        "ragetap": "Rage Tap",
+        "errortap": "Error Tap"
+      },
+      "cardinalityClass": {
+        "verylow": "Very Low",
+        "veryhigh": "Very High"
+      },
+      "qualityStatus": {
+        "nothreshold": "No Threshold",
+        "nodata": "No Data"
+      },
+      "rumEventType": {
+        "longtask": "Long Task"
+      },
+      "subscriptionPlan": {
+        "payasyougo": "Pay as you go"
+      },
+      "billingManagement": {
+        "aws": "AWS Marketplace",
+        "azure": "Azure Marketplace",
+        "contract": "Contract"
+      },
+      "featureFlag": {
+        "comingsoon": "Coming Soon"
+      },
+      "pipelineType": {
+        "realtime": "Real-time"
+      },
+      "streamType": {
+        "enrichment": "Enrichment"
+      },
+      "userStatus": {
+        "invited": "Invited"
+      },
+      "reportTag": {
+        "preview": "Preview"
+      },
+      "booleanState": {
+        "yes": "Yes",
+        "on": "On",
+        "no": "No",
+        "off": "Off"
+      },
+      "evaluationVerdict": {
+        "unknown": "Unknown"
+      },
+      "alertState": {
+        "ok": "Ok",
+        "flapping": "Flapping"
+      },
+      "sessionStatus": {
+        "ok": "Ok",
+        "error": "Error"
+      },
+      "crossLinkSource": {
+        "stream": "Stream",
+        "global": "Global"
+      },
+      "themeApplied": {
+        "applied": "Applied",
+        "fallback": "Applied"
+      }
     }
   },
   "functions": {
@@ -12033,7 +11319,6 @@
       "errorSavingCondition": "Error saving condition: {error}",
       "invalidSqlQuery": "Invalid SQL Query",
       "invalidSqlQueryDetail": "Invalid SQL Query: {error}",
-      "message": "{message}",
       "streamNameShouldBeLessThan": "Stream name should be less than 100 characters"
     },
     "pipelines": {
@@ -12117,7 +11402,6 @@
     "workflows": {
       "thisBranchAlreadyEndsInA": "This branch already ends in a Destination.",
       "chooseATriggerNodeToStart": "Choose a trigger node to start your workflow",
-      "theTriggerStartsTheWorkflowAnd": "The trigger starts the workflow and can't be deleted",
       "thisConnectionWouldCreateALoop": "This connection would create a loop",
       "onlyOneIncomingConnectionToA": "Only one incoming connection to a step is allowed"
     },
@@ -12150,5 +11434,8 @@
     "layouts": {
       "ingestionNotStarted": "You haven't initiated the data ingestion process yet. To explore other pages, please start the data ingestion."
     }
+  },
+  "cipherKeys": {
+    "mechanismSimple": "Simple"
   }
 }
diff --git a/web/src/locales/localeKeys.spec.ts b/web/src/locales/localeKeys.spec.ts
index 6ce3150f0c..c37b597117 100644
--- a/web/src/locales/localeKeys.spec.ts
+++ b/web/src/locales/localeKeys.spec.ts
@@ -131,4 +131,35 @@ describe("en-US locale file", () => {
       expect(ingestion[key].length).toBeGreaterThan(0);
     }
   });
+
+  // features.json stores i18n keys as plain JSON strings. TypeScript widens
+  // imported JSON values to `string`, so those keys cannot be checked against
+  // I18nKey and are invisible to any static scan — a dead-key sweep reads them
+  // as unreferenced and deletes them, and the About page then renders the raw
+  // key path. This is the only guard that catches that.
+  it("keeps every i18n key referenced by features.json", () => {
+    const locale = JSON.parse(raw);
+    const lookup = (key: string) =>
+      key.split(".").reduce<any>((o, part) => (o == null ? undefined : o[part]), locale);
+
+    const { features } = JSON.parse(
+      readFileSync(resolve(__dirname, "../constants/features.json"), "utf8"),
+    );
+
+    const missing: string[] = [];
+    for (const feature of features) {
+      const candidates = [
+        feature.nameKey,
+        feature.descriptionKey,
+        ...Object.values(feature.availability ?? {}),
+      ];
+      for (const value of candidates) {
+        // booleans mean plain availability; only strings are translation keys
+        if (typeof value !== "string" || !value.includes(".")) continue;
+        if (typeof lookup(value) !== "string") missing.push(value);
+      }
+    }
+
+    expect(missing).toEqual([]);
+  });
 });
diff --git a/web/src/plugins/correlation/CorrelatedLogsTable.spec.ts b/web/src/plugins/correlation/CorrelatedLogsTable.spec.ts
index 310cc25f28..47e0b50ed2 100644
--- a/web/src/plugins/correlation/CorrelatedLogsTable.spec.ts
+++ b/web/src/plugins/correlation/CorrelatedLogsTable.spec.ts
@@ -77,6 +77,7 @@ const mockTranslations = {
   "search.showHideColumns": "Show/Hide Columns",
   "correlation.logs.filtersLabel": "Filters",
   "correlation.logs.unstableDimension": "Unstable Dimension",
+  "correlation.logs.allValues": "All Values",
   "common.apply": "Apply",
 };
 
diff --git a/web/src/plugins/correlation/CorrelatedLogsTable.vue b/web/src/plugins/correlation/CorrelatedLogsTable.vue
index c46f4a963b..d1fad3f759 100644
--- a/web/src/plugins/correlation/CorrelatedLogsTable.vue
+++ b/web/src/plugins/correlation/CorrelatedLogsTable.vue
@@ -295,7 +295,7 @@ import {
   resolveSetId,
   type SubjectButtonSpec,
 } from "@/composables/useMetricSubjectButtons";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -555,7 +555,7 @@ const highlightQuery = computed(() => {
 const getFilterOptions = (
   key: string,
   currentValue: string,
-): Array<{ label: string; value: string }> => {
+): Array<{ label: I18nText; value: string }> => {
   const uniqueValues = new Set<string>();
 
   // Always include wildcard option
@@ -589,7 +589,7 @@ const getFilterOptions = (
 
   // Convert to { label, value } format for the select with map-options
   return Array.from(uniqueValues).map((val) => ({
-    label: val === SELECT_ALL_VALUE ? "All Values" : val,
+    label: val === SELECT_ALL_VALUE ? t("correlation.logs.allValues") : raw(val),
     value: val,
   }));
 };
@@ -952,7 +952,7 @@ const handleRowClick = () => {};
 const handleCopy = (log: any, copyAsJson: boolean = true) => {
   const copyData = copyAsJson ? JSON.stringify(log) : log;
   copyToClipboard(copyData, t, {
-    successMessage: "Content Copied Successfully!",
+    successMessage: t("common.contentCopiedSuccessfully"),
     timeout: 1000,
   });
 };
@@ -1226,7 +1226,7 @@ const unifiedChips = computed<DimensionChip[]>(() =>
       (key) =>
         ({
           key,
-          label: dimensionDisplayLabel(key),
+          label: raw(dimensionDisplayLabel(key)),
           value: chipDimensionSource.value[key],
           kind: "context" as DimensionChip["kind"],
         }) as DimensionChip,
diff --git a/web/src/plugins/correlation/CorrelationEventHeader.vue b/web/src/plugins/correlation/CorrelationEventHeader.vue
index b7fddc5b4d..69290e0990 100644
--- a/web/src/plugins/correlation/CorrelationEventHeader.vue
+++ b/web/src/plugins/correlation/CorrelationEventHeader.vue
@@ -122,7 +122,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :data-test="`correlation-event-header-subject-${chip.key}`"
         >
           {{ getSubjectButtonLabel ? getSubjectButtonLabel(chip.key) : chip.label }}
-          <OTooltip :content="`${chip.label} = ${chip.value}`" side="top" />
+          <OTooltip :content="raw(`${chip.label} = ${chip.value}`)" side="top" />
           <template v-if="chip.disabled">
             <OTooltip
               :content="t('correlation.noMetricStreamsFor', { kind: chip.label.toLowerCase() })"
@@ -165,7 +165,7 @@ import {
   convertTimeFromMicroToMilli,
   timestampToTimezoneDate,
 } from "@/utils/zincutils";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 
 const { t } = useI18nTyped();
 
@@ -173,7 +173,7 @@ type ChipKind = "context" | "subject";
 
 export type DimensionChip = {
   key: string;
-  label: string;
+  label: I18nText;
   value: string;
   kind: ChipKind;
   active: boolean;
@@ -185,7 +185,7 @@ const props = withDefaults(
     sourceEvent?: {
       timestamp?: number | string;
       severity?: string;
-      message?: string;
+      message?: I18nText;
     };
     contextChips?: DimensionChip[];
     subjectChips?: DimensionChip[];
diff --git a/web/src/plugins/correlation/DimensionFiltersBar.vue b/web/src/plugins/correlation/DimensionFiltersBar.vue
index bcb05694c5..3d41c87769 100644
--- a/web/src/plugins/correlation/DimensionFiltersBar.vue
+++ b/web/src/plugins/correlation/DimensionFiltersBar.vue
@@ -59,7 +59,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -67,12 +67,12 @@ import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 interface Props {
   dimensions: Record<string, string>;
   unstableDimensionKeys: Set<string>;
-  getDimensionOptions: (key: string, value: string) => Array<{ label: string; value: string }>;
+  getDimensionOptions: (key: string, value: string) => Array<{ label: I18nText; value: string }>;
   hasPendingChanges?: boolean;
   showApplyButton?: boolean;
-  filterLabel?: string;
+  filterLabel?: I18nText;
   applyLabel?: string;
-  unstableDimensionTooltip?: string;
+  unstableDimensionTooltip?: I18nText;
 }
 
 // Props
diff --git a/web/src/plugins/correlation/TelemetryCorrelationDashboard.spec.ts b/web/src/plugins/correlation/TelemetryCorrelationDashboard.spec.ts
index e556203590..982fe049bc 100644
--- a/web/src/plugins/correlation/TelemetryCorrelationDashboard.spec.ts
+++ b/web/src/plugins/correlation/TelemetryCorrelationDashboard.spec.ts
@@ -67,9 +67,14 @@ vi.mock("@/utils/metrics/metricGrouping", async (importOriginal) => {
       return {
         byGroup: { infra: infraStreams, network: [], others: [] },
         groups: [
-          { id: "infra", label: "Infrastructure", icon: "computer", streams: infraStreams },
-          { id: "network", label: "Network", icon: "network_check", streams: [] },
-          { id: "others", label: "Others", icon: "category", streams: [] },
+          {
+            id: "infra",
+            labelKey: "metrics.groups.compute",
+            icon: "computer",
+            streams: infraStreams,
+          },
+          { id: "network", labelKey: "metrics.groups.network", icon: "network_check", streams: [] },
+          { id: "others", labelKey: "metrics.groups.others", icon: "category", streams: [] },
         ],
       };
     }),
diff --git a/web/src/plugins/correlation/TelemetryCorrelationDashboard.vue b/web/src/plugins/correlation/TelemetryCorrelationDashboard.vue
index 1947ef2cdb..62facb4430 100644
--- a/web/src/plugins/correlation/TelemetryCorrelationDashboard.vue
+++ b/web/src/plugins/correlation/TelemetryCorrelationDashboard.vue
@@ -24,7 +24,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     side="right"
     :width="90"
     :title="t('correlation.correlatedStreamsFor', { service: serviceName })"
-    :sub-title="formatTimeRange(timeRange)"
+    :sub-title="raw(formatTimeRange(timeRange))"
     @update:open="(v) => !v && onClose()"
   >
     <template #header-left>
@@ -186,7 +186,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                               class="mr-0.5"
                             />
                             <component v-else :is="group.icon" />
-                            <span>{{ group.label }}</span>
+                            <span>{{ t(group.labelKey) }}</span>
                             <OTag type="fieldTag" class="ml-1">{{ group.streams.length }}</OTag>
                           </div>
                           <div class="flex gap-1">
@@ -281,7 +281,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           size="xs"
                         />
                         <component v-else :is="outerGroup.icon" />
-                        <span class="whitespace-nowrap">{{ outerGroup.label }}</span>
+                        <span class="whitespace-nowrap">{{ t(outerGroup.labelKey) }}</span>
                       </div>
                       <span
                         v-if="outerTabResourceName[outerGroup.id]"
@@ -311,7 +311,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     <div class="flex items-center gap-1">
                       <OIcon v-if="typeof group.icon === 'string'" :name="group.icon" size="xs" />
                       <component v-else :is="group.icon" />
-                      <span>{{ group.label }}</span>
+                      <span>{{ t(group.labelKey) }}</span>
                       <OTag
                         type="tabChip"
                         :value="activeMetricGroupTab === group.id ? 'active' : 'inactive'"
@@ -641,7 +641,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             class="mr-0.5"
                           />
                           <component v-else :is="group.icon" />
-                          <span>{{ group.label }}</span>
+                          <span>{{ t(group.labelKey) }}</span>
                           <OTag type="fieldTag" class="ml-1">{{ group.streams.length }}</OTag>
                         </div>
                         <div class="flex gap-1">
@@ -736,7 +736,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         size="xs"
                       />
                       <component v-else :is="outerGroup.icon" />
-                      <span class="text-xs whitespace-nowrap">{{ outerGroup.label }}</span>
+                      <span class="text-xs whitespace-nowrap">{{ t(outerGroup.labelKey) }}</span>
                     </div>
                     <span
                       v-if="outerTabResourceName[outerGroup.id]"
@@ -766,7 +766,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <div class="flex items-center gap-1">
                     <component v-if="typeof group.icon !== 'string'" :is="group.icon" />
                     <OIcon v-if="typeof group.icon === 'string'" :name="group.icon" size="xs" />
-                    <span>{{ group.label }}</span>
+                    <span>{{ t(group.labelKey) }}</span>
                     <OTag
                       type="tabChip"
                       :value="activeMetricGroupTab === group.id ? 'active' : 'inactive'"
@@ -986,7 +986,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   class="mr-0.5"
                 />
                 <component v-else :is="group.icon" />
-                <span>{{ group.label }}</span>
+                <span>{{ t(group.labelKey) }}</span>
                 <OTag type="fieldTag" class="ml-1">{{ group.streams.length }}</OTag>
               </div>
               <div class="flex gap-1">
@@ -1050,7 +1050,7 @@ import OTabPanel from "@/lib/navigation/Tabs/OTabPanel.vue";
 import { ref, computed, watch, defineAsyncComponent, provide, nextTick } from "vue";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
-import { useI18nTyped, raw } from "@/types/i18n";
+import { useI18nTyped, raw, type I18nText } from "@/types/i18n";
 import useNotifications from "@/composables/useNotifications";
 import useTraces from "@/composables/useTraces";
 import {
@@ -1118,7 +1118,7 @@ export interface TelemetryCorrelationDashboardProps {
   sourceEvent?: {
     timestamp?: number | string;
     severity?: string;
-    message?: string;
+    message?: I18nText;
   };
   metricStreams: StreamInfo[];
   logStreams?: StreamInfo[];
@@ -1606,7 +1606,7 @@ const originalValueForKey = (key: string): string => {
 type ChipKind = "context" | "subject";
 type DimensionChip = {
   key: string;
-  label: string;
+  label: I18nText;
   value: string;
   kind: ChipKind;
   active: boolean;
@@ -1674,7 +1674,7 @@ const unifiedChips = computed<DimensionChip[]>(() =>
         })();
       return {
         key,
-        label: dimensionDisplayLabel(key),
+        label: raw(dimensionDisplayLabel(key)),
         value: originalValueForKey(key),
         kind: isSubject ? "subject" : "context",
         active: isSubject ? activeSubject.value === key : contextActive,
@@ -1698,7 +1698,9 @@ const getSubjectButtonLabel = (semanticId: string): string => {
   if (!specs) return semanticId;
 
   const spec = specs.find((s) => s.semanticIds.includes(semanticId));
-  return spec?.label || semanticId;
+  if (!spec) return semanticId;
+  // labelKey wins: `label` only holds names that stay English (Pod, Cloud Run).
+  return spec.labelKey ? t(spec.labelKey) : (spec.label ?? semanticId);
 };
 
 const pinSubject = (newSubject: string | null, previousSubject: string | null) => {
diff --git a/web/src/plugins/logs/DetailTable.vue b/web/src/plugins/logs/DetailTable.vue
index 7a74f53e76..8fd5430221 100644
--- a/web/src/plugins/logs/DetailTable.vue
+++ b/web/src/plugins/logs/DetailTable.vue
@@ -27,7 +27,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             :key="tabItem.name"
             :data-test="tabItem.dataTest"
             :name="tabItem.name"
-            :label="tabItem.label"
+            :label="raw(tabItem.label)"
           />
         </OTabs>
       </div>
@@ -429,7 +429,7 @@ import OTab from "@/lib/navigation/Tabs/OTab.vue";
 import OTabPanels from "@/lib/navigation/Tabs/OTabPanels.vue";
 import OTabPanel from "@/lib/navigation/Tabs/OTabPanel.vue";
 import { defineComponent, ref, reactive, onBeforeMount, computed, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
@@ -575,14 +575,14 @@ export default defineComponent({
     const tableDropdownOpenMap = reactive<Record<string, boolean>>({});
     const tab = ref(props.initialTab || "table");
     const selectedRelativeValue = ref<number>(10);
-    const recordSizeOptions = ref<Array<{ label: string; value: number }>>([
-      { label: "10", value: 10 },
-      { label: "20", value: 20 },
-      { label: "50", value: 50 },
-      { label: "100", value: 100 },
-      { label: "200", value: 200 },
-      { label: "500", value: 500 },
-      { label: "1000", value: 1000 },
+    const recordSizeOptions = ref<Array<{ label: I18nText; value: number }>>([
+      { label: raw("10"), value: 10 },
+      { label: raw("20"), value: 20 },
+      { label: raw("50"), value: 50 },
+      { label: raw("100"), value: 100 },
+      { label: raw("200"), value: 200 },
+      { label: raw("500"), value: 500 },
+      { label: raw("1000"), value: 1000 },
     ]);
     const shouldWrapValues: any = ref(true);
     const { searchObj } = searchState();
@@ -1000,6 +1000,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       router,
diff --git a/web/src/plugins/logs/FunctionSelector.vue b/web/src/plugins/logs/FunctionSelector.vue
index b080967c39..fe8e4356da 100644
--- a/web/src/plugins/logs/FunctionSelector.vue
+++ b/web/src/plugins/logs/FunctionSelector.vue
@@ -35,7 +35,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         >
           <img :src="functionIconUrl" :alt="t('logs.functionSelector.function')" class="size-4" />
           <OIcon name="arrow-drop-down" size="sm" class="-ml-0.5" />
-          <OTooltip :content="selectedFunctionTooltip" :side-offset="2" />
+          <OTooltip :content="raw(selectedFunctionTooltip)" :side-offset="2" />
         </OButton>
       </template>
       <div data-test="logs-search-saved-function-list" class="py-0">
@@ -92,7 +92,7 @@ import ODropdownItem from "@/lib/overlay/Dropdown/ODropdownItem.vue";
 import OSwitch from "@/lib/forms/Switch/OSwitch.vue";
 import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { searchState } from "@/composables/useLogs/searchState";
 import { getImageURL } from "@/utils/zincutils";
 import { useStore } from "vuex";
diff --git a/web/src/plugins/logs/IndexList.vue b/web/src/plugins/logs/IndexList.vue
index 078d40d1eb..09f457285e 100644
--- a/web/src/plugins/logs/IndexList.vue
+++ b/web/src/plugins/logs/IndexList.vue
@@ -43,7 +43,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               : searchObj.data.stream.selectedStream
           "
           :options="streamOptions"
-          :placeholder="placeHolderText"
+          :placeholder="raw(placeHolderText)"
           :multiple="selectionMode === 'multi'"
           :row-click-single-select="selectionMode === 'multi'"
           class="w-full"
@@ -57,7 +57,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           side="bottom"
           align="start"
           max-width="280px"
-          :content="searchObj.data.stream.selectedStream.join(', ')"
+          :content="raw(searchObj.data.stream.selectedStream.join(', '))"
         />
       </div>
     </div>
@@ -261,7 +261,7 @@ import {
   nextTick,
   defineAsyncComponent,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import useLogs from "../../composables/useLogs";
@@ -1812,6 +1812,7 @@ export default defineComponent({
     };
 
     return {
+      raw,
       t,
       store,
       router,
diff --git a/web/src/plugins/logs/LogsNoEventsState.vue b/web/src/plugins/logs/LogsNoEventsState.vue
index 4376f7a93e..c0ceb1a0d3 100644
--- a/web/src/plugins/logs/LogsNoEventsState.vue
+++ b/web/src/plugins/logs/LogsNoEventsState.vue
@@ -53,7 +53,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         v-if="jumpTarget"
         icon="schedule"
         :label="t('logs.noEvents.jumpToData')"
-        :sublabel="jumpTargetSublabel"
+        :sublabel="raw(jumpTargetSublabel)"
         data-test="logs-no-events-jump-to-data-card"
         @click="emit('jump-to-stream-data', jumpTarget!.from, jumpTarget!.to)"
       />
@@ -92,7 +92,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 import EmptyStateActionCard from "@/lib/core/EmptyState/EmptyStateActionCard.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
diff --git a/web/src/plugins/logs/SearchHistory.vue b/web/src/plugins/logs/SearchHistory.vue
index 10b9366bf4..3cfdad04ba 100644
--- a/web/src/plugins/logs/SearchHistory.vue
+++ b/web/src/plugins/logs/SearchHistory.vue
@@ -174,7 +174,8 @@
                   <pre
                     v-else
                     class="text-compact m-0 font-mono leading-[1.6] break-words whitespace-pre-wrap"
-                    >{{ row?.sql }}</pre>
+                    >{{ row?.sql }}</pre
+                  >
                 </div>
               </div>
             </div>
@@ -216,7 +217,8 @@
                   <pre
                     v-else
                     class="text-compact m-0 font-mono leading-[1.6] break-words whitespace-pre-wrap"
-                    >{{ row?.function }}</pre>
+                    >{{ row?.function }}</pre
+                  >
                 </div>
               </div>
             </div>
diff --git a/web/src/plugins/logs/SearchJobInspector.vue b/web/src/plugins/logs/SearchJobInspector.vue
index c728c30cd6..893181e280 100644
--- a/web/src/plugins/logs/SearchJobInspector.vue
+++ b/web/src/plugins/logs/SearchJobInspector.vue
@@ -242,7 +242,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   :class="hasNoData ? 'text-text-secondary' : 'text-text-link'"
                 >
                   {{ hasNoData ? t("common.notAvailableShort") : traceId }}
-                  <OTooltip v-if="!hasNoData" :content="traceId" />
+                  <OTooltip v-if="!hasNoData" :content="raw(traceId)" />
                 </div>
               </div>
             </div>
@@ -294,7 +294,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         v-if="errorMessage"
         variant="error"
         icon="error"
-        :content="errorMessage"
+        :content="raw(errorMessage)"
         class="mb-2.5 shrink-0"
         data-test="inspector-error-banner"
       />
@@ -419,7 +419,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { defineComponent, ref, onMounted, computed, watch } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import searchService from "@/services/search";
 import { chartColor } from "@/utils/chartTheme";
 import NoData from "@/components/shared/grid/NoData.vue";
@@ -780,6 +780,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       loading,
       errorMessage,
       profileData,
diff --git a/web/src/plugins/logs/SearchResult.vue b/web/src/plugins/logs/SearchResult.vue
index d122f1bc40..a4c0013d96 100644
--- a/web/src/plugins/logs/SearchResult.vue
+++ b/web/src/plugins/logs/SearchResult.vue
@@ -117,7 +117,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             class="text-warning shrink-0 cursor-pointer"
           >
             <OIcon name="info-outline" size="sm"> </OIcon>
-            <OTooltip :content="searchObj.data.histogram.errorMsg" side="top" align="center" />
+            <OTooltip :content="raw(searchObj.data.histogram.errorMsg)" side="top" align="center" />
           </div>
         </div>
 
@@ -629,7 +629,7 @@ import {
 import { copyToClipboard } from "@/utils/clipboard";
 import { useStore } from "vuex";
 import { useTheme } from "@/composables/useTheme";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 
 import { byString } from "../../utils/json";
 import { getImageURL, useLocalWrapContent } from "../../utils/zincutils";
@@ -1884,6 +1884,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       isDark,
       t,
       store,
diff --git a/web/src/plugins/logs/SearchSchedulersList.vue b/web/src/plugins/logs/SearchSchedulersList.vue
index 0b0f8010b7..824be58f95 100644
--- a/web/src/plugins/logs/SearchSchedulersList.vue
+++ b/web/src/plugins/logs/SearchSchedulersList.vue
@@ -163,7 +163,8 @@
                     <pre
                       v-else
                       class="text-compact m-0 font-mono leading-[1.6] break-words whitespace-pre-wrap"
-                      >{{ row?.sql }}</pre>
+                      >{{ row?.sql }}</pre
+                    >
                   </div>
                 </div>
               </div>
@@ -204,7 +205,8 @@
                     <pre
                       v-else
                       class="text-compact m-0 font-mono leading-[1.6] break-words whitespace-pre-wrap"
-                      >{{ row?.function }}</pre>
+                      >{{ row?.function }}</pre
+                    >
                   </div>
                 </div>
               </div>
diff --git a/web/src/plugins/logs/SyntaxGuide.vue b/web/src/plugins/logs/SyntaxGuide.vue
index 222b30bd8c..fd9aeb76a0 100644
--- a/web/src/plugins/logs/SyntaxGuide.vue
+++ b/web/src/plugins/logs/SyntaxGuide.vue
@@ -223,8 +223,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { defineComponent, type PropType } from "vue";
+import { raw, type I18nText, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -242,8 +242,8 @@ export default defineComponent({
       default: false,
     },
     label: {
-      type: String,
-      default: "",
+      type: String as unknown as PropType<I18nText>,
+      default: raw(""),
     },
     menuItem: {
       type: Boolean,
@@ -259,6 +259,7 @@ export default defineComponent({
     const { t } = useI18nTyped();
     const store = useStore();
     return {
+      raw,
       t,
       store,
     };
diff --git a/web/src/plugins/logs/TransformSelector.vue b/web/src/plugins/logs/TransformSelector.vue
index 8a7b4319f9..0938e06ac2 100644
--- a/web/src/plugins/logs/TransformSelector.vue
+++ b/web/src/plugins/logs/TransformSelector.vue
@@ -27,7 +27,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           size="sm"
           :disabled="!searchObj.data.transformType"
         />
-        <OTooltip :content="getTransformLabelTooltip" :side-offset="2" />
+        <OTooltip :content="raw(getTransformLabelTooltip)" :side-offset="2" />
       </div>
       <ODropdown v-model:open="functionModel" side="bottom" align="start">
         <template #trigger>
@@ -44,7 +44,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             />
             <OIcon v-else :name="transformIcon" size="sm" />
             <OIcon name="arrow-drop-down" size="sm" class="ms-0.5" />
-            <OTooltip :content="transformsLabel" :side-offset="2" />
+            <OTooltip :content="raw(transformsLabel)" :side-offset="2" />
           </OButton>
         </template>
         <div data-test="logs-search-saved-function-list" class="py-0">
@@ -134,7 +134,7 @@ import OSwitch from "@/lib/forms/Switch/OSwitch.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OSearchInput from "@/lib/forms/SearchInput/OSearchInput.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { searchState } from "@/composables/useLogs/searchState";
 import { logsUtils } from "@/composables/useLogs/logsUtils";
 import { getImageURL } from "@/utils/zincutils";
diff --git a/web/src/plugins/logs/patterns/PatternCard.vue b/web/src/plugins/logs/patterns/PatternCard.vue
index b534800703..67256fd67a 100644
--- a/web/src/plugins/logs/patterns/PatternCard.vue
+++ b/web/src/plugins/logs/patterns/PatternCard.vue
@@ -103,7 +103,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :data-test="`pattern-card-${index}-badge-${badge.key}`"
         >
           {{ badge.label }}
-          <OTooltip :content="badge.desc" />
+          <OTooltip :content="raw(badge.desc)" />
         </span>
         <span
           v-if="pattern.is_anomaly"
@@ -111,7 +111,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :data-test="`pattern-card-${index}-anomaly-badge`"
         >
           {{ t("search.anomalyLabel") }}
-          <OTooltip :content="anomalyExplanationText" max-width="22rem" />
+          <OTooltip :content="raw(anomalyExplanationText)" max-width="22rem" />
         </span>
       </div>
 
@@ -149,7 +149,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import PatternVolumeCell from "./PatternVolumeCell.vue";
 import {
diff --git a/web/src/plugins/logs/patterns/PatternList.vue b/web/src/plugins/logs/patterns/PatternList.vue
index bc8a1215f3..0be362e081 100644
--- a/web/src/plugins/logs/patterns/PatternList.vue
+++ b/web/src/plugins/logs/patterns/PatternList.vue
@@ -173,7 +173,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           <EmptyStateActionCard
             icon="schedule"
             :label="t('logs.noEvents.jumpToData')"
-            :sublabel="jumpTargetSublabel"
+            :sublabel="raw(jumpTargetSublabel)"
             data-test="log-patterns-jump-to-data-card"
             @click="emit('jump-to-stream-data', jumpTarget.from, jumpTarget.to)"
           />
@@ -204,7 +204,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import PatternCard from "./PatternCard.vue";
 import WildcardValuePopover from "./WildcardValuePopover.vue";
 import useWildcardHover from "./useWildcardHover";
diff --git a/web/src/plugins/logs/patterns/WildcardValuePopover.vue b/web/src/plugins/logs/patterns/WildcardValuePopover.vue
index 6da12149f2..4ae5ba6aeb 100644
--- a/web/src/plugins/logs/patterns/WildcardValuePopover.vue
+++ b/web/src/plugins/logs/patterns/WildcardValuePopover.vue
@@ -31,7 +31,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         <OTag
           type="fieldType"
           :value="tokenType"
-          :label="tokenType"
+          :label="raw(tokenType)"
           class="wcp__type-badge shrink-0 font-mono font-bold"
         />
         <span class="wcp__title text-compact text-text-heading truncate font-semibold">{{
@@ -109,7 +109,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref, watch, nextTick } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { wildcardChipColor, wildcardLabel } from "@/composables/useLogs/useTemplateTokenizer";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import type { WildcardDisplayValue } from "./useWildcardHover";
diff --git a/web/src/plugins/metrics/explorer/FunctionConfigDialog.spec.ts b/web/src/plugins/metrics/explorer/FunctionConfigDialog.spec.ts
index b9eb09a8ad..ffa43bf973 100644
--- a/web/src/plugins/metrics/explorer/FunctionConfigDialog.spec.ts
+++ b/web/src/plugins/metrics/explorer/FunctionConfigDialog.spec.ts
@@ -168,7 +168,11 @@ describe("FunctionConfigDialog", () => {
 
       for (const variant of defaults.variants) {
         expect(tile(wrapper, variant.id).exists()).toBe(true);
-        expect(tile(wrapper, variant.id).text()).toContain(variant.label);
+        // Static variant names moved from `label` to an i18n `labelKey`; the
+        // dialog resolves labelKey via t() and falls back to `label` (dynamic
+        // names like topk's). Mirror that precedence here.
+        const expected = variant.labelKey ? i18n.global.t(variant.labelKey) : variant.label;
+        expect(tile(wrapper, variant.id).text()).toContain(expected);
       }
     });
 
diff --git a/web/src/plugins/metrics/explorer/FunctionConfigDialog.vue b/web/src/plugins/metrics/explorer/FunctionConfigDialog.vue
index 349dde26ab..1d1e30a289 100644
--- a/web/src/plugins/metrics/explorer/FunctionConfigDialog.vue
+++ b/web/src/plugins/metrics/explorer/FunctionConfigDialog.vue
@@ -31,7 +31,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <ODialog
     :open="modelValue"
-    :title="card.name"
+    :title="raw(card.name)"
     size="xl"
     data-test="metrics-fn-config"
     @update:open="$emit('update:modelValue', $event)"
@@ -97,7 +97,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         <ORadio
           size="xs"
           :value="variant.id"
-          :label="variant.label"
+          :label="variantLabel(variant)"
           :data-test="`metrics-fn-radio-${variant.id}`"
         />
 
@@ -182,7 +182,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             :key="p"
             size="xs"
             :model-value="isChecked(variant, p)"
-            :label="`p${p}`"
+            :label="raw(`p${p}`)"
             :disabled="isOnlyChecked(variant, p)"
             :data-test="`metrics-fn-percentile-${variant.id}-${p}`"
             @update:model-value="togglePercentile(variant, p)"
@@ -223,7 +223,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { computed, defineComponent, ref, watch, type PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import MetricCardChart from "./MetricCardChart.vue";
 import ODialog from "@/lib/overlay/Dialog/ODialog.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -300,6 +300,13 @@ export default defineComponent({
     const variants = computed<any[]>(() => props.defaults?.variants ?? []);
     const variantById = (id: string) => variants.value.find((v) => v.id === id) ?? null;
 
+    // `metricDefaults` is a Vue-free module evaluated at import time, so it
+    // stores an i18n KEY (`labelKey`) instead of resolved text. Translate it
+    // HERE, on every render, so the variant names follow the active locale.
+    // `label` remains for names built from live data ("Top 5 by pod").
+    const variantLabel = (variant: any): I18nText =>
+      variant?.labelKey ? t(variant.labelKey) : (variant?.label ?? raw(""));
+
     /* ----------------------------------------------------------- selection */
 
     const selectedId = ref("");
@@ -548,8 +555,10 @@ export default defineComponent({
     const onRestore = () => emit("restore");
 
     return {
+      raw,
       t,
       variants,
+      variantLabel,
       selectedId,
       select,
       isChecked,
diff --git a/web/src/plugins/metrics/explorer/LabelFilterBar.vue b/web/src/plugins/metrics/explorer/LabelFilterBar.vue
index b599587cec..b41cc9a0f9 100644
--- a/web/src/plugins/metrics/explorer/LabelFilterBar.vue
+++ b/web/src/plugins/metrics/explorer/LabelFilterBar.vue
@@ -71,7 +71,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       >
         <!-- The chip truncates its value; the tooltip is where the whole matcher
              stays readable. -->
-        <OTooltip :content="`${filter.label} ${filter.operator || '='} ${filter.value}`" />
+        <OTooltip :content="raw(`${filter.label} ${filter.operator || '='} ${filter.value}`)" />
         <span class="truncate font-mono text-xs"
           >{{ filter.label }} {{ filter.operator || "=" }} {{ filter.value }}</span
         >
@@ -184,7 +184,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             :options="labelOptions"
             :loading="labelNamesLoading"
             :error="!!labelError"
-            :error-message="labelError"
+            :error-message="raw(labelError)"
             @update:model-value="onLabelPicked"
             @close="onDropdownClosed"
           />
@@ -302,7 +302,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
@@ -318,10 +318,10 @@ const LABEL_NAME_RE = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
 
 /** The four PromQL label matchers. `buildSelector` validates against this set. */
 const operatorOptions = [
-  { label: "=", value: "=" },
-  { label: "!=", value: "!=" },
-  { label: "=~", value: "=~" },
-  { label: "!~", value: "!~" },
+  { label: raw("="), value: "=" },
+  { label: raw("!="), value: "!=" },
+  { label: raw("=~"), value: "=~" },
+  { label: raw("!~"), value: "!~" },
 ];
 
 const props = defineProps<{
@@ -463,11 +463,13 @@ const { placeholder: filterHint } = useFilterHint(
   hintEnabled,
 );
 
-const valueOptions = ref<{ label: string; value: string }[]>([]);
+const valueOptions = ref<{ label: I18nText; value: string }[]>([]);
 const valuesLoading = ref(false);
 const suggestionsUnavailable = ref(false);
 
-const labelOptions = computed(() => props.labelNames.map((name) => ({ label: name, value: name })));
+const labelOptions = computed(() =>
+  props.labelNames.map((name) => ({ label: raw(name), value: name })),
+);
 
 /**
  * Opens a freshly-rendered OSelect.
@@ -544,7 +546,7 @@ const onLabelPicked = async (value: unknown) => {
     // label, or cancelled. A slow answer for label A must not overwrite the
     // picker that is now showing label B.
     if (draftLabel.value !== label) return;
-    valueOptions.value = (values ?? []).map((v) => ({ label: v, value: v }));
+    valueOptions.value = (values ?? []).map((v) => ({ label: raw(v), value: v }));
     suggestionsUnavailable.value = valueOptions.value.length === 0;
   } catch {
     if (draftLabel.value !== label) return;
@@ -561,7 +563,7 @@ const commit = (value: string) => {
   if (!LABEL_NAME_RE.test(label) || !trimmed) return;
 
   emit("add", {
-    label,
+    label: raw(label),
     value: trimmed,
     operator: draftOperator.value || "=",
   });
diff --git a/web/src/plugins/metrics/explorer/MetricCard.vue b/web/src/plugins/metrics/explorer/MetricCard.vue
index f265a95e90..37c36cde89 100644
--- a/web/src/plugins/metrics/explorer/MetricCard.vue
+++ b/web/src/plugins/metrics/explorer/MetricCard.vue
@@ -290,7 +290,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :data-test="`metrics-explorer-card-error-tip-${card.name}`"
         >
           <OTooltip
-            :content="errorTooltip"
+            :content="raw(errorTooltip)"
             content-class="whitespace-pre-line"
             max-width="360px"
             :delay="200"
@@ -320,7 +320,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           >
             {{ t("metrics.explorer.card.copyDetails") }}
             <OTooltip
-              :content="errorReport"
+              :content="raw(errorReport)"
               content-class="whitespace-pre-line"
               max-width="360px"
               :delay="400"
@@ -385,7 +385,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       >
         <span class="inline-flex cursor-help items-center gap-1">
           <OTooltip
-            :content="renderError"
+            :content="raw(renderError)"
             content-class="whitespace-pre-line"
             max-width="360px"
             :delay="200"
@@ -453,7 +453,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           @click.stop="copyErrorReport"
         >
           <OTooltip
-            :content="staleTooltip"
+            :content="raw(staleTooltip)"
             content-class="whitespace-pre-line"
             max-width="360px"
             :delay="200"
@@ -475,7 +475,7 @@ import {
   watch,
   type PropType,
 } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import useTheme from "@/composables/useTheme";
 import MetricCardChart from "./MetricCardChart.vue";
 import RelativeTime from "@/components/common/RelativeTime.vue";
@@ -742,6 +742,7 @@ export default defineComponent({
     });
 
     return {
+      raw,
       t,
       root,
       color,
diff --git a/web/src/plugins/metrics/explorer/MetricsExplorer.vue b/web/src/plugins/metrics/explorer/MetricsExplorer.vue
index ea090d8ae7..c06f36faf6 100644
--- a/web/src/plugins/metrics/explorer/MetricsExplorer.vue
+++ b/web/src/plugins/metrics/explorer/MetricsExplorer.vue
@@ -260,7 +260,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               :key="facet.id"
               size="xs"
               :value="facet.id"
-              :label="`${badgeLabels[facet.id]} (${facet.count})`"
+              :label="raw(`${badgeLabels[facet.id]} (${facet.count})`)"
               :data-test="`metrics-explorer-type-${facet.id}`"
             />
           </OCheckboxGroup>
@@ -393,7 +393,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             v-else-if="grid.loadError.value"
             size="block"
             preset="load-error"
-            :description="grid.loadError.value"
+            :description="raw(grid.loadError.value)"
             data-test="metrics-explorer-load-error"
             @action="grid.loadStreams(true)"
           />
@@ -435,7 +435,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             size="block"
             preset="no-search-results"
             :title="t('metrics.explorer.noMatch')"
-            :description="noMatchDescription"
+            :description="raw(noMatchDescription)"
             :actions="noMatchActions"
             data-test="metrics-explorer-no-match"
             @action="onEmptyStateAction"
@@ -543,7 +543,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts">
 import { computed, defineComponent, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import type { AcceptableValue } from "reka-ui";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
@@ -850,7 +850,7 @@ export default defineComponent({
     const rails = computed<
       Array<{
         id: "prefix" | "suffix" | "type";
-        label: string;
+        label: I18nText;
         /** Active selections in this rail's panel — the toggle's count. */
         count: number;
       }>
@@ -1731,6 +1731,7 @@ export default defineComponent({
     ]);
 
     return {
+      raw,
       t,
       store,
       grid,
diff --git a/web/src/plugins/metrics/explorer/PrefixFilterPanel.vue b/web/src/plugins/metrics/explorer/PrefixFilterPanel.vue
index a704f1015a..0f070ec90a 100644
--- a/web/src/plugins/metrics/explorer/PrefixFilterPanel.vue
+++ b/web/src/plugins/metrics/explorer/PrefixFilterPanel.vue
@@ -108,7 +108,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OCheckbox from "@/lib/forms/Checkbox/OCheckbox.vue";
 import OInput from "@/lib/forms/Input/OInput.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
@@ -119,7 +119,7 @@ import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
  *  filters, so this component only ever renders them. */
 export interface Facet {
   id: string;
-  label: string;
+  label: I18nText;
   count: number;
 }
 
diff --git a/web/src/plugins/pipelines/CustomNode.vue b/web/src/plugins/pipelines/CustomNode.vue
index 5da954dd30..c38ca1b6e0 100644
--- a/web/src/plugins/pipelines/CustomNode.vue
+++ b/web/src/plugins/pipelines/CustomNode.vue
@@ -17,7 +17,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import useDragAndDrop from "./useDnD";
 import { ref, computed, type PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
 import ConfirmDialog from "@/components/ConfirmDialog.vue";
@@ -66,7 +66,7 @@ interface PipelineEdge {
 }
 
 interface NodeType {
-  label: string;
+  label: I18nText;
   icon: string;
   subtype?: string;
   io_type?: string;
diff --git a/web/src/plugins/pipelines/useDnD.ts b/web/src/plugins/pipelines/useDnD.ts
index d638ee927d..69a9945797 100644
--- a/web/src/plugins/pipelines/useDnD.ts
+++ b/web/src/plugins/pipelines/useDnD.ts
@@ -20,7 +20,7 @@ import { watch, reactive } from "vue";
 import { detectCycle } from "@/composables/flow/detectCycle";
 import { makeEdge } from "@/composables/flow/makeEdge";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import type { TranslateFn } from "@/types/i18n";
+import type { TranslateFn, I18nText } from "@/types/i18n";
 
 const dialogObj = {
   show: false,
@@ -60,12 +60,12 @@ const defaultObject = {
   },
   dialog: dialogObj,
   nodeTypes: [] as Array<{
-    label: string;
+    label: I18nText;
     icon: string;
     isSectionHeader: boolean;
     subtype?: string;
     io_type?: string;
-    tooltip?: string;
+    tooltip?: I18nText;
   }>,
   // Node rail open/closed. Lives here rather than in PipelineEditor because the
   // toggle sits in Vue Flow's control stack (PipelineFlow) while the rail it
diff --git a/web/src/plugins/traces/IndexList.vue b/web/src/plugins/traces/IndexList.vue
index 4b59f0fabf..6e08eff8a8 100644
--- a/web/src/plugins/traces/IndexList.vue
+++ b/web/src/plugins/traces/IndexList.vue
@@ -21,7 +21,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <OSelect
         data-test="log-search-index-list-select-stream"
         :model-value="searchObj.data.stream.selectedStream?.value ?? null"
-        :label="searchObj.data.stream.selectedStream?.label ? '' : t('search.selectIndex')"
+        :label="searchObj.data.stream.selectedStream?.label ? raw('') : t('search.selectIndex')"
         :options="streamOptions"
         data-cy="index-dropdown"
         @search="onStreamSearch"
@@ -177,7 +177,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts">
 import { defineComponent, ref, computed, watch, defineAsyncComponent, onMounted } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import useTraces, { DEFAULT_TRACE_COLUMNS } from "@/composables/useTraces";
@@ -307,7 +307,7 @@ export default defineComponent({
       // No match clears to the empty-stream sentinel (the codebase's "cleared"
       // convention everywhere else — resetSearchObj, SearchBar, Index).
       searchObj.data.stream.selectedStream = matched ?? {
-        label: "",
+        label: raw(""),
         value: "",
       };
       searchObj.data.query = "";
@@ -559,6 +559,7 @@ export default defineComponent({
       fieldName === "span_kind" ? spanKindValueMapper : undefined;
 
     return {
+      raw,
       t,
       store,
       router,
diff --git a/web/src/plugins/traces/LLMErrorTable.vue b/web/src/plugins/traces/LLMErrorTable.vue
index 858138a6a2..0a74104437 100644
--- a/web/src/plugins/traces/LLMErrorTable.vue
+++ b/web/src/plugins/traces/LLMErrorTable.vue
@@ -57,7 +57,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       table-id="llm-recent-errors"
       show-index
       pagination="none"
-      :empty-message="panel.emptyStateText || t('traces.lLMErrorTable.noData')"
+      :empty-message="
+        panel.emptyStateKey ? t(panel.emptyStateKey) : t('traces.lLMErrorTable.noData')
+      "
       @row-click="onRowClick"
       data-test="llm-recent-errors-table"
       class="w-full"
@@ -89,7 +91,7 @@ import { useStore } from "vuex";
 import { useI18nTyped } from "@/types/i18n";
 import OTable from "@/lib/core/Table/OTable.vue";
 import { COL, type OTableColumnDef } from "@/lib/core/Table/OTable.types";
-import { type LLMPanelDef, renderPanelSql, panelI18nKey } from "./config/llmInsightsPanels";
+import { type LLMPanelDef, renderPanelSql } from "./config/llmInsightsPanels";
 import { useLLMStreamQuery } from "./composables/useLLMStreamQuery";
 import { timestampToTimezoneDate } from "@/utils/timezone";
 // Shared in-memory cache (module singleton) — survives this table's remount on
@@ -120,9 +122,11 @@ const emit = defineEmits<{
 
 const { t } = useI18nTyped();
 
-// Title/subtitle come from the en.json `aiObservability.panels.<id>` copy.
-const displayTitle = computed(() => t(`${panelI18nKey(props.panel.id)}.title`));
-const displaySubtitle = computed(() => t(`${panelI18nKey(props.panel.id)}.subtitle`));
+// Title/subtitle are i18n KEYS stored on the panel definition (a plain config
+// module with no i18n context) — resolved here, on every render, so they follow
+// the active locale.
+const displayTitle = computed(() => t(props.panel.titleKey));
+const displaySubtitle = computed(() => (props.panel.subtitleKey ? t(props.panel.subtitleKey) : ""));
 
 const store = useStore();
 const { executeQuery } = useLLMStreamQuery();
diff --git a/web/src/plugins/traces/LLMInsightsDashboard.vue b/web/src/plugins/traces/LLMInsightsDashboard.vue
index 324925627e..fed639235f 100644
--- a/web/src/plugins/traces/LLMInsightsDashboard.vue
+++ b/web/src/plugins/traces/LLMInsightsDashboard.vue
@@ -134,7 +134,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         variant="error"
         data-test="llm-insights-empty-error"
         :title="t('traces.lLMInsightsDashboard.failedToLoad')"
-        :description="error || ''"
+        :description="raw(error || '')"
         :action-label="t('traces.lLMInsightsDashboard.retry')"
         action-icon="refresh"
         @action="loadInsights()"
@@ -292,7 +292,7 @@ import { ref, computed, onMounted, onUnmounted, watch } from "vue";
 import type { AcceptableValue } from "reka-ui";
 import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useLLMInsights } from "./composables/useLLMInsights";
 import { splitNumberWithUnit, splitDuration, splitCost } from "./llmInsightsDashboard.utils";
 import KpiSparkline from "./KpiSparkline.vue";
@@ -763,7 +763,7 @@ function onEmptyAction(id?: string) {
 }
 
 interface KpiCard {
-  label: string;
+  label: I18nText;
   /** Material-symbol icon name (OIcon) shown in the card's corner tile. */
   icon: string;
   value: string;
diff --git a/web/src/plugins/traces/LLMSchemaPanel.vue b/web/src/plugins/traces/LLMSchemaPanel.vue
index be8222a29c..00a8862329 100644
--- a/web/src/plugins/traces/LLMSchemaPanel.vue
+++ b/web/src/plugins/traces/LLMSchemaPanel.vue
@@ -63,7 +63,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import { computed } from "vue";
 import { useI18nTyped } from "@/types/i18n";
 import PanelSchemaRenderer from "@/components/dashboards/PanelSchemaRenderer.vue";
-import { type LLMPanelDef, renderPanelSql, panelI18nKey } from "./config/llmInsightsPanels";
+import { type LLMPanelDef, renderPanelSql } from "./config/llmInsightsPanels";
 import { buildLLMPanelSchema } from "./llmPanelSchema";
 
 interface Props {
@@ -88,9 +88,11 @@ const props = defineProps<Props>();
 
 const { t } = useI18nTyped();
 
-// Title/subtitle come from the en.json `aiObservability.panels.<id>` copy.
-const displayTitle = computed(() => t(`${panelI18nKey(props.panel.id)}.title`));
-const displaySubtitle = computed(() => t(`${panelI18nKey(props.panel.id)}.subtitle`));
+// Title/subtitle are i18n KEYS stored on the panel definition (a plain config
+// module with no i18n context) — resolved here, on every render, so they follow
+// the active locale.
+const displayTitle = computed(() => t(props.panel.titleKey));
+const displaySubtitle = computed(() => (props.panel.subtitleKey ? t(props.panel.subtitleKey) : ""));
 
 // Fully-rendered SQL: stream substituted, agent predicate spliced. We swap the
 // templated `histogram(_timestamp, '{{interval}}')` for the auto-bucketing
diff --git a/web/src/plugins/traces/ServiceGraph.vue b/web/src/plugins/traces/ServiceGraph.vue
index 68ba1ac760..23f4440627 100644
--- a/web/src/plugins/traces/ServiceGraph.vue
+++ b/web/src/plugins/traces/ServiceGraph.vue
@@ -11,7 +11,7 @@
       >
         <OSelect
           :model-value="streamFilter"
-          :options="availableStreams.map((s) => ({ label: s, value: s }))"
+          :options="availableStreams.map((s) => ({ label: raw(s), value: s }))"
           labelKey="label"
           valueKey="value"
           class="rounded-default w-auto flex-shrink-0"
@@ -365,7 +365,7 @@ import {
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
 import { useRouter } from "vue-router";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import serviceGraphService from "@/services/service_graph";
 import ChartRenderer from "@/components/dashboards/panels/ChartRenderer.vue";
 import ServiceGraphSidePanel from "./ServiceGraphNodeSidePanel.vue";
@@ -1869,6 +1869,7 @@ export default defineComponent({
     expose({ refresh: loadServiceGraph, loading, lastRunAt });
 
     return {
+      raw,
       t,
       loading,
       error,
diff --git a/web/src/plugins/traces/ServiceGraphNoDataState.vue b/web/src/plugins/traces/ServiceGraphNoDataState.vue
index 71132a5af4..1bccd4e3f7 100644
--- a/web/src/plugins/traces/ServiceGraphNoDataState.vue
+++ b/web/src/plugins/traces/ServiceGraphNoDataState.vue
@@ -29,7 +29,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <EmptyStateActionCard
         icon="schedule"
         :label="t('traces.noEvents.jumpToData')"
-        :sublabel="jumpTargetSublabel"
+        :sublabel="raw(jumpTargetSublabel)"
         data-test="service-graph-no-data-jump-to-data-card"
         @click="emit('jump-to-stream-data', jumpTarget.from, jumpTarget.to)"
       />
@@ -39,7 +39,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 import EmptyStateActionCard from "@/lib/core/EmptyState/EmptyStateActionCard.vue";
 import useJumpToLatestData from "@/composables/useJumpToLatestData";
diff --git a/web/src/plugins/traces/ServiceGraphNodeSidePanel.spec.ts b/web/src/plugins/traces/ServiceGraphNodeSidePanel.spec.ts
index 4eec3538e6..b84d458612 100644
--- a/web/src/plugins/traces/ServiceGraphNodeSidePanel.spec.ts
+++ b/web/src/plugins/traces/ServiceGraphNodeSidePanel.spec.ts
@@ -724,8 +724,8 @@ describe("ServiceGraphNodeSidePanel", () => {
 
     it("should have the expected id and label for each top-level group", () => {
       const groups = wrapper.vm.metricGroupResources;
-      expect(groups[0]).toMatchObject({ id: "pods", label: "Pods" });
-      expect(groups[1]).toMatchObject({ id: "nodes", label: "Nodes" });
+      expect(groups[0]).toMatchObject({ id: "pods", labelKey: "metrics.groups.pods" });
+      expect(groups[1]).toMatchObject({ id: "nodes", labelKey: "metrics.groups.nodes" });
     });
 
     it("should nest compute/memory/network/storage/others under each top-level group", () => {
diff --git a/web/src/plugins/traces/ServiceGraphNodeSidePanel.vue b/web/src/plugins/traces/ServiceGraphNodeSidePanel.vue
index 1ce6aaf1b4..d644d025cf 100644
--- a/web/src/plugins/traces/ServiceGraphNodeSidePanel.vue
+++ b/web/src/plugins/traces/ServiceGraphNodeSidePanel.vue
@@ -246,7 +246,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   </template>
                   <span class="text-xs">
                     {{ cfg.label }}
-                    <OTooltip :content="cfg.groupField" />
+                    <OTooltip :content="raw(cfg.groupField)" />
                   </span>
                 </ODropdownItem>
               </template>
@@ -305,7 +305,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <ServiceCatalogBarCell
                     :value="item.p99"
                     :max="rowMaxes(sortedOperationsTableRows, ['p99']).p99"
-                    :label="formatOperationLatency(item.p99)"
+                    :label="raw(formatOperationLatency(item.p99))"
                     variant="warning"
                     align="right"
                     inline
@@ -315,7 +315,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <ServiceCatalogBarCell
                     :value="item.p95"
                     :max="rowMaxes(sortedOperationsTableRows, ['p95']).p95"
-                    :label="formatOperationLatency(item.p95)"
+                    :label="raw(formatOperationLatency(item.p95))"
                     align="right"
                     inline
                   />
@@ -324,7 +324,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <ServiceCatalogBarCell
                     :value="item.p75"
                     :max="rowMaxes(sortedOperationsTableRows, ['p75']).p75"
-                    :label="formatOperationLatency(item.p75)"
+                    :label="raw(formatOperationLatency(item.p75))"
                     align="right"
                     inline
                   />
@@ -455,7 +455,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <ServiceCatalogBarCell
                     :value="item.p99"
                     :max="rowMaxes(sortResourceRows(buildResourceTableRows(cfg)), ['p99']).p99"
-                    :label="formatOperationLatency(item.p99)"
+                    :label="raw(formatOperationLatency(item.p99))"
                     variant="warning"
                     align="right"
                     inline
@@ -465,7 +465,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <ServiceCatalogBarCell
                     :value="item.p95"
                     :max="rowMaxes(sortResourceRows(buildResourceTableRows(cfg)), ['p95']).p95"
-                    :label="formatOperationLatency(item.p95)"
+                    :label="raw(formatOperationLatency(item.p95))"
                     align="right"
                     inline
                   />
@@ -474,7 +474,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <ServiceCatalogBarCell
                     :value="item.p75"
                     :max="rowMaxes(sortResourceRows(buildResourceTableRows(cfg)), ['p75']).p75"
-                    :label="formatOperationLatency(item.p75)"
+                    :label="raw(formatOperationLatency(item.p75))"
                     align="right"
                     inline
                   />
@@ -628,7 +628,7 @@ import genAiAgentMappingService from "@/services/gen-ai-agent-mapping.service";
 import OAgentBadges from "@/components/shared/OAgentBadges.vue";
 import { normalizeSeverity } from "@/utils/sourceEventSeverity";
 import DeployedCode from "@/components/icons/DeployedCode.vue";
-import { useI18nTyped, raw } from "@/types/i18n";
+import { useI18nTyped, raw, type I18nText, type I18nKey } from "@/types/i18n";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import OCheckbox from "@/lib/forms/Checkbox/OCheckbox.vue";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
@@ -669,7 +669,7 @@ const AgentNodeBehaviorTab = defineAsyncComponent(
 
 export interface ResourceTabConfig {
   id: string; // unique tab name (= FoundGroup.group_id)
-  label: string; // display label
+  label: I18nText; // display label
   groupField: string; // SQL GROUP BY field (= FoundGroup.aliases["traces"])
   colLabel: string; // header of the first column (entity name)
   colId: string; // row property key for the entity name column
@@ -703,8 +703,12 @@ export interface ResourceTabConfig {
 export interface InferredServiceTab {
   /** Unique tab identifier, e.g. "hosts", "databases", "queries" */
   id: string;
-  /** User-facing tab label, e.g. "Hosts", "Databases", "Queries" */
-  label: string;
+  /** Already-resolved tab label. Holds only names that read the same in every
+   *  language (e.g. "URLs", "RPC Services"); omit when `labelKey` is set. */
+  label?: I18nText;
+  /** i18n KEY for the tab label — this registry is module-scope, so it cannot
+   *  call t(); the mapper in setup() resolves it. `labelKey` wins when both set. */
+  labelKey?: I18nKey;
   /** Column header shown in the resource table, e.g. "Host", "Database", "DB Operation" */
   colLabel: string;
   /**
@@ -742,19 +746,19 @@ const INFERRED_SERVICE_TABS: Record<string, InferredServiceTab[]> = {
   database: [
     {
       id: "hosts",
-      label: "Hosts",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabHosts",
       colLabel: "Host",
       fields: ["server_address", "net_peer_name", "net_peer_ip", "network_peer_address"],
     },
     {
       id: "databases",
-      label: "Databases",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabDatabases",
       colLabel: "Database",
       fields: ["db_namespace", "db_name"],
     },
     {
       id: "queries",
-      label: "Queries",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabQueries",
       colLabel: "DB Operation",
       fields: ["db_operations"],
     },
@@ -762,13 +766,13 @@ const INFERRED_SERVICE_TABS: Record<string, InferredServiceTab[]> = {
   queue: [
     {
       id: "hosts",
-      label: "Hosts",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabHosts",
       colLabel: "Host",
       fields: ["server_address", "net_peer_name", "net_peer_ip", "network_peer_address"],
     },
     {
       id: "destinations",
-      label: "Destinations",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabDestinations",
       colLabel: "Destination",
       fields: ["messaging_destination_name", "messaging_destination"],
     },
@@ -776,13 +780,13 @@ const INFERRED_SERVICE_TABS: Record<string, InferredServiceTab[]> = {
   rpc: [
     {
       id: "hosts",
-      label: "Hosts",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabHosts",
       colLabel: "Host",
       fields: ["server_address", "net_peer_name", "net_peer_ip", "network_peer_address"],
     },
     {
       id: "rpc_services",
-      label: "RPC Services",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabRpcServices",
       colLabel: "RPC Service",
       fields: ["rpc_service"],
     },
@@ -790,13 +794,13 @@ const INFERRED_SERVICE_TABS: Record<string, InferredServiceTab[]> = {
   external: [
     {
       id: "hosts",
-      label: "Hosts",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabHosts",
       colLabel: "Host",
       fields: ["server_address", "net_peer_name", "net_peer_ip", "network_peer_address"],
     },
     {
       id: "urls",
-      label: "URLs",
+      labelKey: "traces.serviceGraphNodeSidePanel.tabUrls",
       colLabel: "URL",
       fields: ["http_url", "url_full"],
     },
@@ -1157,7 +1161,7 @@ export default defineComponent({
       rangeFiltersVersion.value;
       const chips: {
         key: string;
-        label: string;
+        label: I18nText;
         type: "duration" | "error";
       }[] = [];
       localRangeFilters.value.forEach((f, key) => {
@@ -1255,7 +1259,7 @@ export default defineComponent({
       sourceEvent?: {
         timestamp?: number | string;
         severity?: string;
-        message?: string;
+        message?: I18nText;
       };
       logStreams: any[];
       metricStreams: any[];
@@ -1515,15 +1519,16 @@ export default defineComponent({
       // schema fetch completes (reactive via streamFieldSet).
       if (!schemaResolved.value) return [];
       const resolved: ResourceTabConfig[] = [];
-      for (const t of tabs) {
-        const present = t.fields.filter((f) => fieldSet.has(f));
+      // named `tab`, not `t` — that would shadow the translator used just below
+      for (const tab of tabs) {
+        const present = tab.fields.filter((f) => fieldSet.has(f));
         if (present.length === 0) continue;
         resolved.push({
-          id: t.id,
-          label: t.label,
+          id: tab.id,
+          label: tab.labelKey ? t(tab.labelKey) : (tab.label ?? raw("")),
           groupField: `COALESCE(${buildCoalesceExpr(present)})`,
-          colLabel: t.colLabel,
-          colId: t.id,
+          colLabel: tab.colLabel,
+          colId: tab.id,
           environment: "",
           isDefault: true,
           fields: present,
@@ -2222,7 +2227,7 @@ export default defineComponent({
           const envKey = groupEnvKey(g.group_id) ?? g.group_id.split("-")[0];
           return {
             id: g.group_id,
-            label: g.display,
+            label: raw(g.display),
             groupField: field,
             colLabel: g.display,
             colId: g.group_id.replace(/-/g, "_"),
@@ -2465,6 +2470,7 @@ export default defineComponent({
     }
 
     return {
+      raw,
       t,
       serviceMetrics,
       serviceHealth,
diff --git a/web/src/plugins/traces/ServicesCatalog.vue b/web/src/plugins/traces/ServicesCatalog.vue
index aaf2e325a8..05d9377230 100644
--- a/web/src/plugins/traces/ServicesCatalog.vue
+++ b/web/src/plugins/traces/ServicesCatalog.vue
@@ -29,7 +29,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <div data-test="services-catalog-stream-selector" class="w-rail flex-shrink-0">
         <OSelect
           :model-value="streamFilter"
-          :options="availableStreams.map((s) => ({ label: s, value: s }))"
+          :options="availableStreams.map((s) => ({ label: raw(s), value: s }))"
           labelKey="label"
           valueKey="value"
           class="rounded-default w-full"
@@ -337,7 +337,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <ServiceCatalogBarCell
                 :value="row.error_rate"
                 :max="columnMaxes.error_rate"
-                :label="formatPercent(row.error_rate)"
+                :label="raw(formatPercent(row.error_rate))"
                 :variant="
                   row.error_rate > 10 ? 'danger' : row.error_rate > 5 ? 'warning' : 'default'
                 "
@@ -349,14 +349,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <template #cell-total_requests="{ row }">
               <span :data-test="`services-catalog-requests-${row.service_name}`">
                 {{ formatLargeNumber(row.total_requests) }}
-                <OTooltip :content="row.total_requests.toLocaleString()" />
+                <OTooltip :content="raw(row.total_requests.toLocaleString())" />
               </span>
             </template>
 
             <template #cell-error_count="{ row }">
               <span :data-test="`services-catalog-errors-${row.service_name}`">
                 {{ formatLargeNumber(row.error_count) }}
-                <OTooltip :content="row.error_count.toLocaleString()" />
+                <OTooltip :content="raw(row.error_count.toLocaleString())" />
               </span>
             </template>
 
@@ -365,8 +365,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <ServiceCatalogBarCell
                 :value="row.p50_latency_ns"
                 :max="columnMaxes.p50_latency_ns"
-                :label="formatLat(row.p50_latency_ns)"
-                :tooltip="row.p50_latency_ns.toLocaleString() + ' ns'"
+                :label="raw(formatLat(row.p50_latency_ns))"
+                :tooltip="raw(row.p50_latency_ns.toLocaleString() + ' ns')"
               />
             </template>
 
@@ -374,8 +374,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <ServiceCatalogBarCell
                 :value="row.p95_latency_ns"
                 :max="columnMaxes.p95_latency_ns"
-                :label="formatLat(row.p95_latency_ns)"
-                :tooltip="row.p95_latency_ns.toLocaleString() + ' ns'"
+                :label="raw(formatLat(row.p95_latency_ns))"
+                :tooltip="raw(row.p95_latency_ns.toLocaleString() + ' ns')"
               />
             </template>
 
@@ -383,8 +383,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <ServiceCatalogBarCell
                 :value="row.p99_latency_ns"
                 :max="columnMaxes.p99_latency_ns"
-                :label="formatLat(row.p99_latency_ns)"
-                :tooltip="row.p99_latency_ns.toLocaleString() + ' ns'"
+                :label="raw(formatLat(row.p99_latency_ns))"
+                :tooltip="raw(row.p99_latency_ns.toLocaleString() + ' ns')"
                 :variant="row.p99_latency_ns > P99_WARN_NS ? 'warning' : 'default'"
               />
             </template>
@@ -393,8 +393,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <ServiceCatalogBarCell
                 :value="row.avg_duration_ns"
                 :max="columnMaxes.avg_duration_ns"
-                :label="formatLat(row.avg_duration_ns)"
-                :tooltip="row.avg_duration_ns.toLocaleString() + ' ns'"
+                :label="raw(formatLat(row.avg_duration_ns))"
+                :tooltip="raw(row.avg_duration_ns.toLocaleString() + ' ns')"
               />
             </template>
 
@@ -402,8 +402,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <ServiceCatalogBarCell
                 :value="row.max_duration_ns"
                 :max="columnMaxes.max_duration_ns"
-                :label="formatLat(row.max_duration_ns)"
-                :tooltip="row.max_duration_ns.toLocaleString() + ' ns'"
+                :label="raw(formatLat(row.max_duration_ns))"
+                :tooltip="raw(row.max_duration_ns.toLocaleString() + ' ns')"
               />
             </template>
           </OTable>
@@ -429,7 +429,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, onUnmounted } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTable from "@/lib/core/Table/OTable.vue";
 import type { OTableColumnDef } from "@/lib/core/Table/OTable.types";
 import OTableColumnToggle from "@/lib/core/Table/sub-components/OTableColumnToggle.vue";
diff --git a/web/src/plugins/traces/ServicesCatalogNoDataState.vue b/web/src/plugins/traces/ServicesCatalogNoDataState.vue
index e61cffb368..23101ce39d 100644
--- a/web/src/plugins/traces/ServicesCatalogNoDataState.vue
+++ b/web/src/plugins/traces/ServicesCatalogNoDataState.vue
@@ -29,7 +29,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <EmptyStateActionCard
         icon="schedule"
         :label="t('traces.noEvents.jumpToData')"
-        :sublabel="jumpTargetSublabel"
+        :sublabel="raw(jumpTargetSublabel)"
         data-test="services-catalog-no-data-jump-to-data-card"
         @click="emit('jump-to-stream-data', jumpTarget.from, jumpTarget.to)"
       />
@@ -39,7 +39,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
 import EmptyStateActionCard from "@/lib/core/EmptyState/EmptyStateActionCard.vue";
 import useJumpToLatestData from "@/composables/useJumpToLatestData";
diff --git a/web/src/plugins/traces/SessionDetails.vue b/web/src/plugins/traces/SessionDetails.vue
index 20969f0b5d..10e589584a 100644
--- a/web/src/plugins/traces/SessionDetails.vue
+++ b/web/src/plugins/traces/SessionDetails.vue
@@ -909,7 +909,7 @@ import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
 import { copyToClipboard } from "@/utils/clipboard";
 import { formatDate } from "@/utils/date";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import {
   useSessions,
   type SessionDetail,
@@ -1092,7 +1092,7 @@ function kpiAccentClass(variant?: "danger"): string {
 /** A turn reference inside a KPI sub-line — rendered as a hover-preview chip. */
 interface TurnChip {
   n: number; // 1-based turn number
-  label: string;
+  label: I18nText;
 }
 
 // Session-level KPI tiles. Each sub-line is split into `subLead` text, optional
@@ -1102,7 +1102,7 @@ interface TurnChip {
 const kpiCards = computed<
   {
     key: string;
-    label: string;
+    label: I18nText;
     /** Material-symbol icon name (OIcon) shown next to the tile label. */
     icon: string;
     value: string;
@@ -1112,7 +1112,7 @@ const kpiCards = computed<
     subTail: string;
     variant?: "danger";
     estimate?: boolean;
-    tooltipRows?: { label: string; value: string }[];
+    tooltipRows?: { label: I18nText; value: string }[];
     /** Errors tile: show a "Filter Errors" button instead of per-turn chips
      *  when there are too many error turns to list as chips. */
     filterErrors?: boolean;
@@ -1163,7 +1163,7 @@ const kpiCards = computed<
               errors: s.errors,
               total: d.turns,
             }),
-      subTurns: s.errors > 3 ? [] : s.errorTurnNums.map((n) => ({ n, label: String(n) })),
+      subTurns: s.errors > 3 ? [] : s.errorTurnNums.map((n) => ({ n, label: raw(String(n)) })),
       filterErrors: s.errors > 3,
       subTail: "",
     },
@@ -1178,7 +1178,7 @@ const kpiCards = computed<
       subLead: t("traces.sessionDetail.kpiSub.latencyLead", {
         slowest: formatDuration(s.slowestLat),
       }),
-      subTurns: [{ n: s.slowestTurn, label: `${turnWord} ${s.slowestTurn}` }],
+      subTurns: [{ n: s.slowestTurn, label: raw(`${turnWord} ${s.slowestTurn}`) }],
       subTail: "",
     },
     {
@@ -1190,7 +1190,7 @@ const kpiCards = computed<
       subLead: t("traces.sessionDetail.kpiSub.costLead", {
         peak: usd4(s.maxCost),
       }),
-      subTurns: [{ n: s.peakTurn, label: `${turnWord} ${s.peakTurn}` }],
+      subTurns: [{ n: s.peakTurn, label: raw(`${turnWord} ${s.peakTurn}`) }],
       subTail: "",
     },
     {
@@ -1292,7 +1292,7 @@ const modelOptions = computed(() => {
   traces.value.forEach((tr) => tr.models.forEach((m) => models.add(m)));
   return [
     { label: t("traces.sessionDetail.filters.all"), value: "all" },
-    ...Array.from(models).map((m) => ({ label: m, value: m })),
+    ...Array.from(models).map((m) => ({ label: raw(m), value: m })),
   ];
 });
 
@@ -1346,7 +1346,7 @@ const turnDetailsByTrace = computed<Record<string, TurnDetail>>(() => {
         const inputMsgs = messagesFromInput(sp.gen_ai_input_messages);
         for (let i = inputMsgs.length - 1; i >= 0; i--) {
           if (inputMsgs[i].role === "user" && inputMsgs[i].content) {
-            userMessage = { role: "user", content: inputMsgs[i].content };
+            userMessage = { role: "user", content: raw(inputMsgs[i].content) };
             break;
           }
         }
diff --git a/web/src/plugins/traces/SessionsList.vue b/web/src/plugins/traces/SessionsList.vue
index 074450602e..9ab1b22629 100644
--- a/web/src/plugins/traces/SessionsList.vue
+++ b/web/src/plugins/traces/SessionsList.vue
@@ -105,7 +105,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           variant="error"
           data-test="sessions-empty-error"
           :title="t('traces.sessionsList.failedToLoad')"
-          :description="error || ''"
+          :description="raw(error || '')"
           :action-label="t('traces.sessionsList.retry')"
           action-icon="refresh"
           @action="loadSessions()"
@@ -135,7 +135,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <template #cell-sessionId="{ row }">
         <div class="w-full truncate text-xs">
           {{ row.sessionId }}
-          <OTooltip :content="row.sessionId" />
+          <OTooltip :content="raw(row.sessionId)" />
         </div>
       </template>
 
@@ -148,7 +148,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       <template #cell-firstUserMessage="{ row }">
         <div v-if="row.firstUserMessage" class="text-text-secondary w-full truncate text-xs">
           {{ row.firstUserMessage }}
-          <OTooltip :content="row.firstUserMessage" />
+          <OTooltip :content="raw(row.firstUserMessage)" />
         </div>
         <span v-else class="text-text-muted text-xs">—</span>
       </template>
@@ -163,7 +163,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         <span class="text-xs">
           {{ formatDuration(row.durationNanos) }}
           <OTooltip
-            :content="`${row.durationNanos.toLocaleString()} ${t('traces.sessionsList.durationNs')}`"
+            :content="
+              raw(`${row.durationNanos.toLocaleString()} ${t('traces.sessionsList.durationNs')}`)
+            "
           />
         </span>
       </template>
@@ -209,7 +211,7 @@ import { ref, computed, onMounted, onUnmounted, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
 import { formatDate } from "@/utils/date";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTable from "@/lib/core/Table/OTable.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import OUserCell from "@/lib/core/Table/cells/OUserCell.vue";
diff --git a/web/src/plugins/traces/ThreadView.vue b/web/src/plugins/traces/ThreadView.vue
index 2d3a7cfb50..db6ad202f2 100644
--- a/web/src/plugins/traces/ThreadView.vue
+++ b/web/src/plugins/traces/ThreadView.vue
@@ -213,7 +213,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
             <OIcon name="person" size="sm" />
             <OTooltip
               v-if="group.userId"
-              :content="group.userId"
+              :content="raw(group.userId)"
               side="bottom"
               align="center"
               :side-offset="6"
@@ -328,7 +328,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 
 export interface Props {
diff --git a/web/src/plugins/traces/TraceDetails.vue b/web/src/plugins/traces/TraceDetails.vue
index fca37f7ac6..b36eb2789c 100644
--- a/web/src/plugins/traces/TraceDetails.vue
+++ b/web/src/plugins/traces/TraceDetails.vue
@@ -104,7 +104,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     {{ t("traces.spansLabel") }}
                   </span>
                 </OTag>
-                <OTooltip :content="effectiveSpanList.length + ' ' + t('traces.spansLabel')" />
+                <OTooltip :content="raw(effectiveSpanList.length + ' ' + t('traces.spansLabel'))" />
               </span>
 
               <div class="bg-text-label h-4 w-px py-0" />
@@ -120,7 +120,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     >{{ formatLargeNumber(errorSpansCount) }} {{ t("traces.errorsLabel") }}</span
                   >
                 </OTag>
-                <OTooltip :content="errorSpansCount + ' ' + t('traces.errorsLabel')" />
+                <OTooltip :content="raw(errorSpansCount + ' ' + t('traces.errorsLabel'))" />
               </span>
             </div>
           </template>
@@ -288,7 +288,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     {{ t("traces.spansLabel") }}
                   </span>
                 </OTag>
-                <OTooltip :content="effectiveSpanList.length + ' ' + t('traces.spansLabel')" />
+                <OTooltip :content="raw(effectiveSpanList.length + ' ' + t('traces.spansLabel'))" />
               </span>
 
               <div class="bg-text-label h-4 w-px py-0" />
@@ -304,7 +304,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                     >{{ formatLargeNumber(errorSpansCount) }} {{ t("traces.errorsLabel") }}</span
                   >
                 </OTag>
-                <OTooltip :content="errorSpansCount + ' ' + t('traces.errorsLabel')" />
+                <OTooltip :content="raw(errorSpansCount + ' ' + t('traces.errorsLabel'))" />
               </span>
             </div>
           </div>
@@ -533,7 +533,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                 />
                 <div
                   ref="traceScrollContainer"
-                  class="relative-position trace-content-scroll min-h-0! max-w-full! flex-1! overflow-x-hidden! overflow-y-auto! [scrollbar-gutter:stable]!"
+                  class="relative-position trace-content-scroll min-h-0! max-w-full! flex-1! [scrollbar-gutter:stable]! overflow-x-hidden! overflow-y-auto!"
                   :style="{
                     width: isSidebarOpen ? leftWidth + 'px' : '100%',
                   }"
@@ -874,7 +874,7 @@ import {
 import { SPAN_KIND_MAP } from "@/utils/traces/constants";
 import useResizer from "@/composables/useResizer";
 import { copyToClipboard } from "@/utils/clipboard";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import useStreams from "@/composables/useStreams";
 import useRumSpanBuilder from "@/composables/rum/useRumSpanBuilder";
 import { b64EncodeUnicode, formatLargeNumber } from "@/utils/zincutils";
@@ -1162,7 +1162,7 @@ export default defineComponent({
       const toPatternNode = (node: EngineTreeNode): PatternTreeNode => ({
         id: node.id,
         name: node.name,
-        label: node.label,
+        label: raw(node.label),
         value: node.value,
         errorRate: node.errorRate ?? 0,
         metadata: node.metadata,
@@ -2209,7 +2209,7 @@ export default defineComponent({
     }
 
     const calculateTracePosition = () => {
-      const tics: { value: number; label: string; left: string }[] = [];
+      const tics: { value: number; label: I18nText; left: string }[] = [];
       baseTracePosition.value["durationMs"] = timeRange.value.end;
       baseTracePosition.value["durationUs"] = timeRange.value.end * 1000;
       baseTracePosition.value["startTimeUs"] =
@@ -2219,7 +2219,7 @@ export default defineComponent({
       for (let i = 0; i <= 4; i++) {
         tics.push({
           value: Number(time.toFixed(2)),
-          label: `${formatTimeWithSuffix(time * 1000)}`,
+          label: raw(formatTimeWithSuffix(time * 1000)),
           left: i === 0 ? "-1px" : `${25 * i}%`,
         });
         time += quarterMs;
@@ -2877,6 +2877,7 @@ export default defineComponent({
     return {
       router,
       t,
+      raw,
       // Exposed for the template `v-if` gating the LLM Observability
       // surfaces (Thread tab toggle + ThreadView body) behind
       // `config.showLLMUI`.
diff --git a/web/src/plugins/traces/TracesNoEventsState.vue b/web/src/plugins/traces/TracesNoEventsState.vue
index f7f7ca7745..9073149070 100644
--- a/web/src/plugins/traces/TracesNoEventsState.vue
+++ b/web/src/plugins/traces/TracesNoEventsState.vue
@@ -53,7 +53,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         v-if="jumpTarget"
         icon="schedule"
         :label="t('traces.noEvents.jumpToData')"
-        :sublabel="jumpTargetSublabel"
+        :sublabel="raw(jumpTargetSublabel)"
         data-test="traces-no-events-jump-to-data-card"
         @click="emit('jump-to-stream-data', jumpTarget.from, jumpTarget.to)"
       />
@@ -83,7 +83,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { DateTime } from "luxon";
 import OEmptyState from "@/lib/core/EmptyState/OEmptyState.vue";
diff --git a/web/src/plugins/traces/agentOptionFormat.ts b/web/src/plugins/traces/agentOptionFormat.ts
index 7f44478158..c646fed59f 100644
--- a/web/src/plugins/traces/agentOptionFormat.ts
+++ b/web/src/plugins/traces/agentOptionFormat.ts
@@ -1,4 +1,6 @@
 // Copyright 2026 OpenObserve Inc.
+import { raw } from "@/types/i18n";
+
 import type { GenAiAgentListItem } from "@/services/gen-ai-agent-mapping.service";
 import type { SelectOption } from "@/lib/forms/Select/OSelect.types";
 import { agentOptionKey, ALL_AGENTS_VALUE } from "./llmAgentFilter";
@@ -38,13 +40,15 @@ export function buildAgentSelectOptions(
   }
   const result: SelectOption[] = [];
   if (options.includeAllAgents) {
-    result.push({ label: t("traces.allAgents"), value: ALL_AGENTS_VALUE });
+    // `t` is the caller-injected translator (plain `(k) => string`), so the text
+    // is already translated by the time it lands here — `raw` only re-brands it.
+    result.push({ label: raw(t("traces.allAgents")), value: ALL_AGENTS_VALUE });
   }
   for (const [name, variants] of byName) {
-    result.push({ label: name, header: true });
+    result.push({ label: raw(name), header: true });
     for (const agent of variants) {
       result.push({
-        label: variantLabel(agent, t),
+        label: raw(variantLabel(agent, t)),
         value: agentOptionKey(agent),
         agent,
       });
@@ -74,7 +78,7 @@ export function buildStreamSelectOptions(
     counts.set(a.source_stream, (counts.get(a.source_stream) ?? 0) + 1);
   }
   return streams.map((s) => ({
-    label: s,
+    label: raw(s),
     value: s,
     agentCount: counts.get(s) ?? 0,
   }));
diff --git a/web/src/plugins/traces/components/ServiceCatalogBarCell.vue b/web/src/plugins/traces/components/ServiceCatalogBarCell.vue
index 4549b32155..bc352438a0 100644
--- a/web/src/plugins/traces/components/ServiceCatalogBarCell.vue
+++ b/web/src/plugins/traces/components/ServiceCatalogBarCell.vue
@@ -47,6 +47,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
+import type { I18nText } from "@/types/i18n";
 import { computed } from "vue";
 import OProgressBar from "@/lib/data/ProgressBar/OProgressBar.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -55,9 +56,9 @@ import type { ProgressBarVariant } from "@/lib/data/ProgressBar/OProgressBar.typ
 const props = defineProps<{
   value: number;
   max: number;
-  label: string;
+  label: I18nText;
   variant?: ProgressBarVariant;
-  tooltip?: string;
+  tooltip?: I18nText;
   align?: "left" | "right";
   /** Render the number inline (row-baseline) with the bar as a bottom underline,
    *  so it aligns with single-line numeric columns in the same table row. */
diff --git a/web/src/plugins/traces/components/SpanKindBadge.vue b/web/src/plugins/traces/components/SpanKindBadge.vue
index 0dc3909d92..af38bee1fd 100644
--- a/web/src/plugins/traces/components/SpanKindBadge.vue
+++ b/web/src/plugins/traces/components/SpanKindBadge.vue
@@ -21,11 +21,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>. -->
     :data-test="`trace-tree-span-kind-badge-${kindClass}`"
   >
     {{ abbrev }}
-    <OTooltip :content="kind" side="bottom" align="center" />
+    <OTooltip :content="raw(kind)" side="bottom" align="center" />
   </OTag>
 </template>
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { computed } from "vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
diff --git a/web/src/plugins/traces/components/SpanStatusCodeBadge.vue b/web/src/plugins/traces/components/SpanStatusCodeBadge.vue
index 1cbda71eb8..f8ea8d2a9f 100644
--- a/web/src/plugins/traces/components/SpanStatusCodeBadge.vue
+++ b/web/src/plugins/traces/components/SpanStatusCodeBadge.vue
@@ -35,13 +35,14 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>. -->
     data-test="span-status-code-badge"
     :type="badgeType"
     :value="badgeValue"
-    :label="displayValue"
+    :label="raw(displayValue)"
     :dot="false"
     class="font-mono tabular-nums"
   />
 </template>
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import { computed } from "vue";
 import OTag from "@/lib/core/Badge/OTag.vue";
 import { httpStatusBucket, grpcStatusKey } from "@/lib/core/Badge/badgeGroups";
diff --git a/web/src/plugins/traces/components/SpanStatusPill.vue b/web/src/plugins/traces/components/SpanStatusPill.vue
index 6b5b5e04ed..17f1ecf3e1 100644
--- a/web/src/plugins/traces/components/SpanStatusPill.vue
+++ b/web/src/plugins/traces/components/SpanStatusPill.vue
@@ -18,12 +18,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>. -->
     data-test="span-row-status-pill"
     type="spanStatus"
     :value="status || 'unset'"
-    :label="status || 'UNSET'"
+    :label="raw(status || 'UNSET')"
     class="uppercase"
   />
 </template>
 
 <script setup lang="ts">
+import { raw } from "@/types/i18n";
 import OTag from "@/lib/core/Badge/OTag.vue";
 
 defineProps<{
diff --git a/web/src/plugins/traces/components/TraceStatusCell.vue b/web/src/plugins/traces/components/TraceStatusCell.vue
index be6655c5c8..39bdab04ac 100644
--- a/web/src/plugins/traces/components/TraceStatusCell.vue
+++ b/web/src/plugins/traces/components/TraceStatusCell.vue
@@ -19,13 +19,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     data-test="trace-row-status-pill"
     type="spanStatus"
     :value="hasErrors ? 'error' : 'success'"
-    :label="label"
+    :label="raw(label)"
   />
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OTag from "@/lib/core/Badge/OTag.vue";
 
 const { t } = useI18nTyped();
diff --git a/web/src/plugins/traces/composables/useSessions.ts b/web/src/plugins/traces/composables/useSessions.ts
index 0527ee2cfa..eb6478690f 100644
--- a/web/src/plugins/traces/composables/useSessions.ts
+++ b/web/src/plugins/traces/composables/useSessions.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { ref } from "vue";
 import { useStore } from "vuex";
 import sessionsService from "@/services/sessions";
@@ -76,7 +78,7 @@ export interface SessionTraceRow {
 /** Single message inside a turn (USER block / ASSISTANT block). */
 export interface TurnMessage {
   role: "user" | "assistant" | "system" | "tool";
-  content: string;
+  content: I18nText;
 }
 
 /** Full per-turn payload, lazy-loaded when a turn row is expanded. */
diff --git a/web/src/plugins/traces/composables/useTracesTableColumns.spec.ts b/web/src/plugins/traces/composables/useTracesTableColumns.spec.ts
index 5532497085..9146b6f76f 100644
--- a/web/src/plugins/traces/composables/useTracesTableColumns.spec.ts
+++ b/web/src/plugins/traces/composables/useTracesTableColumns.spec.ts
@@ -166,8 +166,10 @@ describe("useTracesTableColumns", () => {
       return buildCols(false, "spans", ["span_kind"]).find((c) => c.id === "span_kind");
     }
 
-    it("should use 'Span Kind' as the header", () => {
-      expect(getSpanKindCol()?.header).toBe("Span Kind");
+    // Known columns store an i18n KEY (headerKey) and translate it at build
+    // time; the mocked `t` above echoes the key back.
+    it("should translate the Span Kind header key", () => {
+      expect(getSpanKindCol()?.header).toBe("traces.tableColumns.spanKind");
     });
 
     it("should use size 120", () => {
@@ -282,9 +284,9 @@ describe("useTracesTableColumns", () => {
       expect(ids).toContain("span_status");
     });
 
-    it("should use 'Span Status' as the header for span_status", () => {
+    it("should translate the Span Status header key for span_status", () => {
       const col = buildCols(false, "spans", ["span_status"]).find((c) => c.id === "span_status");
-      expect(col?.header).toBe("Span Status");
+      expect(col?.header).toBe("traces.tableColumns.spanStatus");
     });
 
     it("should use size 120 for span_status", () => {
diff --git a/web/src/plugins/traces/composables/useTracesTableColumns.ts b/web/src/plugins/traces/composables/useTracesTableColumns.ts
index c95161f7ab..60d166f739 100644
--- a/web/src/plugins/traces/composables/useTracesTableColumns.ts
+++ b/web/src/plugins/traces/composables/useTracesTableColumns.ts
@@ -38,7 +38,7 @@ import { ref } from "vue";
 import { type ColumnDef } from "@tanstack/vue-table";
 import { useStore } from "vuex";
 import { timestampToTimezoneDate } from "@/utils/zincutils";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nKey, type TranslateFn } from "@/types/i18n";
 import { SPAN_KIND_MAP } from "@/utils/traces/constants";
 
 /** IDs of LLM columns injected at runtime — never stored in selectedFields. */
@@ -47,11 +47,15 @@ export const LLM_COLUMN_IDS = new Set(["input_tokens", "output_tokens", "cost"])
 /**
  * Known column metadata. Any field name NOT in this map gets a generic
  * prettified header and default width.
+ *
+ * `headerKey` is an i18n KEY, not resolved text: this map lives at MODULE scope,
+ * where `t()` would resolve once at import and freeze the copy at whatever
+ * locale was active on page load. `toColumnDef` translates it per build instead.
  */
 const KNOWN_COLUMN_META: Record<
   string,
   {
-    header: string;
+    headerKey: I18nKey;
     size: number;
     meta: Record<string, unknown>;
     accessorFn?: (row: any) => any;
@@ -59,17 +63,17 @@ const KNOWN_COLUMN_META: Record<
   }
 > = {
   service_name: {
-    header: "Service",
+    headerKey: "traces.tableColumns.service",
     size: 160,
     meta: { cellClass: "text-[var(--color-text-secondary)]", slot: true },
   },
   operation_name: {
-    header: "Operation Name",
+    headerKey: "traces.tableColumns.operationName",
     size: 200,
     meta: { cellClass: "text-[var(--color-text-secondary)]", slot: true },
   },
   duration: {
-    header: "Duration",
+    headerKey: "traces.tableColumns.duration",
     size: 120,
     meta: {
       sortable: true,
@@ -78,7 +82,7 @@ const KNOWN_COLUMN_META: Record<
     },
   },
   spans: {
-    header: "Spans",
+    headerKey: "traces.tableColumns.spans",
     size: 100,
     meta: {
       align: "right",
@@ -88,38 +92,38 @@ const KNOWN_COLUMN_META: Record<
     accessorFn: (row: any) => row.spans,
   },
   span_kind: {
-    header: "Span Kind",
+    headerKey: "traces.tableColumns.spanKind",
     size: 120,
     meta: { align: "left", slot: false, closable: true },
     accessorFn: (row: any) => SPAN_KIND_MAP[row.span_kind] ?? row.span_kind ?? "",
   },
   span_status: {
-    header: "Span Status",
+    headerKey: "traces.tableColumns.spanStatus",
     size: 120,
     meta: { align: "left", slot: true, disableCellAction: true },
   },
   status: {
-    header: "Status",
+    headerKey: "traces.tableColumns.status",
     size: 120,
     meta: { align: "left", slot: true, disableCellAction: true },
   },
   service_latency: {
-    header: "Service Latency",
+    headerKey: "traces.tableColumns.serviceLatency",
     size: 160,
     meta: { slot: true, disableCellAction: true },
   },
   input_tokens: {
-    header: "Input Tokens",
+    headerKey: "traces.tableColumns.inputTokens",
     size: 130,
     meta: { align: "right", slot: true },
   },
   output_tokens: {
-    header: "Output Tokens",
+    headerKey: "traces.tableColumns.outputTokens",
     size: 130,
     meta: { align: "right", slot: true },
   },
   cost: {
-    header: "Cost",
+    headerKey: "traces.tableColumns.cost",
     size: 130,
     meta: { align: "right", slot: true },
   },
@@ -127,6 +131,7 @@ const KNOWN_COLUMN_META: Record<
 
 function toColumnDef(
   fieldName: string,
+  t: TranslateFn,
   searchMode?: "traces" | "spans",
 ): ColumnDef<Record<string, any>> {
   const known = KNOWN_COLUMN_META[fieldName];
@@ -134,7 +139,7 @@ function toColumnDef(
   if (known && !(fieldName === "status" && searchMode === "spans")) {
     return {
       id: fieldName,
-      header: known.header,
+      header: t(known.headerKey),
       size: known.size,
       meta: { ...known.meta },
       ...(known.accessorFn ? { accessorFn: known.accessorFn } : {}),
@@ -167,7 +172,7 @@ export function useTracesTableColumns() {
     selectedFields: string[],
   ): ColumnDef<Record<string, any>>[] => {
     const cols: ColumnDef<Record<string, any>>[] = selectedFields.map((field) =>
-      toColumnDef(field, searchMode),
+      toColumnDef(field, t, searchMode),
     );
 
     const timestampCol = store?.state?.zoConfig?.timestamp_column || "_timestamp";
@@ -192,13 +197,13 @@ export function useTracesTableColumns() {
       const llm: ColumnDef<Record<string, any>>[] = [];
 
       if (!selectedFields.includes("input_tokens")) {
-        llm.push(toColumnDef("input_tokens", searchMode));
+        llm.push(toColumnDef("input_tokens", t, searchMode));
       }
       if (!selectedFields.includes("output_tokens")) {
-        llm.push(toColumnDef("output_tokens", searchMode));
+        llm.push(toColumnDef("output_tokens", t, searchMode));
       }
       if (!selectedFields.includes("cost")) {
-        llm.push(toColumnDef("cost", searchMode));
+        llm.push(toColumnDef("cost", t, searchMode));
       }
 
       if (tailIdx !== -1) {
diff --git a/web/src/plugins/traces/config/llmInsightsPanels.ts b/web/src/plugins/traces/config/llmInsightsPanels.ts
index 0c561cdb74..0262b99bdc 100644
--- a/web/src/plugins/traces/config/llmInsightsPanels.ts
+++ b/web/src/plugins/traces/config/llmInsightsPanels.ts
@@ -28,6 +28,8 @@
  *   {{interval}}  — auto-selected histogram bucket width string ("5 minutes" etc.)
  */
 
+import { type I18nKey } from "@/types/i18n";
+
 export type LLMPanelType = "stacked-area" | "stacked-bar" | "horizontal-bar" | "table";
 
 export type LLMTableColumnFormat =
@@ -41,8 +43,13 @@ export type LLMTableColumnFormat =
 export interface LLMTableColumn {
   /** Hit field used as the value source. May be omitted for "view-link". */
   field?: string;
-  /** Header label (rendered uppercase). */
-  label: string;
+  /**
+   * i18n KEY for the header label (rendered uppercase). Stored as a key rather
+   * than resolved text because this module is a plain, i18n-less config: the
+   * render site translates it with `t()` so it follows the active locale.
+   * Omit for a column with no header (e.g. the trailing "view" link).
+   */
+  labelKey?: I18nKey;
   format?: LLMTableColumnFormat;
   align?: "left" | "right";
 }
@@ -74,8 +81,13 @@ export interface LLMPanelLayout {
 
 export interface LLMPanelDef {
   id: string;
-  title: string;
-  subtitle?: string;
+  /**
+   * i18n KEY for the panel heading — see {@link LLMTableColumn.labelKey} for why
+   * these are keys and not text. Resolved by LLMSchemaPanel / LLMErrorTable.
+   */
+  titleKey: I18nKey;
+  /** i18n KEY for the panel sub-heading. */
+  subtitleKey?: I18nKey;
   type: LLMPanelType;
   layout: LLMPanelLayout;
   query: LLMPanelQuery;
@@ -92,20 +104,8 @@ export interface LLMPanelDef {
   series?: Array<{ field: string; label: string; color: string }>;
   /** Column definitions for "table" panels. */
   columns?: LLMTableColumn[];
-  /** Friendly message shown when the panel has no data (overrides "No data"). */
-  emptyStateText?: string;
-}
-
-/**
- * i18n base key for a panel's title/subtitle. The panel `id` (kebab-case) maps
- * to a camelCase key under `aiObservability.panels` — e.g. "traces-over-time" →
- * "aiObservability.panels.tracesOverTime". Render sites resolve `${key}.title` /
- * `${key}.subtitle` and fall back to the hardcoded `title`/`subtitle` when the
- * key is missing, so the en.json copy is the source of truth where it exists.
- */
-export function panelI18nKey(id: string): string {
-  const camel = id.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-  return `aiObservability.panels.${camel}`;
+  /** i18n key for the message shown when the panel has no data (overrides "No data"). */
+  emptyStateKey?: I18nKey;
 }
 
 // Time-range pruning is handled by the search engine via the start_time /
@@ -126,8 +126,8 @@ const OBSERVATION_TYPE_FIELD = `gen_ai_operation_name`;
 export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   {
     id: "cost-trend",
-    title: "Cost trend",
-    subtitle: "USD by model",
+    titleKey: "aiObservability.panels.costTrend.title",
+    subtitleKey: "aiObservability.panels.costTrend.subtitle",
     type: "stacked-bar",
     layout: { colSpan: 1 },
     query: {
@@ -153,8 +153,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "token-trend",
-    title: "Token trend",
-    subtitle: "tokens by model",
+    titleKey: "aiObservability.panels.tokenTrend.title",
+    subtitleKey: "aiObservability.panels.tokenTrend.subtitle",
     type: "stacked-bar",
     layout: { colSpan: 1 },
     query: {
@@ -176,8 +176,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "span-trend",
-    title: "Span trend",
-    subtitle: "span count by kind",
+    titleKey: "aiObservability.panels.spanTrend.title",
+    subtitleKey: "aiObservability.panels.spanTrend.subtitle",
     type: "stacked-bar",
     layout: { colSpan: 1 },
     query: {
@@ -198,8 +198,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "latency-by-model",
-    title: "Latency by model",
-    subtitle: "p50 / p90 / p95 / p99",
+    titleKey: "aiObservability.panels.latencyByModel.title",
+    subtitleKey: "aiObservability.panels.latencyByModel.subtitle",
     type: "horizontal-bar",
     layout: { colSpan: 1 },
     limit: 8,
@@ -233,8 +233,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "traces-over-time",
-    title: "Traces over time",
-    subtitle: "trace count by service",
+    titleKey: "aiObservability.panels.tracesOverTime.title",
+    subtitleKey: "aiObservability.panels.tracesOverTime.subtitle",
     type: "stacked-bar",
     layout: { colSpan: 1 },
     query: {
@@ -255,8 +255,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "errors-over-time",
-    title: "Errors over time",
-    subtitle: "error count",
+    titleKey: "aiObservability.panels.errorsOverTime.title",
+    subtitleKey: "aiObservability.panels.errorsOverTime.subtitle",
     type: "stacked-bar",
     layout: { colSpan: 1 },
     color: "#ef4444",
@@ -281,8 +281,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "spans-by-model",
-    title: "Spans by model",
-    subtitle: "call count per model",
+    titleKey: "aiObservability.panels.spansByModel.title",
+    subtitleKey: "aiObservability.panels.spansByModel.subtitle",
     type: "horizontal-bar",
     layout: { colSpan: 1 },
     color: "#3b82f6",
@@ -303,8 +303,8 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "tokens-by-model",
-    title: "Tokens by model",
-    subtitle: "total tokens per model",
+    titleKey: "aiObservability.panels.tokensByModel.title",
+    subtitleKey: "aiObservability.panels.tokensByModel.subtitle",
     type: "horizontal-bar",
     layout: { colSpan: 1 },
     color: "#a855f7",
@@ -325,11 +325,11 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
   },
   {
     id: "recent-errors",
-    title: "Recent errors",
-    subtitle: "last 10 failed spans",
+    titleKey: "aiObservability.panels.recentErrors.title",
+    subtitleKey: "aiObservability.panels.recentErrors.subtitle",
     type: "table",
     layout: { colSpan: 2 },
-    emptyStateText: "No errors in this time range",
+    emptyStateKey: "traces.lLMErrorTable.noErrorsInRange",
     query: {
       // No baseFilter for the same reason as errors-over-time. Operation
       // label uses `operation_name` (the actual OO traces column) — `span_name`
@@ -351,11 +351,11 @@ export const LLM_INSIGHTS_PANELS: LLMPanelDef[] = [
       `,
     },
     columns: [
-      { field: "_timestamp", label: "Time", format: "time" },
-      { field: "service_name", label: "Service", format: "service-chip" },
-      { field: "operation", label: "Operation", format: "error" },
-      { field: "trace_id", label: "Trace ID", format: "text" },
-      { field: "trace_id", label: "", format: "view-link", align: "right" },
+      { field: "_timestamp", labelKey: "traces.lLMErrorTable.time", format: "time" },
+      { field: "service_name", labelKey: "traces.lLMErrorTable.service", format: "service-chip" },
+      { field: "operation", labelKey: "traces.lLMErrorTable.operation", format: "error" },
+      { field: "trace_id", labelKey: "traces.lLMErrorTable.traceId", format: "text" },
+      { field: "trace_id", format: "view-link", align: "right" },
     ],
   },
 ];
diff --git a/web/src/plugins/traces/llmPanelSchema.ts b/web/src/plugins/traces/llmPanelSchema.ts
index bdc9b285e2..1369568a86 100644
--- a/web/src/plugins/traces/llmPanelSchema.ts
+++ b/web/src/plugins/traces/llmPanelSchema.ts
@@ -29,6 +29,8 @@
  * Only panel types present in `TYPE_MAP` are convertible.
  */
 
+import { raw, type I18nText } from "@/types/i18n";
+
 import type { LLMPanelDef } from "./config/llmInsightsPanels";
 
 /** Our internal panel type → dashboard chart type id (see ChartSelection.vue). */
@@ -47,11 +49,13 @@ interface AxisField {
   alias: string;
   column: string;
   color: string | null;
-  label: string;
+  label: I18nText;
 }
 
+// Axis labels here are column aliases and panel-defined series names
+// (`p50`, `errors`, the raw breakdown column) — identifiers, not prose.
 function axisField(name: string, label: string): AxisField {
-  return { alias: name, column: name, color: null, label };
+  return { alias: name, column: name, color: null, label: raw(label) };
 }
 
 export function buildLLMPanelSchema(opts: {
diff --git a/web/src/plugins/traces/metrics/TracesAnalysisDashboard.vue b/web/src/plugins/traces/metrics/TracesAnalysisDashboard.vue
index 4cafc382fc..5204315979 100644
--- a/web/src/plugins/traces/metrics/TracesAnalysisDashboard.vue
+++ b/web/src/plugins/traces/metrics/TracesAnalysisDashboard.vue
@@ -20,7 +20,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     bleed
     v-model:open="isOpen"
     :width="80"
-    :title="drawerTitle"
+    :title="raw(drawerTitle)"
     @update:open="(v) => !v && onClose()"
   >
     <template #header-left>
@@ -306,7 +306,7 @@ import ODrawer from "@/lib/overlay/Drawer/ODrawer.vue";
 import { ref, computed, watch, defineAsyncComponent, nextTick } from "vue";
 import { useStore } from "vuex";
 import useTheme from "@/composables/useTheme";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import useNotifications from "@/composables/useNotifications";
 import {
   useLatencyInsightsAnalysis,
diff --git a/web/src/plugins/traces/threadView.utils.ts b/web/src/plugins/traces/threadView.utils.ts
index da87db3ccf..a4153671f1 100644
--- a/web/src/plugins/traces/threadView.utils.ts
+++ b/web/src/plugins/traces/threadView.utils.ts
@@ -29,6 +29,7 @@
  * Read the LLM operation kind from a span.
  * Uses the OTEL gen_ai.operation.name value directly.
  */
+
 export function getOp(span: any): string {
   return String(span?.gen_ai_operation_name || "");
 }
@@ -125,6 +126,7 @@ export type Role = "system" | "user" | "assistant" | "tool" | "unknown";
 
 export interface Message {
   role: Role;
+  /** LLM message body — data from the traced payload, never UI copy. */
   content: string;
   /** stable signature used for dedup across turns */
   sig: string;
diff --git a/web/src/plugins/workflows/alertFields.ts b/web/src/plugins/workflows/alertFields.ts
index d92e103e58..ddf83d6bd5 100644
--- a/web/src/plugins/workflows/alertFields.ts
+++ b/web/src/plugins/workflows/alertFields.ts
@@ -14,7 +14,7 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-import type { I18nKey } from "@/types/i18n";
+import { raw, type I18nKey, I18nText } from "@/types/i18n";
 
 // Fields available to a workflow Condition. A workflow has no upstream stream
 // node (unlike a pipeline), so conditions branch on the fired-alert payload.
@@ -26,7 +26,7 @@ import type { I18nKey } from "@/types/i18n";
 // column).
 
 export interface WorkflowFieldOption {
-  label: string;
+  label: I18nText;
   value: string;
   type: string;
 }
@@ -77,17 +77,17 @@ export const TRIGGER_META_VARS: TriggerOutputVar[] = [
 // map at this stage, so even numeric-looking fields (threshold/count/period,
 // timestamps) are exposed as strings. Revisit once the backend types the columns.
 export const ALERT_PAYLOAD_FIELDS: WorkflowFieldOption[] = [
-  { label: "meta_alert_name", value: "meta_alert_name", type: "Utf8" },
-  { label: "meta_alert_type", value: "meta_alert_type", type: "Utf8" },
-  { label: "meta_alert_operator", value: "meta_alert_operator", type: "Utf8" },
-  { label: "meta_alert_threshold", value: "meta_alert_threshold", type: "Utf8" },
-  { label: "meta_alert_count", value: "meta_alert_count", type: "Utf8" },
-  { label: "meta_alert_period", value: "meta_alert_period", type: "Utf8" },
-  { label: "meta_stream_name", value: "meta_stream_name", type: "Utf8" },
-  { label: "meta_stream_type", value: "meta_stream_type", type: "Utf8" },
-  { label: "meta_org_id", value: "meta_org_id", type: "Utf8" },
-  { label: "meta_alert_start_time", value: "meta_alert_start_time", type: "Utf8" },
-  { label: "meta_alert_end_time", value: "meta_alert_end_time", type: "Utf8" },
-  { label: "meta_alert_trigger_time", value: "meta_alert_trigger_time", type: "Utf8" },
-  { label: "meta_alert_url", value: "meta_alert_url", type: "Utf8" },
+  { label: raw("meta_alert_name"), value: "meta_alert_name", type: "Utf8" },
+  { label: raw("meta_alert_type"), value: "meta_alert_type", type: "Utf8" },
+  { label: raw("meta_alert_operator"), value: "meta_alert_operator", type: "Utf8" },
+  { label: raw("meta_alert_threshold"), value: "meta_alert_threshold", type: "Utf8" },
+  { label: raw("meta_alert_count"), value: "meta_alert_count", type: "Utf8" },
+  { label: raw("meta_alert_period"), value: "meta_alert_period", type: "Utf8" },
+  { label: raw("meta_stream_name"), value: "meta_stream_name", type: "Utf8" },
+  { label: raw("meta_stream_type"), value: "meta_stream_type", type: "Utf8" },
+  { label: raw("meta_org_id"), value: "meta_org_id", type: "Utf8" },
+  { label: raw("meta_alert_start_time"), value: "meta_alert_start_time", type: "Utf8" },
+  { label: raw("meta_alert_end_time"), value: "meta_alert_end_time", type: "Utf8" },
+  { label: raw("meta_alert_trigger_time"), value: "meta_alert_trigger_time", type: "Utf8" },
+  { label: raw("meta_alert_url"), value: "meta_alert_url", type: "Utf8" },
 ];
diff --git a/web/src/plugins/workflows/incidentFields.ts b/web/src/plugins/workflows/incidentFields.ts
index cc14e2067c..e0a879aa1b 100644
--- a/web/src/plugins/workflows/incidentFields.ts
+++ b/web/src/plugins/workflows/incidentFields.ts
@@ -25,6 +25,8 @@
 // filtering on an event-specific field naturally only matches its own events
 // (e.g. `meta_new_severity` is set only on severity_upgrade/override).
 
+import { raw } from "@/types/i18n";
+
 import type { WorkflowFieldOption } from "./alertFields";
 
 // Timestamps arrive as i64 epochs (real numbers, unlike the alert meta block
@@ -33,31 +35,31 @@ import type { WorkflowFieldOption } from "./alertFields";
 // array is ill-defined — but remain typeable via allow-custom-columns.
 export const INCIDENT_PAYLOAD_FIELDS: WorkflowFieldOption[] = [
   // ── Common — present on every lifecycle event ──
-  { label: "meta_event_type", value: "meta_event_type", type: "Utf8" },
-  { label: "meta_incident_id", value: "meta_incident_id", type: "Utf8" },
-  { label: "meta_title", value: "meta_title", type: "Utf8" },
-  { label: "meta_status", value: "meta_status", type: "Utf8" },
-  { label: "meta_severity", value: "meta_severity", type: "Utf8" },
-  { label: "meta_org_id", value: "meta_org_id", type: "Utf8" },
-  { label: "meta_user_id", value: "meta_user_id", type: "Utf8" },
-  { label: "meta_created_at", value: "meta_created_at", type: "Int64" },
-  { label: "meta_updated_at", value: "meta_updated_at", type: "Int64" },
-  { label: "meta_first_alert_at", value: "meta_first_alert_at", type: "Int64" },
-  { label: "meta_last_alert_at", value: "meta_last_alert_at", type: "Int64" },
+  { label: raw("meta_event_type"), value: "meta_event_type", type: "Utf8" },
+  { label: raw("meta_incident_id"), value: "meta_incident_id", type: "Utf8" },
+  { label: raw("meta_title"), value: "meta_title", type: "Utf8" },
+  { label: raw("meta_status"), value: "meta_status", type: "Utf8" },
+  { label: raw("meta_severity"), value: "meta_severity", type: "Utf8" },
+  { label: raw("meta_org_id"), value: "meta_org_id", type: "Utf8" },
+  { label: raw("meta_user_id"), value: "meta_user_id", type: "Utf8" },
+  { label: raw("meta_created_at"), value: "meta_created_at", type: "Int64" },
+  { label: raw("meta_updated_at"), value: "meta_updated_at", type: "Int64" },
+  { label: raw("meta_first_alert_at"), value: "meta_first_alert_at", type: "Int64" },
+  { label: raw("meta_last_alert_at"), value: "meta_last_alert_at", type: "Int64" },
   // ── Event-specific — set only for certain event_types ──
-  { label: "meta_alert_name", value: "meta_alert_name", type: "Utf8" }, // alert
-  { label: "meta_alert_id", value: "meta_alert_id", type: "Utf8" }, // alert
-  { label: "meta_alert_count", value: "meta_alert_count", type: "Int64" }, // alert
-  { label: "meta_old_severity", value: "meta_old_severity", type: "Utf8" }, // severity_*
-  { label: "meta_new_severity", value: "meta_new_severity", type: "Utf8" }, // severity_*
-  { label: "meta_old_title", value: "meta_old_title", type: "Utf8" }, // title_changed
-  { label: "meta_new_title", value: "meta_new_title", type: "Utf8" }, // title_changed
-  { label: "meta_from_user", value: "meta_from_user", type: "Utf8" }, // assignment_changed
-  { label: "meta_to_user", value: "meta_to_user", type: "Utf8" }, // assignment_changed
-  { label: "meta_from_key", value: "meta_from_key", type: "Utf8" }, // dimension_upgraded
-  { label: "meta_to_key", value: "meta_to_key", type: "Utf8" }, // dimension_upgraded
-  { label: "meta_reason", value: "meta_reason", type: "Utf8" }, // severity_upgrade/reopened/ai_failed
-  { label: "meta_comment", value: "meta_comment", type: "Utf8" }, // comment
-  { label: "meta_analysis_trigger_type", value: "meta_analysis_trigger_type", type: "Utf8" }, // ai_analysis_failed
-  { label: "meta_error_details", value: "meta_error_details", type: "Utf8" }, // ai_analysis_failed
+  { label: raw("meta_alert_name"), value: "meta_alert_name", type: "Utf8" }, // alert
+  { label: raw("meta_alert_id"), value: "meta_alert_id", type: "Utf8" }, // alert
+  { label: raw("meta_alert_count"), value: "meta_alert_count", type: "Int64" }, // alert
+  { label: raw("meta_old_severity"), value: "meta_old_severity", type: "Utf8" }, // severity_*
+  { label: raw("meta_new_severity"), value: "meta_new_severity", type: "Utf8" }, // severity_*
+  { label: raw("meta_old_title"), value: "meta_old_title", type: "Utf8" }, // title_changed
+  { label: raw("meta_new_title"), value: "meta_new_title", type: "Utf8" }, // title_changed
+  { label: raw("meta_from_user"), value: "meta_from_user", type: "Utf8" }, // assignment_changed
+  { label: raw("meta_to_user"), value: "meta_to_user", type: "Utf8" }, // assignment_changed
+  { label: raw("meta_from_key"), value: "meta_from_key", type: "Utf8" }, // dimension_upgraded
+  { label: raw("meta_to_key"), value: "meta_to_key", type: "Utf8" }, // dimension_upgraded
+  { label: raw("meta_reason"), value: "meta_reason", type: "Utf8" }, // severity_upgrade/reopened/ai_failed
+  { label: raw("meta_comment"), value: "meta_comment", type: "Utf8" }, // comment
+  { label: raw("meta_analysis_trigger_type"), value: "meta_analysis_trigger_type", type: "Utf8" }, // ai_analysis_failed
+  { label: raw("meta_error_details"), value: "meta_error_details", type: "Utf8" }, // ai_analysis_failed
 ];
diff --git a/web/src/plugins/workflows/nodes/WorkflowTrigger.vue b/web/src/plugins/workflows/nodes/WorkflowTrigger.vue
index 12a43e4b24..90d58cc7f3 100644
--- a/web/src/plugins/workflows/nodes/WorkflowTrigger.vue
+++ b/web/src/plugins/workflows/nodes/WorkflowTrigger.vue
@@ -122,7 +122,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import { workflowObj } from "@/plugins/workflows/useWorkflowCanvas";
 import {
@@ -151,7 +151,7 @@ const noteKey = def.payloadNoteKey;
 // the trigger node has no editable config, so nothing here is persisted.
 const variants = def.sampleVariants ?? [];
 const variantLabelKey = def.sampleVariantLabelKey ?? "";
-const variantOptions = variants.map((v) => ({ label: v.key, value: v.key }));
+const variantOptions = variants.map((v) => ({ label: raw(v.key), value: v.key }));
 const selectedVariant = ref(variants[0]?.key ?? "");
 
 // Kinds that declare `commonMetaKeys` render the SPLIT view (a stable common
diff --git a/web/src/services/metrics.ts b/web/src/services/metrics.ts
index 56a275f164..7c8c5ac9ec 100644
--- a/web/src/services/metrics.ts
+++ b/web/src/services/metrics.ts
@@ -56,6 +56,7 @@ const labelValues = ({
   signal,
 }: {
   org_identifier: string;
+  // a PromQL label name that goes into the request URL — data, never UI text
   label: string;
   match: string;
   start_time: number;
diff --git a/web/src/stores/index.ts b/web/src/stores/index.ts
index 864703d382..f6d522b627 100644
--- a/web/src/stores/index.ts
+++ b/web/src/stores/index.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { createStore } from "vuex";
 import { useLocalOrganization, useLocalCurrentUser, useLocalTimezone } from "../utils/zincutils";
 import streams from "./streams";
@@ -65,7 +67,7 @@ const organizationObj = {
   orgTokens: [] as Array<{
     name: string;
     token: string;
-    description: string;
+    description: I18nText;
     is_default: boolean;
     enabled: boolean;
     created_by: string;
diff --git a/web/src/ts/interfaces/alert.ts b/web/src/ts/interfaces/alert.ts
index 28bd0d6e52..ac3cacf4ae 100644
--- a/web/src/ts/interfaces/alert.ts
+++ b/web/src/ts/interfaces/alert.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 export interface Condition {
   column: string;
   ignore_case: null | boolean;
@@ -42,7 +44,7 @@ export interface Alert {
   is_real_time: boolean;
   enabled: boolean;
   context_attributes: { [key: string]: string };
-  description: string;
+  description: I18nText;
   uuid?: string;
   deduplication?: {
     enabled: boolean;
@@ -66,7 +68,7 @@ export interface AlertListItem {
   stream_type: string;
   enabled: boolean;
   alert_type: string;
-  description: string;
+  description: I18nText;
   uuid?: string;
 }
 
@@ -80,7 +82,7 @@ export interface Template {
   // delete actions for them and the backend will refuse mutations.
   isPrebuilt?: boolean;
   type: "http" | "email";
-  title?: string;
+  title?: I18nText;
 }
 
 // Template object which is modified in frontend to display in table and form
diff --git a/web/src/ts/interfaces/chat.ts b/web/src/ts/interfaces/chat.ts
index 59a9a31ed2..dd49fd2fb2 100644
--- a/web/src/ts/interfaces/chat.ts
+++ b/web/src/ts/interfaces/chat.ts
@@ -1,6 +1,8 @@
+import type { I18nText } from "@/types/i18n";
+
 export interface ToolCall {
   tool: string;
-  message: string;
+  message: I18nText;
   context: Record<string, any>;
   call_id?: string; // Unique ID from ADK function_call.id for matching tool_result to tool_call
 }
@@ -9,7 +11,7 @@ export interface ToolCall {
 export interface NavigationAction {
   resource_type: string; // Generic - not enum limited (logs, metrics, traces, dashboard, alert, pipeline, etc.)
   action: "load_query" | "navigate_direct";
-  label: string;
+  label: I18nText;
   target: {
     // For load_query action (string) or navigate_direct action (record)
     query?: string | Record<string, any>;
@@ -34,7 +36,7 @@ export interface ContentBlock {
   type: "tool_call" | "text" | "error" | "navigation";
   // For tool_call type:
   tool?: string;
-  message?: string;
+  message?: I18nText;
   context?: Record<string, any>;
   call_id?: string; // Unique ID for matching tool_result to tool_call
   // For text type:
@@ -70,7 +72,7 @@ export const ALLOWED_IMAGE_TYPES = ["image/png", "image/jpeg"] as const;
 
 export interface ChatMessage {
   role: "user" | "assistant";
-  content: string; // Final/complete content for backward compat
+  content: I18nText; // Final/complete content for backward compat
   contentBlocks?: ContentBlock[]; // Sequential blocks for interleaved display
   images?: ImageAttachment[]; // Optional images for multimodal messages
   feedback?: "thumbs_up" | "thumbs_down"; // User feedback vote for assistant messages
@@ -79,7 +81,7 @@ export interface ChatMessage {
 export interface ChatHistoryEntry {
   id: number;
   timestamp: string;
-  title: string;
+  title: I18nText;
   messages: ChatMessage[];
   sessionId?: string; // UUID v7 for tracking all API calls in this chat session
   userOrgKey?: string; // SHA-256 hash of "email:orgIdentifier" for per-user/org isolation
diff --git a/web/src/ts/interfaces/logs.ts b/web/src/ts/interfaces/logs.ts
index 287cd05dd1..c443d6b5cb 100644
--- a/web/src/ts/interfaces/logs.ts
+++ b/web/src/ts/interfaces/logs.ts
@@ -1,3 +1,5 @@
+import type { I18nText } from "@/types/i18n";
+
 export enum PageType {
   LOGS = "logs",
   STREAM_EXPLORER = "stream_explorer",
@@ -85,7 +87,7 @@ export interface SearchAroundError {
       error: string;
       error_detail?: string;
       code?: number;
-      message?: string;
+      message?: I18nText;
       trace_id?: string;
     };
     status?: number;
@@ -93,7 +95,7 @@ export interface SearchAroundError {
   request?: {
     status: number;
   };
-  message: string;
+  message: I18nText;
   trace_id?: string;
 }
 
diff --git a/web/src/ts/interfaces/query.ts b/web/src/ts/interfaces/query.ts
index 30fea0f761..16e50f3a88 100644
--- a/web/src/ts/interfaces/query.ts
+++ b/web/src/ts/interfaces/query.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 export interface Query {
   from: number;
   size: number;
@@ -100,7 +102,7 @@ export interface WebSocketValuesPayload {
 }
 
 export interface ErrorContent {
-  message: string;
+  message: I18nText;
   trace_id?: string;
   code?: number;
   error_detail?: string;
@@ -146,7 +148,7 @@ export interface StreamingSearchPayload {
 }
 
 export interface StreamingErrorResponse {
-  message: string;
+  message: I18nText;
   trace_id?: string;
   code?: number;
   error_detail?: string;
diff --git a/web/src/types/synthetics.ts b/web/src/types/synthetics.ts
index 6e2a272f07..d75e1d155c 100644
--- a/web/src/types/synthetics.ts
+++ b/web/src/types/synthetics.ts
@@ -1,5 +1,7 @@
 // Copyright 2026 OpenObserve Inc.
 
+import type { I18nText } from "@/types/i18n";
+
 export type SelectorType = "CSS" | "XPath" | "Text" | "TestID" | "Role";
 
 // ── Replay state machine ──────────────────────────────────────────────────────
@@ -7,7 +9,7 @@ export type ReplayPhase = "idle" | "running" | "passed" | "failed" | "stopped";
 
 /** Machine-readable error from the extension's replay pipeline. */
 export interface StructuredError {
-  message: string;
+  message: I18nText;
   name?: string; // "TimeoutError" | "TargetClosedError" | "Error"
   stack?: string;
   actionName?: string;
@@ -84,7 +86,7 @@ export interface WireStep {
   endTime?: number;
   pageAlias?: string;
   framePath?: string[];
-  description?: string;
+  description?: I18nText;
 }
 
 /** Commands the web app sends to the extension via `chrome.runtime.sendMessage`. */
@@ -271,14 +273,14 @@ export interface BrowserCheckSchedule {
 export interface SyntheticsFolder {
   folderId: string;
   name: string;
-  description?: string;
+  description?: I18nText;
 }
 
 // Available probe location returned by GET /api/{org}/synthetics/locations
 export interface SyntheticsLocation {
   id: string;
   /** Display label — user/agent-chosen (private) or o2's friendly name (public). */
-  label: string;
+  label: I18nText;
   region: string;
   provider: string;
   /** "public" (o2-operated) | "private" (customer agent) — absent in old payloads. */
@@ -308,7 +310,7 @@ export interface AgentSetup {
 // Full location record for admin/settings panel (GET /api/{org}/synthetics/locations)
 export interface SyntheticsLocationRecord {
   id: string;
-  label: string;
+  label: I18nText;
   region: string;
   provider: string;
   enabled: boolean;
@@ -318,7 +320,7 @@ export interface SyntheticsLocationRecord {
 
 export interface SyntheticsDevice {
   id: string;
-  label: string;
+  label: I18nText;
   width: number;
   height: number;
 }
@@ -334,7 +336,7 @@ export interface BrowserCheck {
   id?: string;
   name: string;
   url: string;
-  description?: string;
+  description?: I18nText;
   enabled: boolean;
   folder?: string;
   tags: string[];
@@ -374,7 +376,7 @@ export interface BrowserCheck {
 export interface SyntheticLocation {
   id: string;
   /** Display label — user/agent-chosen (private) or o2's friendly name (public). */
-  label: string;
+  label: I18nText;
   region: string;
   provider: string;
   kind: "public" | "private";
diff --git a/web/src/utils/alerts/alertPayload.ts b/web/src/utils/alerts/alertPayload.ts
index 69e8df3ea2..db64619efe 100644
--- a/web/src/utils/alerts/alertPayload.ts
+++ b/web/src/utils/alerts/alertPayload.ts
@@ -7,11 +7,11 @@ import { b64EncodeUnicode } from "@/utils/zincutils";
 import alertsService from "@/services/alerts";
 import { transformFEToBE } from "./alertDataTransforms";
 import { toast } from "@/lib/feedback/Toast/useToast";
-import type { TranslateFn } from "@/types/i18n";
+import { raw, type TranslateFn, type I18nText } from "@/types/i18n";
 
 export interface PayloadFormData {
   name: string;
-  description: string;
+  description: I18nText;
   is_real_time: boolean | string;
   trigger_condition: {
     threshold: number | string;
@@ -122,7 +122,7 @@ export const getAlertPayload = (formData: PayloadFormData, context: PayloadConte
 
   payload.trigger_condition.silence = parseInt(formData.trigger_condition.silence as any);
 
-  payload.description = formData.description.trim();
+  payload.description = raw(formData.description.trim());
 
   if (!isAggregationEnabled.value || getSelectedTab.value !== "custom") {
     payload.query_condition.aggregation = null;
diff --git a/web/src/utils/alerts/alertQueryBuilder.ts b/web/src/utils/alerts/alertQueryBuilder.ts
index 1198c7c4a6..ecbcc7ef7a 100644
--- a/web/src/utils/alerts/alertQueryBuilder.ts
+++ b/web/src/utils/alerts/alertQueryBuilder.ts
@@ -3,11 +3,13 @@
  * Extracted from AddAlert.vue to reduce file complexity
  */
 
+import type { I18nText } from "@/types/i18n";
+
 import { buildConditionsString } from "./conditionsFormatter";
 
 export interface StreamFieldsMap {
   [key: string]: {
-    label: string;
+    label: I18nText;
     value: string;
     type: string;
   };
diff --git a/web/src/utils/alerts/alertValidation.ts b/web/src/utils/alerts/alertValidation.ts
index 097d51c583..cb9378a6af 100644
--- a/web/src/utils/alerts/alertValidation.ts
+++ b/web/src/utils/alerts/alertValidation.ts
@@ -29,7 +29,7 @@ const echoKeyTranslator: Translator = (key) => key as unknown as I18nText;
 interface QueryCondition {
   conditions?: {
     groupId?: string;
-    label?: string;
+    label?: I18nText;
     items?: Array<{
       column: string;
       operator: string;
@@ -88,7 +88,7 @@ interface Alert {
   destinations: string[];
   context_attributes: any[];
   enabled: boolean;
-  description?: string;
+  description?: I18nText;
   lastTriggeredAt?: number;
   createdAt?: string;
   updatedAt?: string;
diff --git a/web/src/utils/awsIntegrations.ts b/web/src/utils/awsIntegrations.ts
index 3eddf84403..38939b880f 100644
--- a/web/src/utils/awsIntegrations.ts
+++ b/web/src/utils/awsIntegrations.ts
@@ -13,15 +13,17 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import { raw, type I18nKey } from "@/types/i18n";
+
 export interface CloudFormationTemplate {
   name: string;
-  description: string;
+  descriptionKey: I18nKey;
   url: string;
 }
 
 export interface ComponentOption {
   name: string;
-  description: string;
+  descriptionKey: I18nKey;
   component: string; // Component name/path
 }
 
@@ -30,7 +32,7 @@ export interface AWSIntegration {
   name: string;
   displayName: string;
   icon: string;
-  description: string;
+  descriptionKey: I18nKey;
   cloudFormationTemplate: string;
   cloudFormationTemplates?: CloudFormationTemplate[]; // Multiple templates option
   componentOptions?: ComponentOption[]; // Multiple component options
@@ -48,7 +50,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "CloudTrail",
     displayName: "AWS CloudTrail",
     icon: "",
-    description: "Monitor AWS account activity and API usage across your infrastructure",
+    descriptionKey: "ingestion.integrations.aws.cloudtrail.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cloudtrail_o2.yaml",
     hasDashboard: true,
@@ -65,7 +67,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "WAF",
     displayName: "AWS WAF",
     icon: "",
-    description: "Protect web applications from common web exploits and bots",
+    descriptionKey: "ingestion.integrations.aws.waf.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cloudformation_waf.yaml",
     hasDashboard: true,
@@ -81,7 +83,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "ALB",
     displayName: "Application Load Balancer",
     icon: "",
-    description: "Monitor ALB access logs for request patterns, errors, and latency",
+    descriptionKey: "ingestion.integrations.aws.alb.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/aws_alb.yaml",
     hasDashboard: true,
@@ -97,7 +99,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "CloudWatch Logs",
     displayName: "CloudWatch Logs",
     icon: "",
-    description: "Stream CloudWatch logs to OpenObserve for analysis",
+    descriptionKey: "ingestion.integrations.aws.cloudwatch-logs.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cloudwatch-logs-to-openobserve.yaml",
     hasDashboard: false,
@@ -110,7 +112,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "CloudWatch Metrics",
     displayName: "CloudWatch Metrics",
     icon: "",
-    description: "Collect and analyze CloudWatch metrics",
+    descriptionKey: "ingestion.integrations.aws.cloudwatch-metrics.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/CloudWatch_All_Metrics.yaml",
     hasDashboard: false,
@@ -123,17 +125,17 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "VPC Flow Logs",
     displayName: "VPC Flow Logs",
     icon: "",
-    description: "Analyze network traffic in your VPC",
+    descriptionKey: "ingestion.integrations.aws.vpc-flow-logs.description",
     cloudFormationTemplate: "",
     cloudFormationTemplates: [
       {
         name: "CloudWatch Integration",
-        description: "Stream VPC Flow Logs via CloudWatch to OpenObserve",
+        descriptionKey: "ingestion.integrations.aws.vpc-flow-logs.cloudwatchIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/vpc-flowlogs-to-openobserve-cloudwatch.yaml",
       },
       {
         name: "Firehose Integration",
-        description: "Stream VPC Flow Logs directly via Kinesis Firehose",
+        descriptionKey: "ingestion.integrations.aws.vpc-flow-logs.firehoseIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/vpc-flowlogs-to-openobserve-firehose.yaml",
       },
     ],
@@ -149,29 +151,29 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "EC2",
     displayName: "EC2 Instance Logs",
     icon: "",
-    description: "Collect logs from EC2 instances",
+    descriptionKey: "ingestion.integrations.aws.ec2.description",
     cloudFormationTemplate: "",
     cloudFormationTemplates: [
       {
         name: "CloudWatch via SSM",
-        description: "Deploy CloudWatch agent to EC2 instances via AWS Systems Manager",
+        descriptionKey: "ingestion.integrations.aws.ec2.cloudwatchViaSsmDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/ec2-cloudwatch-via-ssm.yaml",
       },
       {
         name: "OpenTelemetry via SSM",
-        description: "Deploy OpenTelemetry collector to EC2 instances via AWS Systems Manager",
+        descriptionKey: "ingestion.integrations.aws.ec2.opentelemetryViaSsmDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/ec2-otel-via-ssm.yaml",
       },
     ],
     componentOptions: [
       {
         name: "Windows (Manual Install)",
-        description: "Manually install OpenObserve collector on Windows EC2 instances",
+        descriptionKey: "ingestion.integrations.aws.ec2.windowsManualInstallDescription",
         component: "WindowsConfig",
       },
       {
         name: "Linux/Unix/MacOS (Manual Install)",
-        description: "Manually install OpenObserve collector on Linux/Unix/MacOS EC2 instances",
+        descriptionKey: "ingestion.integrations.aws.ec2.linuxUnixMacosManualInstallDescription",
         component: "LinuxConfig",
       },
     ],
@@ -185,7 +187,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "RDS",
     displayName: "RDS Logs",
     icon: "",
-    description: "Monitor RDS database logs",
+    descriptionKey: "ingestion.integrations.aws.rds.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/rds-logs-to-openobserve.yaml",
     hasDashboard: true,
@@ -200,7 +202,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "S3",
     displayName: "S3 Access Logs",
     icon: "",
-    description: "Track S3 bucket access and operations",
+    descriptionKey: "ingestion.integrations.aws.s3.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/s3-access-logs-to-openobserve.yaml",
     hasDashboard: false,
@@ -213,7 +215,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "Lambda",
     displayName: "Lambda Logs",
     icon: "",
-    description: "Monitor AWS Lambda function logs",
+    descriptionKey: "ingestion.integrations.aws.lambda.description",
     cloudFormationTemplate: "",
     hasDashboard: false,
     documentationUrl: "https://openobserve.ai/docs/ingestion/logs/lambda/",
@@ -225,7 +227,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "API Gateway",
     displayName: "API Gateway Logs",
     icon: "",
-    description: "Analyze API Gateway access logs",
+    descriptionKey: "ingestion.integrations.aws.api-gateway.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/apigateway-logs-to-openobserve.yaml",
     hasDashboard: true,
@@ -240,7 +242,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "Cognito",
     displayName: "Cognito",
     icon: "",
-    description: "Monitor Cognito authentication events",
+    descriptionKey: "ingestion.integrations.aws.cognito.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cognito-events-to-openobserve.yaml",
     hasDashboard: false,
@@ -253,17 +255,17 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "DynamoDB",
     displayName: "DynamoDB Logs",
     icon: "",
-    description: "Track DynamoDB operations",
+    descriptionKey: "ingestion.integrations.aws.dynamodb.description",
     cloudFormationTemplate: "",
     cloudFormationTemplates: [
       {
         name: "Lambda Integration",
-        description: "Stream DynamoDB data to OpenObserve via Lambda",
+        descriptionKey: "ingestion.integrations.aws.dynamodb.lambdaIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/dynamodb-streams-to-openobserve-lambda.yaml",
       },
       {
         name: "Direct Integration",
-        description: "Stream DynamoDB data directly to OpenObserve",
+        descriptionKey: "ingestion.integrations.aws.dynamodb.directIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/dynamodb-streams-to-openobserve.yaml",
       },
     ],
@@ -277,17 +279,17 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "CloudFront",
     displayName: "CloudFront Logs",
     icon: "",
-    description: "Analyze CloudFront access logs",
+    descriptionKey: "ingestion.integrations.aws.cloudfront.description",
     cloudFormationTemplate: "", // Keep empty when using cloudFormationTemplates
     cloudFormationTemplates: [
       {
         name: "Direct Integration",
-        description: "Stream CloudFront logs directly to OpenObserve",
+        descriptionKey: "ingestion.integrations.aws.cloudfront.directIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cloudfront-to-openobserve.yaml",
       },
       {
         name: "S3 Integration",
-        description: "Ingest CloudFront logs from S3 bucket",
+        descriptionKey: "ingestion.integrations.aws.cloudfront.s3IntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cloudfront-to-openobserve-s3.yaml",
       },
     ],
@@ -303,7 +305,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "Route53",
     displayName: "Route53 Query Logs",
     icon: "",
-    description: "Monitor DNS query logs",
+    descriptionKey: "ingestion.integrations.aws.route53.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/route53-logs-to-openobserve.yaml",
     hasDashboard: true,
@@ -318,7 +320,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "EventBridge",
     displayName: "EventBridge Events",
     icon: "",
-    description: "Capture EventBridge/CloudWatch events",
+    descriptionKey: "ingestion.integrations.aws.eventbridge.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/eventbridge-to-openobserve.yaml",
     hasDashboard: false,
@@ -331,7 +333,7 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "Cost and Usage Reports",
     displayName: "AWS Cost & Usage Reports",
     icon: "",
-    description: "Monitor AWS costs and usage with detailed billing analytics",
+    descriptionKey: "ingestion.integrations.aws.cost-cur.description",
     cloudFormationTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/cost-cur-to-openobserve.yaml",
     hasDashboard: true,
@@ -346,17 +348,17 @@ export const awsIntegrations: AWSIntegration[] = [
     name: "Kinesis",
     displayName: "Kinesis Streams",
     icon: "",
-    description: "Integrate with Kinesis data streams",
+    descriptionKey: "ingestion.integrations.aws.kinesis.description",
     cloudFormationTemplate: "",
     cloudFormationTemplates: [
       {
         name: "Lambda Integration",
-        description: "Stream Kinesis data to OpenObserve via Lambda",
+        descriptionKey: "ingestion.integrations.aws.kinesis.lambdaIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/kinesis-to-openobserve-lambda.yaml",
       },
       {
         name: "Firehose Integration",
-        description: "Stream Kinesis data directly via Kinesis Firehose",
+        descriptionKey: "ingestion.integrations.aws.kinesis.firehoseIntegrationDescription",
         url: "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/aws/kinesis-to-openobserve-firehose.yaml",
       },
     ],
diff --git a/web/src/utils/azureIntegrations.ts b/web/src/utils/azureIntegrations.ts
index 7d6d48c0bc..334f509edf 100644
--- a/web/src/utils/azureIntegrations.ts
+++ b/web/src/utils/azureIntegrations.ts
@@ -13,12 +13,14 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import { raw, type I18nKey } from "@/types/i18n";
+
 export interface AzureIntegration {
   id: string;
   name: string;
   displayName: string;
   icon: string;
-  description: string;
+  descriptionKey: I18nKey;
   armTemplate?: string; // HTTPS URL to ARM template JSON on S3
   hasDashboard: boolean;
   dashboardFolderId?: string;
@@ -33,8 +35,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Activity Logs",
     displayName: "Azure Activity Logs",
     icon: "",
-    description:
-      "Stream Azure subscription activity logs to OpenObserve via Event Hub and Event Publisher",
+    descriptionKey: "ingestion.integrations.azure.activity-logs.description",
     armTemplate:
       "https://openobserve-datasources-bucket.s3.us-east-2.amazonaws.com/datasource/cloud/azure/activity-logs-to-openobserve.json",
     hasDashboard: false,
@@ -47,7 +48,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "AKS",
     displayName: "Azure Kubernetes Service",
     icon: "",
-    description: "Collect logs and metrics from Azure Kubernetes Service clusters",
+    descriptionKey: "ingestion.integrations.azure.aks.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "compute",
@@ -57,7 +58,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Front Door",
     displayName: "Azure Front Door",
     icon: "",
-    description: "Monitor Azure Front Door access logs and metrics",
+    descriptionKey: "ingestion.integrations.azure.front-door.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "networking",
@@ -67,7 +68,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "App Service",
     displayName: "Azure App Service",
     icon: "",
-    description: "Collect logs from Azure App Service applications",
+    descriptionKey: "ingestion.integrations.azure.app-service.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "compute",
@@ -77,7 +78,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "SQL Database",
     displayName: "Azure SQL Database",
     icon: "",
-    description: "Monitor Azure SQL Database logs and performance metrics",
+    descriptionKey: "ingestion.integrations.azure.sql-database.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "storage",
@@ -87,7 +88,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Storage Account",
     displayName: "Azure Storage Account",
     icon: "",
-    description: "Track Azure Storage operations and access logs",
+    descriptionKey: "ingestion.integrations.azure.storage-account.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "storage",
@@ -97,7 +98,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Virtual Machines",
     displayName: "Azure Virtual Machines",
     icon: "",
-    description: "Collect logs and metrics from Azure VMs",
+    descriptionKey: "ingestion.integrations.azure.virtual-machines.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "compute",
@@ -107,7 +108,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Application Gateway",
     displayName: "Azure Application Gateway",
     icon: "",
-    description: "Monitor Application Gateway access logs and performance",
+    descriptionKey: "ingestion.integrations.azure.application-gateway.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "networking",
@@ -117,7 +118,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Load Balancer",
     displayName: "Azure Load Balancer",
     icon: "",
-    description: "Collect metrics and logs from Azure Load Balancer",
+    descriptionKey: "ingestion.integrations.azure.load-balancer.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "networking",
@@ -127,7 +128,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Network Security Group",
     displayName: "Network Security Group",
     icon: "",
-    description: "Monitor NSG flow logs and security events",
+    descriptionKey: "ingestion.integrations.azure.network-security-group.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "security",
@@ -137,7 +138,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Key Vault",
     displayName: "Azure Key Vault",
     icon: "",
-    description: "Track Key Vault access and audit logs",
+    descriptionKey: "ingestion.integrations.azure.key-vault.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "security",
@@ -147,7 +148,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Active Directory",
     displayName: "Azure Active Directory",
     icon: "",
-    description: "Monitor AAD sign-in and audit logs",
+    descriptionKey: "ingestion.integrations.azure.active-directory.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "security",
@@ -157,7 +158,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Cosmos DB",
     displayName: "Azure Cosmos DB",
     icon: "",
-    description: "Collect Cosmos DB operation logs and metrics",
+    descriptionKey: "ingestion.integrations.azure.cosmos-db.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "storage",
@@ -167,7 +168,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Functions",
     displayName: "Azure Functions",
     icon: "",
-    description: "Monitor Azure Functions execution logs",
+    descriptionKey: "ingestion.integrations.azure.functions.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "compute",
@@ -177,7 +178,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "API Management",
     displayName: "Azure API Management",
     icon: "",
-    description: "Track API Management gateway logs",
+    descriptionKey: "ingestion.integrations.azure.api-management.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "other",
@@ -187,7 +188,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Container Instances",
     displayName: "Azure Container Instances",
     icon: "",
-    description: "Collect logs from Azure Container Instances",
+    descriptionKey: "ingestion.integrations.azure.container-instances.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "compute",
@@ -197,7 +198,7 @@ export const azureIntegrations: AzureIntegration[] = [
     name: "Virtual Network",
     displayName: "Azure Virtual Network",
     icon: "",
-    description: "Monitor Virtual Network flow logs and diagnostics",
+    descriptionKey: "ingestion.integrations.azure.virtual-network.description",
     hasDashboard: false,
     documentationUrl: "https://github.com/openobserve/azure-function-openobserve",
     category: "networking",
diff --git a/web/src/utils/clipboard.ts b/web/src/utils/clipboard.ts
index 2ff42c5b09..03851f9605 100644
--- a/web/src/utils/clipboard.ts
+++ b/web/src/utils/clipboard.ts
@@ -1,11 +1,11 @@
 // Copyright 2026 OpenObserve Inc.
 
 import { toast } from "@/lib/feedback/Toast/useToast";
-import { raw, type TranslateFn } from "@/types/i18n";
+import { raw, type TranslateFn, type I18nText } from "@/types/i18n";
 
 export interface CopyToClipboardOptions {
   successMessage?: string;
-  errorMessage?: string;
+  errorMessage?: I18nText;
   timeout?: number;
   silent?: boolean;
 }
diff --git a/web/src/utils/dashboard/promql/shared/types.ts b/web/src/utils/dashboard/promql/shared/types.ts
index ae3269a61b..ff6ab599d1 100644
--- a/web/src/utils/dashboard/promql/shared/types.ts
+++ b/web/src/utils/dashboard/promql/shared/types.ts
@@ -16,6 +16,8 @@
 /**
  * Shared tooltip overflow CSS style for chart tooltips
  */
+import type { I18nText } from "@/types/i18n";
+
 export const TOOLTIP_SCROLL_STYLE =
   "max-height: 200px; overflow: auto; max-width: 400px; word-wrap: break-word; user-select: text; scrollbar-width: thin; scrollbar-color: rgba(128,128,128,0.5) transparent; border-radius: 8px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;";
 
@@ -121,7 +123,7 @@ export type AggregationFunction =
 export interface TableColumnConfig {
   name: string;
   field: string;
-  label: string;
+  label: I18nText;
   align: "left" | "center" | "right";
   sortable: boolean;
   format?: (val: any) => string;
diff --git a/web/src/utils/ingestionSearchIndex.ts b/web/src/utils/ingestionSearchIndex.ts
index a281a2a83f..ad8d19ebd8 100644
--- a/web/src/utils/ingestionSearchIndex.ts
+++ b/web/src/utils/ingestionSearchIndex.ts
@@ -18,11 +18,13 @@
  * This allows global search across all tabs and their sub-items
  */
 
+import { raw, type I18nText } from "@/types/i18n";
+
 import { aiCategories } from "@/components/ingestion/ai/data";
 
 export interface SearchableItem {
   name: string; // Route name
-  label: string; // Display name
+  label: I18nText; // Display name
   keywords: string[]; // Searchable keywords
   parentTab: string; // Parent tab route name
 }
@@ -30,7 +32,7 @@ export interface SearchableItem {
 const aiSearchEntries: SearchableItem[] = aiCategories.flatMap((cat) =>
   cat.integrations.map((integration) => ({
     name: integration.routeName,
-    label: integration.name,
+    label: raw(integration.name),
     keywords: integration.keywords,
     parentTab: "ai-integrations",
   })),
@@ -40,55 +42,55 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Recommended sub-tabs
   {
     name: "ingestFromKubernetes",
-    label: "Kubernetes",
+    label: raw("Kubernetes"),
     keywords: ["kubernetes", "k8s", "kubectl", "helm"],
     parentTab: "recommended",
   },
   {
     name: "ingestFromWindows",
-    label: "Windows",
+    label: raw("Windows"),
     keywords: ["windows", "win"],
     parentTab: "recommended",
   },
   {
     name: "ingestFromLinux",
-    label: "Linux",
+    label: raw("Linux"),
     keywords: ["linux", "unix"],
     parentTab: "recommended",
   },
   {
     name: "ingestFromMacOS",
-    label: "macOS",
+    label: raw("macOS"),
     keywords: ["macos", "mac", "osx", "darwin", "apple", "unified log"],
     parentTab: "recommended",
   },
   {
     name: "AWSConfig",
-    label: "AWS",
+    label: raw("AWS"),
     keywords: ["aws", "amazon"],
     parentTab: "recommended",
   },
   {
     name: "GCPConfig",
-    label: "GCP",
+    label: raw("GCP"),
     keywords: ["gcp", "google", "cloud"],
     parentTab: "recommended",
   },
   {
     name: "AzureConfig",
-    label: "Azure",
+    label: raw("Azure"),
     keywords: ["azure", "microsoft"],
     parentTab: "recommended",
   },
   {
     name: "ingestFromTraces",
-    label: "Traces",
+    label: raw("Traces"),
     keywords: ["traces", "otlp", "opentelemetry"],
     parentTab: "recommended",
   },
   {
     name: "frontendMonitoring",
-    label: "RUM",
+    label: raw("RUM"),
     keywords: [
       "rum",
       "frontend",
@@ -106,13 +108,13 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Server sub-tabs
   {
     name: "nginx",
-    label: "Nginx",
+    label: raw("Nginx"),
     keywords: ["nginx", "web server"],
     parentTab: "servers",
   },
   {
     name: "iis",
-    label: "IIS",
+    label: raw("IIS"),
     keywords: ["iis", "microsoft", "windows server"],
     parentTab: "servers",
   },
@@ -120,31 +122,31 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Database sub-tabs
   {
     name: "sqlserver",
-    label: "SQL Server",
+    label: raw("SQL Server"),
     keywords: ["sqlserver", "mssql", "microsoft sql"],
     parentTab: "databases",
   },
   {
     name: "postgres",
-    label: "PostgreSQL",
+    label: raw("PostgreSQL"),
     keywords: ["postgres", "postgresql", "pg"],
     parentTab: "databases",
   },
   {
     name: "mongodb",
-    label: "MongoDB",
+    label: raw("MongoDB"),
     keywords: ["mongodb", "mongo", "nosql"],
     parentTab: "databases",
   },
   {
     name: "mysql",
-    label: "MySQL",
+    label: raw("MySQL"),
     keywords: ["mysql"],
     parentTab: "databases",
   },
   {
     name: "elasticsearch",
-    label: "Elasticsearch",
+    label: raw("Elasticsearch"),
     keywords: ["elasticsearch", "elastic", "es"],
     parentTab: "databases",
   },
@@ -152,19 +154,19 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Security sub-tabs
   {
     name: "auth0",
-    label: "Auth0",
+    label: raw("Auth0"),
     keywords: ["auth0", "authentication"],
     parentTab: "security",
   },
   {
     name: "cloudflare",
-    label: "Cloudflare",
+    label: raw("Cloudflare"),
     keywords: ["cloudflare", "cdn"],
     parentTab: "security",
   },
   {
     name: "okta",
-    label: "Okta",
+    label: raw("Okta"),
     keywords: ["okta", "identity"],
     parentTab: "security",
   },
@@ -172,37 +174,37 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // DevOps sub-tabs
   {
     name: "jenkins",
-    label: "Jenkins",
+    label: raw("Jenkins"),
     keywords: ["jenkins", "ci", "cd"],
     parentTab: "devops",
   },
   {
     name: "gitlab",
-    label: "GitLab",
+    label: raw("GitLab"),
     keywords: ["gitlab", "git"],
     parentTab: "devops",
   },
   {
     name: "github",
-    label: "GitHub",
+    label: raw("GitHub"),
     keywords: ["github", "git"],
     parentTab: "devops",
   },
   {
     name: "circleci",
-    label: "CircleCI",
+    label: raw("CircleCI"),
     keywords: ["circleci", "ci"],
     parentTab: "devops",
   },
   {
     name: "ansible",
-    label: "Ansible",
+    label: raw("Ansible"),
     keywords: ["ansible", "automation"],
     parentTab: "devops",
   },
   {
     name: "terraform",
-    label: "Terraform",
+    label: raw("Terraform"),
     keywords: ["terraform", "infrastructure"],
     parentTab: "devops",
   },
@@ -210,19 +212,19 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Networking sub-tabs
   {
     name: "paloalto",
-    label: "Palo Alto",
+    label: raw("Palo Alto"),
     keywords: ["paloalto", "firewall"],
     parentTab: "networking",
   },
   {
     name: "cisco",
-    label: "Cisco",
+    label: raw("Cisco"),
     keywords: ["cisco", "router"],
     parentTab: "networking",
   },
   {
     name: "fortinet",
-    label: "Fortinet",
+    label: raw("Fortinet"),
     keywords: ["fortinet", "firewall"],
     parentTab: "networking",
   },
@@ -230,19 +232,19 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Message Queues sub-tabs
   {
     name: "kafka",
-    label: "Kafka",
+    label: raw("Kafka"),
     keywords: ["kafka", "streaming"],
     parentTab: "message-queues",
   },
   {
     name: "rabbitmq",
-    label: "RabbitMQ",
+    label: raw("RabbitMQ"),
     keywords: ["rabbitmq", "rabbit", "amqp"],
     parentTab: "message-queues",
   },
   {
     name: "redis",
-    label: "Redis",
+    label: raw("Redis"),
     keywords: ["redis", "cache"],
     parentTab: "message-queues",
   },
@@ -250,37 +252,37 @@ export const ingestionSearchIndex: SearchableItem[] = [
   // Languages sub-tabs
   {
     name: "python",
-    label: "Python",
+    label: raw("Python"),
     keywords: ["python", "py"],
     parentTab: "languages",
   },
   {
     name: "nodejs",
-    label: "Node.js",
+    label: raw("Node.js"),
     keywords: ["nodejs", "node", "javascript", "js"],
     parentTab: "languages",
   },
-  { name: "java", label: "Java", keywords: ["java"], parentTab: "languages" },
+  { name: "java", label: raw("Java"), keywords: ["java"], parentTab: "languages" },
   {
     name: "dotnet",
-    label: ".NET",
+    label: raw(".NET"),
     keywords: ["dotnet", ".net", "csharp", "c#"],
     parentTab: "languages",
   },
   {
     name: "go",
-    label: "Go",
+    label: raw("Go"),
     keywords: ["go", "golang"],
     parentTab: "languages",
   },
-  { name: "rust", label: "Rust", keywords: ["rust"], parentTab: "languages" },
+  { name: "rust", label: raw("Rust"), keywords: ["rust"], parentTab: "languages" },
   {
     name: "ruby",
-    label: "Ruby",
+    label: raw("Ruby"),
     keywords: ["ruby", "rails"],
     parentTab: "languages",
   },
-  { name: "php", label: "PHP", keywords: ["php"], parentTab: "languages" },
+  { name: "php", label: raw("PHP"), keywords: ["php"], parentTab: "languages" },
 
   ...aiSearchEntries,
 ];
diff --git a/web/src/utils/metrics/explorerUrlState.ts b/web/src/utils/metrics/explorerUrlState.ts
index ff8b73ad18..e52fe1214e 100644
--- a/web/src/utils/metrics/explorerUrlState.ts
+++ b/web/src/utils/metrics/explorerUrlState.ts
@@ -25,6 +25,8 @@
  * would never be seen.
  */
 
+import { raw } from "@/types/i18n";
+
 import type { LocationQuery } from "vue-router";
 import type { LabelFilter } from "@/composables/metrics/useMetricsExplorerGrid";
 
@@ -134,9 +136,9 @@ export function queryToExplorerFilters(
 const MATCHER = /^([a-zA-Z_:][a-zA-Z0-9_:]*)(=~|!~|!=|=)(.*)$/s;
 
 /** A hand-edited or truncated URL must degrade to "no filter", never throw. */
-function parseMatcher(raw: unknown): LabelFilter | null {
-  if (typeof raw !== "string") return null;
-  const m = raw.match(MATCHER);
+function parseMatcher(matcher: unknown): LabelFilter | null {
+  if (typeof matcher !== "string") return null;
+  const m = matcher.match(MATCHER);
   if (!m) return null;
-  return { label: m[1], operator: m[2], value: m[3] };
+  return { label: raw(m[1]), operator: m[2], value: m[3] };
 }
diff --git a/web/src/utils/metrics/metricDefaults.spec.ts b/web/src/utils/metrics/metricDefaults.spec.ts
index 940fe57194..50043b300d 100644
--- a/web/src/utils/metrics/metricDefaults.spec.ts
+++ b/web/src/utils/metrics/metricDefaults.spec.ts
@@ -431,7 +431,7 @@ describe("variants (PRD 6.3)", () => {
     expect(d.legendTemplate).toBe("{quantile}");
     // Averaging pre-computed quantiles is not statistically mergeable, so the
     // pXX vocabulary is deliberately withheld from this variant.
-    expect(d.variants[0].label).toBe("Avg of reported quantiles");
+    expect(d.variants[0].labelKey).toBe("metrics.explorer.variants.avgReportedQuantiles");
     expect(JSON.stringify(d.variants[0])).not.toMatch(/p50|p90|p99/);
     // The raw variant must distinguish targets, not just quantiles.
     expect(d.variants[1].queries[0].legendTemplate).toBe("{instance} {quantile}");
diff --git a/web/src/utils/metrics/metricDefaults.ts b/web/src/utils/metrics/metricDefaults.ts
index 98efc1282f..68723127b8 100644
--- a/web/src/utils/metrics/metricDefaults.ts
+++ b/web/src/utils/metrics/metricDefaults.ts
@@ -28,12 +28,14 @@
  * silently. It is a bare enum in a types module with no imports of its own.
  */
 
+import { raw, type I18nKey, type I18nText } from "@/types/i18n";
+
 import { PromqlStepId } from "@/components/promql/types";
 import type { PromqlBuilderQuery, PromqlLabelMatcher, PromqlStep } from "@/components/promql/types";
 
 /** A filter as callers pass it in: label/value plus an optional operator. */
 interface FilterInput {
-  label: string;
+  label: I18nText;
   value: string;
   operator?: string;
 }
@@ -43,7 +45,7 @@ type FiltersArg = FilterInput[] | Record<string, string> | undefined;
 
 /** A matcher after normalization: validated label, operator and value. */
 interface NormalizedMatcher {
-  label: string;
+  label: I18nText;
   operator: PromqlOperator;
   value: string;
 }
@@ -61,11 +63,22 @@ interface VariantQuery {
   builder?: PromqlBuilderQuery;
 }
 
-/** One variant of a card: an ordered set of queries and its chart shape. */
+/**
+ * One variant of a card: an ordered set of queries and its chart shape.
+ *
+ * This module is deliberately Vue-free (see the file header), so it cannot call
+ * `t()` — and it is imported at module load, so any text it resolved would
+ * freeze at the boot locale. User-facing variant names are therefore stored as
+ * an i18n KEY (`labelKey`) and translated by the one consumer that displays
+ * them, `FunctionConfigDialog.vue`, at render time. `label` stays for the cases
+ * a key cannot express: a name built from live data (`Top 5 by ${label}`).
+ * Exactly one of the pair is set; `labelKey` wins when both are.
+ */
 interface Variant {
   id: string;
   footerLabel: string;
-  label: string;
+  label?: I18nText;
+  labelKey?: I18nKey;
   queries: VariantQuery[];
   chartType: string;
   unit?: string;
@@ -491,7 +504,7 @@ function escapePromqlString(value: unknown): string {
  * cache key stable.
  *
  * @param {string} metricName
- * @param {Array<{label: string, value: string, operator?: string}>|Record<string,string>} [filters]
+ * @param {Array<{label: I18nText, value: string, operator?: string}>|Record<string,string>} [filters]
  * @param {Record<string,string>} [extraMatchers] appended verbatim as `=` matchers
  * @returns {string} e.g. `{__name__="http_requests_total",job="api"}`
  */
@@ -520,9 +533,9 @@ export function buildSelector(
  * panel editor's PromQL builder stores. Sharing this step is what keeps the two
  * from drifting apart.
  *
- * @param {Array<{label: string, value: string, operator?: string}>|Record<string,string>} [filters]
+ * @param {Array<{label: I18nText, value: string, operator?: string}>|Record<string,string>} [filters]
  * @param {Record<string,string>} [extraMatchers] appended as `=` matchers
- * @returns {Array<{label: string, operator: string, value: string}>}
+ * @returns {Array<{label: I18nText, operator: string, value: string}>}
  */
 function normalizeMatchers(
   filters?: FiltersArg,
@@ -533,12 +546,12 @@ function normalizeMatchers(
     list.push(...filters);
   } else if (filters && typeof filters === "object") {
     for (const [label, value] of Object.entries(filters)) {
-      list.push({ label, value });
+      list.push({ label: raw(label), value });
     }
   }
   if (extraMatchers && typeof extraMatchers === "object") {
     for (const [label, value] of Object.entries(extraMatchers)) {
-      list.push({ label, value });
+      list.push({ label: raw(label), value });
     }
   }
 
@@ -555,7 +568,7 @@ function normalizeMatchers(
       if (!isPromqlOperator(operator)) {
         throw new Error(`buildSelector: invalid operator "${operator}"`);
       }
-      return { label, operator, value: String(f.value ?? "") };
+      return { label: raw(label), operator, value: String(f.value ?? "") };
     })
     .sort((a, b) =>
       a.label === b.label ? a.value.localeCompare(b.value) : a.label.localeCompare(b.label),
@@ -569,7 +582,7 @@ function normalizeMatchers(
  * Values are handed over RAW: the query modeller escapes them itself when it
  * renders, so escaping here would double it.
  *
- * @returns {Array<{label: string, op: string, value: string}>}
+ * @returns {Array<{label: I18nText, op: string, value: string}>}
  */
 export function builderLabelsOf(filters?: FiltersArg): PromqlLabelMatcher[] {
   return normalizeMatchers(filters).map(({ label, operator, value }) => ({
@@ -623,7 +636,7 @@ export function isRateBasedKind(cardKind: string): boolean {
  * empty only when the window truly holds nothing.
  *
  * @param {string} streamName
- * @param {Array<{label: string, value: string, operator?: string}>} [filters]
+ * @param {Array<{label: I18nText, value: string, operator?: string}>} [filters]
  * @returns {string} PromQL
  */
 export function buildPresenceQuery(streamName: string, filters?: FiltersArg): string {
@@ -926,21 +939,21 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "avg",
           footerLabel: "avg",
-          label: "Average",
+          labelKey: "metrics.explorer.variants.average",
           queries: [q(`avg(${sel})`, metricName, b(metricName, [AGG(PromqlStepId.Avg)]))],
           chartType: "line",
         },
         {
           id: "sum",
           footerLabel: "sum",
-          label: "Sum",
+          labelKey: "metrics.explorer.variants.sum",
           queries: [q(`sum(${sel})`, metricName, b(metricName, [AGG(PromqlStepId.Sum)]))],
           chartType: "line",
         },
         {
           id: "minmax",
           footerLabel: "min / max",
-          label: "Min / Max",
+          labelKey: "metrics.explorer.variants.minMax",
           queries: [
             q(`min(${sel})`, "min", b(metricName, [AGG(PromqlStepId.Min)])),
             q(`max(${sel})`, "max", b(metricName, [AGG(PromqlStepId.Max)])),
@@ -950,14 +963,14 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "stddev",
           footerLabel: "stddev",
-          label: "Std dev",
+          labelKey: "metrics.explorer.variants.stddev",
           queries: [q(`stddev(${sel})`, metricName, b(metricName, [AGG(PromqlStepId.Stddev)]))],
           chartType: "line",
         },
         {
           id: "percentiles",
           footerLabel: "percentiles",
-          label: "Percentiles",
+          labelKey: "metrics.explorer.variants.percentiles",
           // A query per OFFERED percentile, not per default-checked one. The
           // dialog builds its checkboxes from `availablePercentiles`, and
           // `resolveVariant` narrows these queries down to the checked set — so
@@ -974,11 +987,13 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
       ];
 
     case CARD_KIND.COUNTER_RATE: {
-      const variants = [
+      // Annotated: the literal entries all carry `labelKey`, so without this TS
+      // narrows the element type and rejects the data-derived `label` pushed below.
+      const variants: Variant[] = [
         {
           id: "rate-sum",
           footerLabel: "sum(rate)",
-          label: "Rate (sum)",
+          labelKey: "metrics.explorer.variants.rateSum",
           queries: [
             q(
               `sum(rate(${sel}[${w}]))`,
@@ -991,7 +1006,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "rate-avg",
           footerLabel: "avg(rate)",
-          label: "Rate (avg)",
+          labelKey: "metrics.explorer.variants.rateAvg",
           queries: [
             q(
               `avg(rate(${sel}[${w}]))`,
@@ -1004,7 +1019,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "increase",
           footerLabel: "sum(increase)",
-          label: "Increase",
+          labelKey: "metrics.explorer.variants.increase",
           queries: [
             q(
               `sum(increase(${sel}[${w}]))`,
@@ -1022,7 +1037,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         variants.push({
           id: "topk",
           footerLabel: `topk(5) by ${topkLabel}`,
-          label: `Top 5 by ${topkLabel}`,
+          label: raw(`Top 5 by ${topkLabel}`),
           queries: [
             q(
               `topk(5, sum by (${topkLabel}) (rate(${sel}[${w}])))`,
@@ -1041,7 +1056,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "heatmap",
           footerLabel: "heatmap",
-          label: "Heatmap",
+          labelKey: "metrics.explorer.variants.heatmap",
           queries: [
             q(
               `sum by (le) (rate(${sel}[${w}]))`,
@@ -1059,7 +1074,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "percentiles",
           footerLabel: "percentiles",
-          label: "Percentiles",
+          labelKey: "metrics.explorer.variants.percentiles",
           queries: DEFAULT_PERCENTILES.map((p) =>
             q(
               `histogram_quantile(${p / 100}, sum by (le) (rate(${sel}[${w}])))`,
@@ -1074,7 +1089,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "count-rate",
           footerLabel: "sum(rate) of count",
-          label: "Rate of count",
+          labelKey: "metrics.explorer.variants.rateOfCount",
           queries: [
             q(
               `sum(rate(${countSel}[${w}]))`,
@@ -1098,7 +1113,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "count-rate",
           footerLabel: "sum(rate) of count",
-          label: "Rate of count",
+          labelKey: "metrics.explorer.variants.rateOfCount",
           queries: [
             q(
               `sum(rate(${countSel}[${w}]))`,
@@ -1118,7 +1133,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "mean",
           footerLabel: "avg",
-          label: "Average",
+          labelKey: "metrics.explorer.variants.average",
           queries: [
             q(
               `sum(rate(${sel}[${w}])) / sum(rate(${countSel}[${w}]))`,
@@ -1134,7 +1149,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "count-rate",
           footerLabel: "sum(rate) of count",
-          label: "Rate of count",
+          labelKey: "metrics.explorer.variants.rateOfCount",
           queries: [
             q(
               `sum(rate(${countSel}[${w}]))`,
@@ -1158,7 +1173,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
           // mergeable. The copy says "avg of reported quantiles" and the pXX
           // vocabulary is deliberately withheld — that is reserved for
           // histogram_quantile.
-          label: "Avg of reported quantiles",
+          labelKey: "metrics.explorer.variants.avgReportedQuantiles",
           queries: [
             q(
               `avg by (quantile) (${sel})`,
@@ -1171,7 +1186,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "raw-quantiles",
           footerLabel: "raw quantiles",
-          label: "Reported quantiles (raw)",
+          labelKey: "metrics.explorer.variants.reportedQuantilesRaw",
           // {quantile} alone would duplicate legend names across targets.
           queries: [q(sel, "{instance} {quantile}", b(metricName, []))],
           chartType: "line",
@@ -1188,7 +1203,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
           {
             id: "buckets",
             footerLabel: "buckets",
-            label: "Buckets",
+            labelKey: "metrics.explorer.variants.buckets",
             queries: [
               q(`sum by (le) (${sel})`, "{le}", b(metricName, [AGG(PromqlStepId.Sum, ["le"])])),
             ],
@@ -1204,7 +1219,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
           {
             id: "avg",
             footerLabel: "avg",
-            label: "Average",
+            labelKey: "metrics.explorer.variants.average",
             queries: [q(`avg(${sel})`, metricName, b(metricName, [AGG(PromqlStepId.Avg)]))],
             chartType: "line",
           },
@@ -1221,7 +1236,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "avg",
           footerLabel: "avg",
-          label: "Average",
+          labelKey: "metrics.explorer.variants.average",
           queries: [q(`avg(${sel})`, metricName, b(metricName, [AGG(PromqlStepId.Avg)]))],
           chartType: "line",
         },
@@ -1232,7 +1247,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "count",
           footerLabel: "count",
-          label: "Count of series",
+          labelKey: "metrics.explorer.variants.countOfSeries",
           // An info metric carries its payload in its LABELS; the value is
           // always 1. Charting the value would therefore draw a flat line at 1
           // for every such metric — true, and useless. What carries information
@@ -1244,7 +1259,7 @@ function buildVariants(cardKind: string, ctx: BuildVariantsContext): Variant[] {
         {
           id: "series",
           footerLabel: "series",
-          label: "Series (labels)",
+          labelKey: "metrics.explorer.variants.seriesLabels",
           // The label sets themselves. Not previewable: a card renders through
           // ECharts, which does not draw a table at all — and there is no room
           // for one at 120px anyway. Reachable from the ⚙ dialog, and the
@@ -1286,7 +1301,7 @@ const FOOTER_LABEL = {
  * @param {{
  *   streamNames?: Set<string>,   // feeds the `_sum` sibling check
  *   familyType?: string,         // the family's declared type
- *   filters?: Array<{label: string, value: string, operator?: string}>,
+ *   filters?: Array<{label: I18nText, value: string, operator?: string}>,
  *   rateWindow?: string,         // PromQL duration; defaults to the 4m floor
  *   labels?: string[],           // the stream's label names, when known
  *   applyNanGuard?: boolean, // retry mode: guard the selector against NaN samples
diff --git a/web/src/utils/metrics/metricGrouping.spec.ts b/web/src/utils/metrics/metricGrouping.spec.ts
index ec8336f4d9..a99f501ab7 100644
--- a/web/src/utils/metrics/metricGrouping.spec.ts
+++ b/web/src/utils/metrics/metricGrouping.spec.ts
@@ -49,9 +49,9 @@ describe("DEFAULT_METRIC_GROUP_DEFINITIONS", () => {
     ]);
   });
 
-  it("should have label and icon for every entry", () => {
+  it("should have labelKey and icon for every entry", () => {
     for (const def of DEFAULT_METRIC_GROUP_DEFINITIONS) {
-      expect(def.label).toBeTruthy();
+      expect(def.labelKey).toBeTruthy();
       expect(def.icon).toBeTruthy();
     }
   });
@@ -139,9 +139,9 @@ describe("classifyMetric — network group", () => {
 
 describe("classifyMetric — network priority over infra", () => {
   const defs: MetricGroupDefinition[] = [
-    { id: "network", label: "Network", icon: "wifi" },
-    { id: "infra", label: "Infra", icon: "dns" },
-    { id: "others", label: "Others", icon: "category" },
+    { id: "network", labelKey: "metrics.groups.network", icon: "wifi" },
+    { id: "infra", labelKey: "metrics.groups.infra", icon: "dns" },
+    { id: "others", labelKey: "metrics.groups.others", icon: "category" },
   ];
 
   it("should classify container_network_receive_bytes_total as network, not infra", () => {
@@ -166,9 +166,9 @@ describe("classifyMetric — network priority over infra", () => {
 
 describe("classifyMetric — infra group", () => {
   const defs: MetricGroupDefinition[] = [
-    { id: "network", label: "Network", icon: "wifi" },
-    { id: "infra", label: "Infra", icon: "dns" },
-    { id: "others", label: "Others", icon: "category" },
+    { id: "network", labelKey: "metrics.groups.network", icon: "wifi" },
+    { id: "infra", labelKey: "metrics.groups.infra", icon: "dns" },
+    { id: "others", labelKey: "metrics.groups.others", icon: "category" },
   ];
 
   it("should classify container_ prefix metrics as infra", () => {
@@ -296,8 +296,8 @@ describe("classifyMetric — catch-all fallback with DEFAULT_METRIC_GROUP_DEFINI
 
 describe("classifyMetric — pods group with custom groupDefs", () => {
   const defsWithPods: MetricGroupDefinition[] = [
-    { id: "pods", label: "Pods", icon: "bubble_chart" },
-    { id: "others", label: "Others", icon: "category" },
+    { id: "pods", labelKey: "metrics.groups.pods", icon: "bubble_chart" },
+    { id: "others", labelKey: "metrics.groups.others", icon: "category" },
   ];
 
   it("should classify kube_pod prefix metrics as pods", () => {
@@ -324,8 +324,8 @@ describe("classifyMetric — pods group with custom groupDefs", () => {
 
 describe("classifyMetric — nodes group with custom groupDefs", () => {
   const defsWithNodes: MetricGroupDefinition[] = [
-    { id: "nodes", label: "Nodes", icon: "storage" },
-    { id: "others", label: "Others", icon: "category" },
+    { id: "nodes", labelKey: "metrics.groups.nodes", icon: "storage" },
+    { id: "others", labelKey: "metrics.groups.others", icon: "category" },
   ];
 
   it("should classify kube_node prefix metrics as nodes", () => {
@@ -362,18 +362,18 @@ describe("classifyMetric — priority ordering with custom groupDefs", () => {
     // pods patterns are a strict subset of infra patterns
     // placing pods before infra means pod metrics → pods
     const defsPodsFirst: MetricGroupDefinition[] = [
-      { id: "pods", label: "Pods", icon: "bubble_chart" },
-      { id: "infra", label: "Infra", icon: "dns" },
-      { id: "others", label: "Others", icon: "category" },
+      { id: "pods", labelKey: "metrics.groups.pods", icon: "bubble_chart" },
+      { id: "infra", labelKey: "metrics.groups.infra", icon: "dns" },
+      { id: "others", labelKey: "metrics.groups.others", icon: "category" },
     ];
     expect(classifyMetric("kube_pod_status_ready", defsPodsFirst)).toBe("pods");
   });
 
   it("should fall through to infra when pods is after infra for the same metric", () => {
     const defsInfraFirst: MetricGroupDefinition[] = [
-      { id: "infra", label: "Infra", icon: "dns" },
-      { id: "pods", label: "Pods", icon: "bubble_chart" },
-      { id: "others", label: "Others", icon: "category" },
+      { id: "infra", labelKey: "metrics.groups.infra", icon: "dns" },
+      { id: "pods", labelKey: "metrics.groups.pods", icon: "bubble_chart" },
+      { id: "others", labelKey: "metrics.groups.others", icon: "category" },
     ];
     // kube_pod matches infra (kube_ prefix) before pods check is reached
     expect(classifyMetric("kube_pod_status_ready", defsInfraFirst)).toBe("infra");
@@ -383,8 +383,8 @@ describe("classifyMetric — priority ordering with custom groupDefs", () => {
     // all groups have registered patterns, so no catch-all exists
     // fallback: last group id
     const defsNoCatchAll: MetricGroupDefinition[] = [
-      { id: "network", label: "Network", icon: "wifi" },
-      { id: "infra", label: "Infra", icon: "dns" },
+      { id: "network", labelKey: "metrics.groups.network", icon: "wifi" },
+      { id: "infra", labelKey: "metrics.groups.infra", icon: "dns" },
     ];
     // http_server_request_duration_seconds matches network via /\bhttp\b/i now
     expect(classifyMetric("http_server_request_duration_seconds", defsNoCatchAll)).toBe("network");
@@ -420,11 +420,11 @@ describe("groupMetricsByCategory — return structure", () => {
     ]);
   });
 
-  it("should include id, label, icon, and streams on each group entry", () => {
+  it("should include id, labelKey, icon, and streams on each group entry", () => {
     const result = groupMetricsByCategory([]);
     for (const group of result.groups) {
       expect(group).toHaveProperty("id");
-      expect(group).toHaveProperty("label");
+      expect(group).toHaveProperty("labelKey");
       expect(group).toHaveProperty("icon");
       expect(group).toHaveProperty("streams");
       expect(Array.isArray(group.streams)).toBe(true);
@@ -521,9 +521,9 @@ describe("groupMetricsByCategory — classification", () => {
 
 describe("groupMetricsByCategory — custom groupDefs", () => {
   const customDefs: MetricGroupDefinition[] = [
-    { id: "pods", label: "Pods", icon: "bubble_chart" },
-    { id: "nodes", label: "Nodes", icon: "storage" },
-    { id: "custom_bucket", label: "Custom Bucket", icon: "folder" },
+    { id: "pods", labelKey: "metrics.groups.pods", icon: "bubble_chart" },
+    { id: "nodes", labelKey: "metrics.groups.nodes", icon: "storage" },
+    { id: "custom_bucket", labelKey: "metrics.groups.custombucket", icon: "folder" },
   ];
 
   it("should use the provided groupDefs instead of defaults", () => {
@@ -564,10 +564,10 @@ describe("groupMetricsByCategory — custom groupDefs", () => {
     expect(result.groups.map((g) => g.id)).toEqual(["pods", "nodes", "custom_bucket"]);
   });
 
-  it("should carry correct label and icon from custom defs", () => {
+  it("should carry correct labelKey and icon from custom defs", () => {
     const result = groupMetricsByCategory([], customDefs);
     const podsGroup = result.groups.find((g) => g.id === "pods");
-    expect(podsGroup?.label).toBe("Pods");
+    expect(podsGroup?.labelKey).toBe("metrics.groups.pods");
     expect(podsGroup?.icon).toBe("bubble_chart");
   });
 });
@@ -582,9 +582,9 @@ describe("K8S_METRIC_GROUP_DEFINITIONS", () => {
     expect(K8S_METRIC_GROUP_DEFINITIONS.map((d) => d.id)).toEqual(["pods", "nodes"]);
   });
 
-  it("should have label and icon for every outer entry", () => {
+  it("should have labelKey and icon for every outer entry", () => {
     for (const def of K8S_METRIC_GROUP_DEFINITIONS) {
-      expect(def.label).toBeTruthy();
+      expect(def.labelKey).toBeTruthy();
       expect(def.icon).toBeTruthy();
     }
   });
@@ -681,7 +681,9 @@ describe("getDefaultMetricSelections", () => {
   }
 
   it("should return an empty array when no group has defaultMetrics", () => {
-    const defs: MetricGroupDefinition[] = [{ id: "others", label: "Others", icon: "category" }];
+    const defs: MetricGroupDefinition[] = [
+      { id: "others", labelKey: "metrics.groups.others", icon: "category" },
+    ];
     const streams = [makeStream("k8s_pod_cpu_usage")];
     expect(getDefaultMetricSelections(defs, streams)).toEqual([]);
   });
@@ -731,7 +733,7 @@ describe("getDefaultMetricSelections", () => {
     const defs: MetricGroupDefinition[] = [
       {
         id: "custom",
-        label: "Custom",
+        labelKey: "metrics.groups.custom",
         icon: "star",
         defaultMetrics: [{ streamName: "my_metric", filters: { env: "prod" } }],
       },
@@ -749,7 +751,7 @@ describe("getDefaultMetricSelections", () => {
     const defs: MetricGroupDefinition[] = [
       {
         id: "custom",
-        label: "Custom",
+        labelKey: "metrics.groups.custom",
         icon: "star",
         defaultMetrics: [{ streamName: "my_metric", filters: { env: "prod" } }],
       },
@@ -793,11 +795,11 @@ describe("getDefaultMetricSelections", () => {
 // ---------------------------------------------------------------------------
 
 const COMPUTE_MEMORY_STORAGE_GROUPS: MetricGroupDefinition[] = [
-  { id: "compute", label: "Compute", icon: "insights" },
-  { id: "memory", label: "Memory", icon: "memory" },
-  { id: "storage", label: "Storage", icon: "storage" },
-  { id: "network", label: "Network", icon: "lan" },
-  { id: "others", label: "Others", icon: "category" },
+  { id: "compute", labelKey: "metrics.groups.compute", icon: "insights" },
+  { id: "memory", labelKey: "metrics.groups.memory", icon: "memory" },
+  { id: "storage", labelKey: "metrics.groups.storage", icon: "storage" },
+  { id: "network", labelKey: "metrics.groups.network", icon: "lan" },
+  { id: "others", labelKey: "metrics.groups.others", icon: "category" },
 ];
 
 describe("groupMetricsByCategory with compute/memory/storage groups", () => {
@@ -880,7 +882,7 @@ describe("groupMetricsByCategory with compute/memory/storage groups", () => {
 describe("groupMetricsByCategory — edge cases", () => {
   it("should handle a single-group definition with no patterns (all catch-all)", () => {
     const singleDef: MetricGroupDefinition[] = [
-      { id: "everything", label: "Everything", icon: "all_inclusive" },
+      { id: "everything", labelKey: "metrics.groups.everything", icon: "all_inclusive" },
     ];
     const streams = [
       makeStream("container_cpu_usage_seconds_total"),
diff --git a/web/src/utils/metrics/metricGrouping.ts b/web/src/utils/metrics/metricGrouping.ts
index 46d446aaa7..4dc4db46f3 100644
--- a/web/src/utils/metrics/metricGrouping.ts
+++ b/web/src/utils/metrics/metricGrouping.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nKey } from "@/types/i18n";
+
 import type { Component } from "vue";
 import type { StreamInfo } from "@/services/service_streams";
 
@@ -38,7 +40,7 @@ export interface DefaultMetricConfig {
 
 export interface MetricGroupDefinition {
   id: string;
-  label: string;
+  labelKey: I18nKey;
   icon: string | {};
   defaultMetrics?: DefaultMetricConfig[];
   children?: MetricGroupDefinition[];
@@ -46,7 +48,7 @@ export interface MetricGroupDefinition {
 
 export interface MetricGroupConfig {
   id: string;
-  label: string;
+  labelKey: I18nKey;
   icon: string | Component;
   streams: StreamInfo[];
 }
@@ -270,11 +272,11 @@ const METRIC_GROUP_PATTERNS: Record<string, RegExp[]> = {
  * Ordering matters — classifyMetric checks groups in this order (first match wins).
  */
 export const DEFAULT_METRIC_GROUP_DEFINITIONS: MetricGroupDefinition[] = [
-  { id: "compute", label: "Compute", icon: "insights" },
-  { id: "memory", label: "Memory", icon: "memory" },
-  { id: "network", label: "Network", icon: "lan" },
-  { id: "storage", label: "Storage", icon: "storage" },
-  { id: "others", label: "Others", icon: "category" },
+  { id: "compute", labelKey: "metrics.groups.compute", icon: "insights" },
+  { id: "memory", labelKey: "metrics.groups.memory", icon: "memory" },
+  { id: "network", labelKey: "metrics.groups.network", icon: "lan" },
+  { id: "storage", labelKey: "metrics.groups.storage", icon: "storage" },
+  { id: "others", labelKey: "metrics.groups.others", icon: "category" },
 ];
 
 /**
@@ -288,12 +290,12 @@ export const DEFAULT_METRIC_GROUP_DEFINITIONS: MetricGroupDefinition[] = [
 export const K8S_METRIC_GROUP_DEFINITIONS: MetricGroupDefinition[] = [
   {
     id: "pods",
-    label: "Pods",
+    labelKey: "metrics.groups.pods",
     icon: "widgets",
     children: [
       {
         id: "compute",
-        label: "Compute",
+        labelKey: "metrics.groups.compute",
         icon: "insights",
         defaultMetrics: [
           { streamName: "k8s_pod_cpu_usage" },
@@ -303,7 +305,7 @@ export const K8S_METRIC_GROUP_DEFINITIONS: MetricGroupDefinition[] = [
       },
       {
         id: "memory",
-        label: "Memory",
+        labelKey: "metrics.groups.memory",
         icon: "memory",
         defaultMetrics: [
           { streamName: "k8s_pod_memory_usage" },
@@ -313,48 +315,48 @@ export const K8S_METRIC_GROUP_DEFINITIONS: MetricGroupDefinition[] = [
       },
       {
         id: "network",
-        label: "Network",
+        labelKey: "metrics.groups.network",
         icon: "lan",
         defaultMetrics: [{ streamName: "k8s_pod_network_io" }],
       },
       {
         id: "storage",
-        label: "Storage",
+        labelKey: "metrics.groups.storage",
         icon: "storage",
         defaultMetrics: [
           { streamName: "k8s_pod_filesystem_usage" },
           { streamName: "k8s_pod_filesystem_capacity" },
         ],
       },
-      { id: "others", label: "Others", icon: "category" },
+      { id: "others", labelKey: "metrics.groups.others", icon: "category" },
     ],
   },
   {
     id: "nodes",
-    label: "Nodes",
+    labelKey: "metrics.groups.nodes",
     icon: "dns",
     children: [
       {
         id: "compute",
-        label: "Compute",
+        labelKey: "metrics.groups.compute",
         icon: "insights",
         defaultMetrics: [{ streamName: "k8s_node_cpu_usage" }],
       },
       {
         id: "memory",
-        label: "Memory",
+        labelKey: "metrics.groups.memory",
         icon: "memory",
         defaultMetrics: [{ streamName: "k8s_node_memory_rss" }],
       },
       {
         id: "network",
-        label: "Network",
+        labelKey: "metrics.groups.network",
         icon: "lan",
         defaultMetrics: [{ streamName: "k8s_node_network_io" }],
       },
       {
         id: "storage",
-        label: "Storage",
+        labelKey: "metrics.groups.storage",
         icon: "storage",
         defaultMetrics: [
           { streamName: "system_disk_io" },
@@ -362,7 +364,7 @@ export const K8S_METRIC_GROUP_DEFINITIONS: MetricGroupDefinition[] = [
           { streamName: "system_filesystem_usage" },
         ],
       },
-      { id: "others", label: "Others", icon: "category" },
+      { id: "others", labelKey: "metrics.groups.others", icon: "category" },
     ],
   },
 ];
@@ -461,7 +463,7 @@ export function groupMetricsByCategory(
 
   const groups: MetricGroupConfig[] = groupDefs.map((def) => ({
     id: def.id,
-    label: def.label,
+    labelKey: def.labelKey,
     icon: def.icon,
     streams: buckets[def.id] ?? [],
   }));
diff --git a/web/src/utils/metrics/metricIntent.ts b/web/src/utils/metrics/metricIntent.ts
index 60219c881e..23db8089c1 100644
--- a/web/src/utils/metrics/metricIntent.ts
+++ b/web/src/utils/metrics/metricIntent.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nKey } from "@/types/i18n";
+
 import type { StreamInfo } from "@/services/service_streams";
 import { NETWORK_PATTERNS } from "@/utils/metrics/metricGrouping";
 import { resolveSetId } from "@/composables/useMetricSubjectButtons";
@@ -33,17 +35,17 @@ export type IntentId = "essentials" | "compute" | "memory" | "storage" | "networ
 
 export interface IntentDefinition {
   id: IntentId;
-  label: string;
+  labelKey: I18nKey;
   icon?: string;
 }
 
 export const INTENT_DEFINITIONS: IntentDefinition[] = [
-  { id: "essentials", label: "Essentials", icon: "star" },
-  { id: "compute", label: "Compute", icon: "memory" },
-  { id: "memory", label: "Memory", icon: "dns" },
-  { id: "storage", label: "Storage", icon: "storage" },
-  { id: "network", label: "Network", icon: "wifi" },
-  { id: "all", label: "All", icon: "apps" },
+  { id: "essentials", labelKey: "metrics.groups.essentials", icon: "star" },
+  { id: "compute", labelKey: "metrics.groups.compute", icon: "memory" },
+  { id: "memory", labelKey: "metrics.groups.memory", icon: "dns" },
+  { id: "storage", labelKey: "metrics.groups.storage", icon: "storage" },
+  { id: "network", labelKey: "metrics.groups.network", icon: "wifi" },
+  { id: "all", labelKey: "metrics.groups.all", icon: "apps" },
 ];
 
 /**
diff --git a/web/src/utils/metrics/prefixGrouping.spec.ts b/web/src/utils/metrics/prefixGrouping.spec.ts
index 68d6239c9b..824f0f3018 100644
--- a/web/src/utils/metrics/prefixGrouping.spec.ts
+++ b/web/src/utils/metrics/prefixGrouping.spec.ts
@@ -14,15 +14,21 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import { describe, it, expect } from "vitest";
+import { gt, raw } from "@/types/i18n";
 import {
   computePrefixAssignment,
   computeSuffixGroups,
   matchesSearch,
   MISC_GROUP_ID,
-  MISC_GROUP_LABEL,
   type PrefixGroup,
 } from "./prefixGrouping";
 
+/**
+ * The catch-all bucket's label as it resolves in en-US — the module stores the
+ * i18n KEY and translates it per call, so the expectation is the rendered text.
+ */
+const MISC_GROUP_LABEL = raw("Other");
+
 /**
  * The groups half of the one entry point. There is deliberately no exported
  * `computePrefixGroups`: a caller handed groups without the assignment that
@@ -31,8 +37,8 @@ import {
  */
 const computePrefixGroups = (
   names: string[],
-  opts?: Parameters<typeof computePrefixAssignment>[1],
-): PrefixGroup[] => computePrefixAssignment(names, opts).groups;
+  opts?: Parameters<typeof computePrefixAssignment>[2],
+): PrefixGroup[] => computePrefixAssignment(names, gt, opts).groups;
 
 // ---------------------------------------------------------------------------
 // Fixtures / helpers
@@ -327,7 +333,7 @@ describe("computePrefixAssignment", () => {
   ];
 
   it("assigns every name to a group that actually exists", () => {
-    const { groups, groupOf } = computePrefixAssignment(NAMES);
+    const { groups, groupOf } = computePrefixAssignment(NAMES, gt);
     const ids = new Set(groups.map((g) => g.id));
 
     expect(groupOf.size).toBe(NAMES.length);
@@ -339,7 +345,7 @@ describe("computePrefixAssignment", () => {
   it("assignment counts reconcile exactly with the reported group counts", () => {
     // This is the invariant that a hand-rolled `depth2 ?? depth1 ?? misc` guess
     // breaks: the rail would show a count the grid could not reproduce.
-    const { groups, groupOf } = computePrefixAssignment(NAMES);
+    const { groups, groupOf } = computePrefixAssignment(NAMES, gt);
 
     const tally = new Map<string, number>();
     for (const id of groupOf.values()) {
@@ -353,7 +359,7 @@ describe("computePrefixAssignment", () => {
   it("follows the fold into misc rather than falling back to a shallower prefix", () => {
     // `envoy` qualifies on coverage (3 names) but keeps only envoy_http_x once
     // the other two claim the deeper envoy_cluster — so it is folded into misc.
-    const { groupOf } = computePrefixAssignment(NAMES);
+    const { groupOf } = computePrefixAssignment(NAMES, gt);
     expect(groupOf.get("envoy_cluster_a")).toBe("envoy_cluster");
     expect(groupOf.get("envoy_http_x")).toBe(MISC_GROUP_ID);
     expect(groupOf.get("lonely_metric")).toBe(MISC_GROUP_ID);
@@ -361,7 +367,7 @@ describe("computePrefixAssignment", () => {
 
   it("tracks a changed minGroupSize instead of drifting from it", () => {
     const names = ["svc_a_1", "svc_a_2", "svc_b_1"];
-    const { groups, groupOf } = computePrefixAssignment(names, {
+    const { groups, groupOf } = computePrefixAssignment(names, gt, {
       minGroupSize: 3,
     });
     const ids = new Set(groups.map((g) => g.id));
@@ -388,7 +394,7 @@ describe("the assignment and the counts are the same statement", () => {
     // group ids instead handed it to `a` — which is still standing — while its
     // COUNT sat in misc. The rail said one thing and the grid did another.
     const names = ["a_b_c_1", "a_b_c_2", "a_b_d", "a_x", "a_y"];
-    const { groups, groupOf } = computePrefixAssignment(names, {
+    const { groups, groupOf } = computePrefixAssignment(names, gt, {
       maxDepth: 3,
       minGroupSize: 2,
     });
diff --git a/web/src/utils/metrics/prefixGrouping.ts b/web/src/utils/metrics/prefixGrouping.ts
index a9e5d63b4f..32470e4865 100644
--- a/web/src/utils/metrics/prefixGrouping.ts
+++ b/web/src/utils/metrics/prefixGrouping.ts
@@ -27,14 +27,24 @@
  *  - `matchesSearch`           — order-independent, multi-term substring matching
  *                                over a metric's name and help text.
  *
- * No imports from the app (no store, no vue) — safe to unit test and reuse anywhere.
+ * No app state (no store, no vue) — safe to unit test and reuse anywhere. The only
+ * dependency is i18n, to translate the catch-all bucket's label.
  */
 
 /** The id used for metrics that do not share a qualifying prefix with any other metric. */
+import { raw, type I18nKey, type I18nText, type TranslateFn } from "@/types/i18n";
+
 export const MISC_GROUP_ID = "misc";
 
-/** Human-facing label for the {@link MISC_GROUP_ID} bucket. */
-export const MISC_GROUP_LABEL = "Other";
+/**
+ * i18n key for the {@link MISC_GROUP_ID} bucket's label.
+ *
+ * The KEY is the constant, not the text: resolving it here (at module scope)
+ * would freeze the label in whatever locale happened to be active when this
+ * module first loaded. It is translated per call inside
+ * {@link computePrefixAssignment} instead.
+ */
+export const MISC_GROUP_LABEL_KEY: I18nKey = "metrics.explorer.miscGroup";
 
 /** Default number of underscore-delimited segments considered for a prefix. */
 export const DEFAULT_MAX_DEPTH = 2;
@@ -47,7 +57,7 @@ export interface PrefixGroup {
   /** The prefix itself (e.g. `node_cpu`), or `misc` for the catch-all bucket. */
   id: string;
   /** Display label — the prefix for real groups, `Other` for the catch-all bucket. */
-  label: string;
+  label: I18nText;
   /** Number of distinct metric names assigned to this group. */
   count: number;
   /** Segment count of the prefix (1 or 2 by default); `0` for the catch-all bucket. */
@@ -59,7 +69,7 @@ export interface SuffixGroup {
   /** The suffix segment (e.g. `total`, `bucket`). */
   id: string;
   /** Display label — same as `id`. */
-  label: string;
+  label: I18nText;
   /** Number of distinct metric names ending with this suffix. */
   count: number;
 }
@@ -134,6 +144,7 @@ function candidatePrefixes(name: string, maxDepth: number): string[] {
  */
 export function computePrefixAssignment(
   metricNames: string[],
+  t: TranslateFn,
   opts: PrefixGroupOptions = {},
 ): { groups: PrefixGroup[]; groupOf: Map<string, string> } {
   const maxDepth = Math.max(1, Math.floor(opts.maxDepth ?? DEFAULT_MAX_DEPTH));
@@ -204,7 +215,7 @@ export function computePrefixAssignment(
   for (const [id, members] of namesByGroup) {
     groups.push({
       id,
-      label: id === MISC_GROUP_ID ? MISC_GROUP_LABEL : id,
+      label: id === MISC_GROUP_ID ? t(MISC_GROUP_LABEL_KEY) : raw(id),
       count: members.length,
       depth: depths.get(id) ?? 0,
     });
@@ -249,7 +260,7 @@ export function computeSuffixGroups(metricNames: string[]): SuffixGroup[] {
 
   const groups: SuffixGroup[] = [];
   for (const [id, count] of counts) {
-    groups.push({ id, label: id, count });
+    groups.push({ id, label: raw(id), count });
   }
 
   return groups.sort((a, b) => {
diff --git a/web/src/utils/prebuilt-templates/discord.ts b/web/src/utils/prebuilt-templates/discord.ts
index 971fcaf6b4..d94e9196fb 100644
--- a/web/src/utils/prebuilt-templates/discord.ts
+++ b/web/src/utils/prebuilt-templates/discord.ts
@@ -101,7 +101,7 @@ export const discordConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.discordWebhookUrl",
       type: "text",
       required: true,
-      hint: "Get your webhook URL from Discord channel settings",
+      hintKey: "alerts.prebuiltDestinations.discordWebhookUrlHint",
       validator: (url: string) => {
         const invalid = { key: "alerts.prebuiltDestinations.invalidDiscordWebhookUrl" };
         try {
@@ -122,7 +122,7 @@ export const discordConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.discordUsername",
       type: "text",
       required: false,
-      hint: "Custom username for the webhook bot",
+      hintKey: "alerts.prebuiltDestinations.discordUsernameHint",
     },
   ],
 };
diff --git a/web/src/utils/prebuilt-templates/email.ts b/web/src/utils/prebuilt-templates/email.ts
index d2020462fa..d5b46fd011 100644
--- a/web/src/utils/prebuilt-templates/email.ts
+++ b/web/src/utils/prebuilt-templates/email.ts
@@ -112,7 +112,7 @@ export const emailConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.emailRecipients",
       type: "email",
       required: true,
-      hint: "Comma-separated email addresses",
+      hintKey: "alerts.prebuiltDestinations.emailRecipientsHelp",
       validator: (emails: string) => {
         const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
         const emailList = emails.split(",").map((e) => e.trim());
diff --git a/web/src/utils/prebuilt-templates/msteams.ts b/web/src/utils/prebuilt-templates/msteams.ts
index f1de7420e6..5257f76633 100644
--- a/web/src/utils/prebuilt-templates/msteams.ts
+++ b/web/src/utils/prebuilt-templates/msteams.ts
@@ -123,7 +123,7 @@ export const msteamsConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.msteamsWebhookUrl",
       type: "text",
       required: true,
-      hint: "Get your webhook URL from Teams channel connectors or Workflows",
+      hintKey: "alerts.prebuiltDestinations.msteamsWebhookUrlHint",
       validator: (url: string) =>
         isValidTeamsWebhookUrl(url) || {
           key: "alerts.prebuiltDestinations.invalidMsteamsWebhookUrl",
diff --git a/web/src/utils/prebuilt-templates/opsgenie.ts b/web/src/utils/prebuilt-templates/opsgenie.ts
index 91ba23edaf..182716413a 100644
--- a/web/src/utils/prebuilt-templates/opsgenie.ts
+++ b/web/src/utils/prebuilt-templates/opsgenie.ts
@@ -65,7 +65,7 @@ export const opsgenieConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.opsgenieApiKey",
       type: "password",
       required: true,
-      hint: "Get your API key from Opsgenie integration settings",
+      hintKey: "alerts.prebuiltDestinations.opsgenieApiKeyHelp",
       validator: (key: string) =>
         key.length > 30 || {
           key: "alerts.prebuiltDestinations.opsgenieApiKeyLength",
@@ -76,7 +76,7 @@ export const opsgenieConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.opsgenieEuRegion",
       type: "toggle",
       required: false,
-      hint: "Enable for EU-based Opsgenie instances",
+      hintKey: "alerts.prebuiltDestinations.opsgenieEuRegionHelp",
     },
     {
       key: "priority",
diff --git a/web/src/utils/prebuilt-templates/pagerduty.ts b/web/src/utils/prebuilt-templates/pagerduty.ts
index 5a14937118..1966fc8746 100644
--- a/web/src/utils/prebuilt-templates/pagerduty.ts
+++ b/web/src/utils/prebuilt-templates/pagerduty.ts
@@ -70,7 +70,7 @@ export const pagerdutyConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.pagerdutyIntegrationKey",
       type: "password",
       required: true,
-      hint: "Get your integration key from PagerDuty service settings",
+      hintKey: "alerts.prebuiltDestinations.pagerdutyIntegrationKeyHelp",
       validator: (key: string) =>
         key.length === 32 || {
           key: "alerts.prebuiltDestinations.pagerdutyIntegrationKeyLength",
diff --git a/web/src/utils/prebuilt-templates/servicenow.ts b/web/src/utils/prebuilt-templates/servicenow.ts
index 87f5eee0f6..60a073d621 100644
--- a/web/src/utils/prebuilt-templates/servicenow.ts
+++ b/web/src/utils/prebuilt-templates/servicenow.ts
@@ -12,6 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import { raw } from "@/types/i18n";
+
 import { PrebuiltConfig } from "./types";
 
 const isValidServiceNowIncidentUrl = (url: string): boolean => {
@@ -92,7 +94,7 @@ export const servicenowConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.servicenowInstanceUrl",
       type: "text",
       required: true,
-      hint: "https://your-instance.service-now.com/api/now/table/incident",
+      hint: raw("https://your-instance.service-now.com/api/now/table/incident"),
       validator: (url: string) =>
         isValidServiceNowIncidentUrl(url) || {
           key: "alerts.prebuiltDestinations.servicenowInstanceUrlFormat",
@@ -103,7 +105,7 @@ export const servicenowConfig: PrebuiltConfig = {
       labelKey: "common.username",
       type: "text",
       required: true,
-      hint: "ServiceNow username with incident creation permissions",
+      hintKey: "alerts.prebuiltDestinations.servicenowUsernameHelp",
       validator: (value: string) =>
         value.trim().length > 0 || {
           key: "alerts.prebuiltDestinations.usernameRequired",
@@ -114,7 +116,7 @@ export const servicenowConfig: PrebuiltConfig = {
       labelKey: "common.password",
       type: "password",
       required: true,
-      hint: "ServiceNow password or API token",
+      hintKey: "alerts.prebuiltDestinations.servicenowPasswordHelp",
       validator: (value: string) =>
         value.trim().length > 0 || {
           key: "alerts.prebuiltDestinations.passwordRequired",
@@ -125,7 +127,7 @@ export const servicenowConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.servicenowAssignmentGroup",
       type: "text",
       required: false,
-      hint: "Group to assign incidents to (e.g., IT Operations)",
+      hintKey: "alerts.prebuiltDestinations.servicenowAssignmentGroupHelp",
     },
   ],
 };
diff --git a/web/src/utils/prebuilt-templates/slack.ts b/web/src/utils/prebuilt-templates/slack.ts
index 2f7a04fc8c..e70c894040 100644
--- a/web/src/utils/prebuilt-templates/slack.ts
+++ b/web/src/utils/prebuilt-templates/slack.ts
@@ -12,6 +12,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+import { raw } from "@/types/i18n";
+
 import { PrebuiltConfig } from "./types";
 
 /**
@@ -94,7 +96,7 @@ export const slackConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.slackWebhookUrl",
       type: "text",
       required: true,
-      hint: "Get your webhook URL from Slack App settings",
+      hintKey: "alerts.prebuiltDestinations.slackWebhookUrlHelp",
       validator: (url: string) => {
         const invalid = { key: "alerts.prebuiltDestinations.invalidSlackWebhookUrl" };
         try {
@@ -115,7 +117,7 @@ export const slackConfig: PrebuiltConfig = {
       labelKey: "alerts.prebuiltDestinations.slackChannel",
       type: "text",
       required: false,
-      hint: "e.g., #alerts",
+      hint: raw("e.g., #alerts"),
     },
   ],
 };
diff --git a/web/src/utils/prebuilt-templates/types.ts b/web/src/utils/prebuilt-templates/types.ts
index 1bc4a4e78c..acb8da919f 100644
--- a/web/src/utils/prebuilt-templates/types.ts
+++ b/web/src/utils/prebuilt-templates/types.ts
@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import type { I18nKey } from "@/types/i18n";
+import type { I18nKey, I18nText } from "@/types/i18n";
 /**
  * Prebuilt destination types
  */
@@ -55,7 +55,15 @@ export interface CredentialField {
   labelKey: I18nKey;
   type: "text" | "password" | "email" | "select" | "toggle";
   required: boolean;
-  hint?: string;
+  /**
+   * Helper text. These config modules are plain, Vue-less objects evaluated at
+   * import time, so real copy belongs in {@link hintKey} (an i18n KEY resolved
+   * by the consumer at render time, like {@link labelKey}); `hint` is for text
+   * that must read identically in every language — a URL or example value.
+   */
+  hint?: I18nText;
+  /** i18n KEY for the helper text. Wins over {@link hint} when both are set. */
+  hintKey?: I18nKey;
   options?: Array<{ label: string; value: string; description?: string }>;
   validator?: (value: string) => CredentialValidatorResult;
 }
@@ -78,7 +86,7 @@ export interface PrebuiltConfig {
 export interface PrebuiltType {
   id: PrebuiltTypeId;
   name: string;
-  description: string;
+  description: I18nText;
   icon: string; // Icon name or component reference
   image?: string; // Image URL for logo
   popular?: boolean;
diff --git a/web/src/utils/query/searchError.ts b/web/src/utils/query/searchError.ts
index 27dbcd372e..7ecf7dfcbf 100644
--- a/web/src/utils/query/searchError.ts
+++ b/web/src/utils/query/searchError.ts
@@ -36,6 +36,8 @@
  */
 
 /** The backend's internal error envelope, embedded in an otherwise plain string. */
+import { gt, raw, type I18nText } from "@/types/i18n";
+
 const ERROR_CODE_MARKER = "ErrorCode#";
 
 /** Long enough for any real message; short enough not to fill the screen. */
@@ -43,7 +45,7 @@ const MAX_MESSAGE_LENGTH = 300;
 
 export interface SearchError {
   /** A sentence fit to show a user. Never empty. */
-  message: string;
+  message: I18nText;
   /** The backend's error code, when it gave one (`20010`) or the HTTP status. */
   code?: number;
   /** The internal cause. Useful to an engineer, noise to everyone else. */
@@ -62,17 +64,17 @@ const truncate = (message: string): string =>
  * string is not one (already a plain message, or malformed JSON — in which case
  * the raw string is still better than nothing).
  */
-function unwrapErrorCode(raw: string): Omit<SearchError, "traceId"> | null {
-  const marker = raw.indexOf(ERROR_CODE_MARKER);
+function unwrapErrorCode(text: string): Omit<SearchError, "traceId"> | null {
+  const marker = text.indexOf(ERROR_CODE_MARKER);
   if (marker === -1) return null;
 
-  const open = raw.indexOf("{", marker);
-  const close = raw.lastIndexOf("}");
+  const open = text.indexOf("{", marker);
+  const close = text.lastIndexOf("}");
   if (open === -1 || close <= open) return null;
 
   let parsed: any;
   try {
-    parsed = JSON.parse(raw.slice(open, close + 1));
+    parsed = JSON.parse(text.slice(open, close + 1));
   } catch {
     return null;
   }
@@ -81,7 +83,7 @@ function unwrapErrorCode(raw: string): Omit<SearchError, "traceId"> | null {
   if (!message) return null;
 
   return {
-    message,
+    message: raw(message),
     code: typeof parsed?.code === "number" ? parsed.code : undefined,
     detail: str(parsed?.inner) || undefined,
   };
@@ -94,7 +96,11 @@ function unwrapErrorCode(raw: string): Omit<SearchError, "traceId"> | null {
  * has to say *something*, and "" would render as a blank tooltip that looks like
  * a second bug.
  */
-export function parseSearchError(error: any, fallback = "Query failed"): SearchError {
+export function parseSearchError(
+  error: any,
+  // Evaluated per call, so gt() resolves the active locale.
+  fallback: I18nText = gt("search.queryFailed"),
+): SearchError {
   // Already normalised upstream (the streaming path parses at the point of
   // failure, where the payload is still intact) — do not re-derive it.
   if (error?.searchError) return error.searchError as SearchError;
@@ -102,7 +108,7 @@ export function parseSearchError(error: any, fallback = "Query failed"): SearchE
   if (typeof error === "string") {
     const unwrapped = unwrapErrorCode(error);
     return {
-      message: truncate(unwrapped?.message || error || fallback),
+      message: raw(truncate(unwrapped?.message || error || fallback)),
       code: unwrapped?.code,
       detail: unwrapped?.detail,
     };
@@ -120,8 +126,8 @@ export function parseSearchError(error: any, fallback = "Query failed"): SearchE
 
   // `error` first: on a PromQL failure that is the field carrying the envelope,
   // while `message` is often just the HTTP-level "Request failed with status…".
-  const raw = str(body.error) || str(body.message) || bodyText || str(error?.message);
-  const unwrapped = unwrapErrorCode(raw);
+  const rawMessage = str(body.error) || str(body.message) || bodyText || str(error?.message);
+  const unwrapped = unwrapErrorCode(rawMessage);
 
   const httpStatus = error?.response?.status ?? error?.status;
   const code =
@@ -130,7 +136,7 @@ export function parseSearchError(error: any, fallback = "Query failed"): SearchE
     (typeof httpStatus === "number" ? httpStatus : undefined);
 
   return {
-    message: truncate(unwrapped?.message || raw || fallback),
+    message: raw(truncate(unwrapped?.message || rawMessage || fallback)),
     code,
     detail: unwrapped?.detail ?? (str(body.error_detail) || undefined),
     traceId: str(body.trace_id) || str(error?.trace_id) || undefined,
diff --git a/web/src/utils/query/sqlDiagnostics.ts b/web/src/utils/query/sqlDiagnostics.ts
index a9545be24d..8c9252544f 100644
--- a/web/src/utils/query/sqlDiagnostics.ts
+++ b/web/src/utils/query/sqlDiagnostics.ts
@@ -37,6 +37,8 @@
 
 // ─── Public types ─────────────────────────────────────────────────────────────
 
+import type { I18nText } from "@/types/i18n";
+
 export interface SqlErrorRange {
   startLine: number;
   endLine: number;
@@ -1003,7 +1005,7 @@ function extractSemanticError(text: string): { field: string; message: string }
  */
 export async function rangesFromServerError(params: {
   code?: number;
-  message?: string;
+  message?: I18nText;
   errorDetail?: string;
   sqlMode: boolean;
   query?: string;
diff --git a/web/src/utils/traces/applyGraphCollapse.ts b/web/src/utils/traces/applyGraphCollapse.ts
index beba34915b..53a11a4d47 100644
--- a/web/src/utils/traces/applyGraphCollapse.ts
+++ b/web/src/utils/traces/applyGraphCollapse.ts
@@ -21,6 +21,8 @@
 //! controls (mode, per-kind expand, per-kind hide) driving the behavior. Services
 //! are never collapsed.
 
+import { raw, type I18nText } from "@/types/i18n";
+
 export type CollapseMode = "auto" | "expanded" | "collapsed";
 
 export interface CollapseState {
@@ -42,7 +44,7 @@ export interface CollapseState {
 
 export interface GNode {
   id: string;
-  label: string;
+  label: I18nText;
   requests: number;
   errors: number;
   service_type?: string;
@@ -142,7 +144,7 @@ export function applyGraphCollapse(
     if (!g) {
       g = {
         id: gid,
-        label: "",
+        label: raw(""),
         requests: 0,
         errors: 0,
         service_type: kind,
@@ -219,7 +221,7 @@ export function applyGraphCollapse(
     const isHub = isHubGroup(gid, kind);
     (g as any).is_expanded = isHub;
     // ▾ = expanded (click to collapse), ▸ = collapsed (click to expand).
-    g.label = `${kindLabel} (${g.member_count}) ${isHub ? "▾" : "▸"}`;
+    g.label = raw(`${kindLabel} (${g.member_count}) ${isHub ? "▾" : "▸"}`);
   }
 
   // 4. Which dep member ids are hidden behind a collapsed boundary. A member is
diff --git a/web/src/utils/traces/computeTreeLayout.ts b/web/src/utils/traces/computeTreeLayout.ts
index def1a990a8..981e4715b5 100644
--- a/web/src/utils/traces/computeTreeLayout.ts
+++ b/web/src/utils/traces/computeTreeLayout.ts
@@ -27,9 +27,11 @@
 //! Because nodes carry their own x/y, dot and label move together (unlike
 //! label-only shifting, which detaches the text from its node).
 
+import type { I18nText } from "@/types/i18n";
+
 export interface LayoutNode {
   id: string;
-  label?: string;
+  label?: I18nText;
 }
 export interface LayoutEdge {
   from: string | null;
diff --git a/web/src/utils/traces/treeVisualizationEngine.ts b/web/src/utils/traces/treeVisualizationEngine.ts
index c137f71c36..8c603e9a46 100644
--- a/web/src/utils/traces/treeVisualizationEngine.ts
+++ b/web/src/utils/traces/treeVisualizationEngine.ts
@@ -13,6 +13,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
+import type { I18nText } from "@/types/i18n";
+
 import { getServiceColorHex } from "@/utils/traces/traceColors";
 
 /**
@@ -21,7 +23,7 @@ import { getServiceColorHex } from "@/utils/traces/traceColors";
 export interface TreeNode {
   id: string;
   name: string;
-  label?: string;
+  label?: I18nText;
   value: number; // Primary metric (requests/duration)
   errorRate?: number;
   children?: TreeNode[];
diff --git a/web/src/views/Dashboards/Dashboards.vue b/web/src/views/Dashboards/Dashboards.vue
index 7b7f497881..4f352f62f7 100644
--- a/web/src/views/Dashboards/Dashboards.vue
+++ b/web/src/views/Dashboards/Dashboards.vue
@@ -505,7 +505,7 @@ import {
   watch,
 } from "vue";
 import { useStore } from "vuex";
-import { useI18nTyped, raw } from "@/types/i18n";
+import { useI18nTyped, raw, type I18nText } from "@/types/i18n";
 import { formatDate } from "@/utils/date";
 
 import dashboardService from "../../services/dashboards";
@@ -563,7 +563,7 @@ interface DashboardRow {
   folder_id?: string;
   name: string;
   identifier: string;
-  description: string;
+  description: I18nText;
   owner: string;
   created_raw: string;
   created: string;
@@ -580,7 +580,7 @@ interface DashboardSearchResult {
 // Narrows a caught `unknown` to the axios-style error shape this view reads.
 interface CaughtError {
   name?: string;
-  message?: string;
+  message?: I18nText;
   status?: number;
   response?: { status?: number; data?: { message?: string } };
 }
diff --git a/web/src/views/Dashboards/addPanel/AddCondition.vue b/web/src/views/Dashboards/addPanel/AddCondition.vue
index 2f6b133fa0..ea6f36d5fd 100644
--- a/web/src/views/Dashboards/addPanel/AddCondition.vue
+++ b/web/src/views/Dashboards/addPanel/AddCondition.vue
@@ -130,7 +130,9 @@
                       searchable
                       :error="condition.values?.length === 0"
                       :error-message="
-                        condition.values?.length === 0 ? t('common.atLeastOneItemRequired') : ''
+                        condition.values?.length === 0
+                          ? t('common.atLeastOneItemRequired')
+                          : raw('')
                       "
                       data-test="dashboard-add-condition-list-tab"
                       class="o2-custom-select-dashboard"
@@ -169,7 +171,7 @@ import { type SelectModelValue } from "@/lib/forms/Select/OSelect.types";
 import OSeparator from "@/lib/core/Separator/OSeparator.vue";
 import { defineComponent, ref, computed, toRef, watch, inject } from "vue";
 import OCombobox from "@/lib/forms/Combobox/OCombobox.vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useSelectAutoComplete } from "../../../composables/useSelectAutocomplete";
 import useDashboardPanelData from "@/composables/dashboard/useDashboardPanel";
 import StreamFieldSelect from "@/components/dashboards/addPanel/StreamFieldSelect.vue";
@@ -256,8 +258,8 @@ export default defineComponent({
     ];
 
     const filterOptions = [
-      { label: "AND", value: "AND" },
-      { label: "OR", value: "OR" },
+      { label: raw("AND"), value: "AND" },
+      { label: raw("OR"), value: "OR" },
     ];
 
     const computedLabel = (condition: any) => {
@@ -344,6 +346,7 @@ export default defineComponent({
       computedLabel,
       labelParts,
       t,
+      raw,
       filterStreamFn,
       filterOptions,
       filterListFn,
diff --git a/web/src/views/Dashboards/addPanel/AddJoinPopUp.vue b/web/src/views/Dashboards/addPanel/AddJoinPopUp.vue
index a80b9f5d5b..7c2ba1b543 100644
--- a/web/src/views/Dashboards/addPanel/AddJoinPopUp.vue
+++ b/web/src/views/Dashboards/addPanel/AddJoinPopUp.vue
@@ -178,7 +178,7 @@ import OButton from "@/lib/core/Button/OButton.vue";
 import OSelect from "@/lib/forms/Select/OSelect.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
 import { defineComponent, watch, onMounted, inject, ref, computed, markRaw, PropType } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useLoading } from "@/composables/useLoading";
 import useStreams from "@/composables/useStreams";
@@ -191,7 +191,7 @@ import RightJoinTypeSvg from "@/components/icons/RightJoinTypeSvg.vue";
 import InnerJoinTypeSvg from "@/components/icons/InnerJoinTypeSvg.vue";
 
 export interface StreamOption {
-  label: string;
+  label: I18nText;
   value: string;
 }
 
@@ -303,7 +303,7 @@ export default defineComponent({
     const streamOptions = ref<StreamOption[]>([]);
     const operationOptions = [...JOIN_OPERATIONS];
     const operationSelectOptions = operationOptions.map((op) => ({
-      label: op,
+      label: raw(op),
       value: op,
     }));
 
@@ -439,7 +439,7 @@ export default defineComponent({
 
         streamOptions.value = response.list.map(
           (stream: StreamListEntry): StreamOption => ({
-            label: stream.name,
+            label: raw(stream.name),
             value: stream.name,
           }),
         );
diff --git a/web/src/views/Functions.vue b/web/src/views/Functions.vue
index ef52090145..5175df830f 100644
--- a/web/src/views/Functions.vue
+++ b/web/src/views/Functions.vue
@@ -36,7 +36,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
          nothing here — their content components have their own headers. -->
       <OPageHeader
         :title="showPipelineActions ? t('menu.pipeline') : breadcrumbLabel"
-        :subtitle="showPipelineActions ? t('pipeline.subtitle') : ''"
+        :subtitle="showPipelineActions ? t('pipeline.subtitle') : raw('')"
         :icon="showPipelineActions ? 'lan' : undefined"
         :back="detailBack"
         :tabs-below="showPipelineActions"
@@ -152,7 +152,7 @@ import ODropdownItem from "@/lib/overlay/Dropdown/ODropdownItem.vue";
 import { defineComponent, ref, computed, onBeforeMount, onMounted, onUnmounted, watch } from "vue";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import config from "@/aws-exports";
 
 export default defineComponent({
@@ -194,15 +194,19 @@ export default defineComponent({
     const orgIdentifier = computed(() => store.state.selectedOrganization.identifier);
 
     // ── Level 3 detail crumb ────────────────────────────────────────────────
-    const detailLabels: Record<string, () => string> = {
-      pipelineEditor: () => (router.currentRoute.value.query.name as string) || "Edit Pipeline",
+    const detailLabels: Record<string, () => I18nText> = {
+      pipelineEditor: () => {
+        // The crumb is the pipeline's own name (data) when the URL carries one.
+        const name = router.currentRoute.value.query.name as string;
+        return name ? raw(name) : t("pipeline.editPipeline");
+      },
       createPipeline: () => t("pipeline.addPipeline"),
       importPipeline: () => t("pipeline.import"),
       pipelineHistory: () => t("pipeline.history"),
       pipelineBackfill: () => t("pipeline.backfill"),
     };
     const isDetailView = computed(() => routeName.value in detailLabels);
-    const breadcrumbLabel = computed(() => detailLabels[routeName.value]?.() ?? "");
+    const breadcrumbLabel = computed(() => detailLabels[routeName.value]?.() ?? raw(""));
 
     // On a detail sub-page (editor/create/history/backfill) the leading icon
     // becomes a Back button to the pipelines list, mirroring the CRUD sub-page
@@ -275,6 +279,7 @@ export default defineComponent({
 
     return {
       t,
+      raw,
       store,
       config,
       orgIdentifier,
diff --git a/web/src/views/IdentityAccessManagement.vue b/web/src/views/IdentityAccessManagement.vue
index 825831a3ca..15d21bcc3a 100644
--- a/web/src/views/IdentityAccessManagement.vue
+++ b/web/src/views/IdentityAccessManagement.vue
@@ -30,7 +30,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import OPageLayout from "@/lib/core/PageLayout/OPageLayout.vue";
 import SectionRail from "@/components/common/SectionRail.vue";
-import { type SectionHubGroup, type SectionHubItem } from "@/components/common/SectionHub.vue";
+import { type SectionHubGroup } from "@/components/common/SectionHub.vue";
 import { computed, watch } from "vue";
 import { useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
@@ -75,7 +75,7 @@ const sectionGroups = computed<SectionHubGroup[]>(() => {
   // both enterprise and cloud builds, gated on the ai_enabled runtime flag.
   const aiEnabled = isEnt && !!store.state.zoConfig.ai_enabled;
 
-  const groups: { label: string; items: SectionHubItem[] }[] = [
+  const groups: SectionHubGroup[] = [
     {
       label: t("iam.sectionAccess"),
       items: [
diff --git a/web/src/views/Ingestion.vue b/web/src/views/Ingestion.vue
index 2fb1672fc6..1693cd16ca 100644
--- a/web/src/views/Ingestion.vue
+++ b/web/src/views/Ingestion.vue
@@ -462,8 +462,8 @@ export default defineComponent({
 
     const copyToClipboardFn = (content: any) => {
       copyToClipboard(content.innerText, t, {
-        successMessage: "Content Copied Successfully!",
-        errorMessage: "Error while copy content.",
+        successMessage: t("common.contentCopiedSuccessfully"),
+        errorMessage: t("ingestion.copyContentError"),
         timeout: 5000,
       }).then((success: boolean) => {
         if (success) {
diff --git a/web/src/views/OverviewTab.vue b/web/src/views/OverviewTab.vue
index ef45639a5d..91f6dd3143 100644
--- a/web/src/views/OverviewTab.vue
+++ b/web/src/views/OverviewTab.vue
@@ -174,7 +174,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         </div>
         <div
           ref="svcGridRef"
-          class="flex flex-row gap-2 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+          class="flex [scrollbar-width:none] flex-row gap-2 overflow-x-auto [&::-webkit-scrollbar]:hidden"
           @scroll="onSvcScroll"
         >
           <div
diff --git a/web/src/views/RUM/AppSessions.vue b/web/src/views/RUM/AppSessions.vue
index d186685365..cea79ebb11 100644
--- a/web/src/views/RUM/AppSessions.vue
+++ b/web/src/views/RUM/AppSessions.vue
@@ -420,7 +420,7 @@ import { useQueryPlaceholder } from "@/components/logs/useQueryPlaceholder";
 import useSqlSuggestions from "@/composables/useSuggestions";
 import { useSqlEditorDiagnostics } from "@/composables/useSqlEditorDiagnostics";
 import { rangesFromServerError, type SqlErrorRange } from "@/utils/query/sqlDiagnostics";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OTable from "@/lib/core/Table/OTable.vue";
 import OTableColumnToggle from "@/lib/core/Table/sub-components/OTableColumnToggle.vue";
 import useExternalColumnToggle from "@/composables/useExternalColumnToggle";
@@ -494,7 +494,7 @@ interface SessionInsight {
   count: number;
   target?: string;
   view?: string;
-  message?: string;
+  message?: I18nText;
   rate?: number;
 }
 
diff --git a/web/src/views/RUM/SessionViewer.vue b/web/src/views/RUM/SessionViewer.vue
index 1a5f3ab40a..8352d58c17 100644
--- a/web/src/views/RUM/SessionViewer.vue
+++ b/web/src/views/RUM/SessionViewer.vue
@@ -17,7 +17,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <OPageLayout
     class="qp-2"
-    :title="sessionDetails.id || t('rum.sessionReplay')"
+    :title="sessionDetails.id ? raw(sessionDetails.id) : t('rum.sessionReplay')"
     :back="{
       label: t('rum.sessionReplay'),
       onClick: () => router.back(),
@@ -132,7 +132,7 @@ import { cloneDeep } from "lodash-es";
 import { computed, onBeforeMount, ref, watch } from "vue";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import searchService from "@/services/search";
 import useQuery from "@/composables/useQuery";
 import useSessionsReplay from "@/composables/useSessionReplay";
diff --git a/web/src/views/RUM/SourceMaps.spec.ts b/web/src/views/RUM/SourceMaps.spec.ts
index bb732924f1..72a39ae3e3 100644
--- a/web/src/views/RUM/SourceMaps.spec.ts
+++ b/web/src/views/RUM/SourceMaps.spec.ts
@@ -4,6 +4,7 @@ import { nextTick } from "vue";
 import { createStore } from "vuex";
 import { createRouter, createWebHistory } from "vue-router";
 import { createI18n } from "vue-i18n";
+import enUS from "@/locales/languages/en-US.json";
 
 import SourceMaps from "./SourceMaps.vue";
 
@@ -52,11 +53,13 @@ const createMockRouter = () =>
     ],
   });
 
+// Real en-US messages: this spec asserts rendered copy (dialog labels, the
+// delete confirmation), so an empty message set would silently pass on raw keys.
 const createMockI18n = () =>
   createI18n({
     legacy: false,
     locale: "en",
-    messages: { en: {} },
+    messages: { en: enUS },
   });
 
 const notifyMock = vi.fn();
@@ -322,11 +325,14 @@ describe("SourceMaps.vue", () => {
 
       wrapper = await mountComponent();
 
-      // OTable is always rendered; when data is empty it renders #empty slot with OEmptyState.
-      // The i18n keys are not translated in the test environment, so we verify the
-      // empty state component is rendered rather than checking for translated text.
+      // OTable is always rendered; when data is empty it renders #empty slot with
+      // OEmptyState. This spec loads the real en-US messages, so assert the copy the
+      // user actually sees — the previous `toContain("emptyState")` only passed
+      // because the message set was empty and t() echoed the key back.
       expect(wrapper.find('[data-test-stub="o-table"]').exists()).toBe(true);
-      expect(wrapper.find('[data-test-stub="o-table"]').text()).toContain("emptyState");
+      expect(wrapper.find('[data-test-stub="o-table"]').text()).toContain(
+        "No source maps uploaded",
+      );
     });
 
     it("shows OTable when grouped source maps exist", async () => {
@@ -434,8 +440,8 @@ describe("SourceMaps.vue", () => {
       expect(dialog.exists()).toBe(true);
       expect(dialog.props("open")).toBe(false);
       expect(dialog.props("size")).toBe("xs");
-      expect(dialog.props("primaryButtonLabel")).toBe("common.ok");
-      expect(dialog.props("secondaryButtonLabel")).toBe("common.cancel");
+      expect(dialog.props("primaryButtonLabel")).toBe("OK");
+      expect(dialog.props("secondaryButtonLabel")).toBe("Cancel");
     });
 
     it("confirmDeleteSourceMap opens dialog and populates title/message/data", async () => {
@@ -457,7 +463,7 @@ describe("SourceMaps.vue", () => {
       expect((wrapper.vm as any).deleteDialog.message).toContain("svc-a");
       expect((wrapper.vm as any).deleteDialog.message).toContain("1.0.0");
       expect((wrapper.vm as any).deleteDialog.message).toContain("prod");
-      expect((wrapper.vm as any).deleteDialog.message).toContain("2 file(s)");
+      expect((wrapper.vm as any).deleteDialog.message).toContain("2 files");
       expect((wrapper.vm as any).deleteDialog.data).toEqual(row);
     });
 
diff --git a/web/src/views/RUM/SourceMaps.vue b/web/src/views/RUM/SourceMaps.vue
index a510464c7a..c7a6a8197d 100644
--- a/web/src/views/RUM/SourceMaps.vue
+++ b/web/src/views/RUM/SourceMaps.vue
@@ -176,7 +176,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <ODialog
       v-model:open="deleteDialog.show"
       size="xs"
-      :title="deleteDialog.title"
+      :title="raw(deleteDialog.title)"
       data-test="delete-source-maps-dialog"
       :secondary-button-label="t('common.cancel')"
       :primary-button-label="t('common.ok')"
@@ -198,7 +198,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 defineOptions({ name: "SourceMaps" });
 
 import { ref, onMounted, computed } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import { useRouter } from "vue-router";
 import sourcemapsService from "@/services/sourcemaps";
@@ -424,8 +424,13 @@ const formatTimestamp = (timestamp: number) => {
 const confirmDeleteSourceMap = (sourceMap: any) => {
   deleteDialog.value = {
     show: true,
-    title: "Delete Source Maps",
-    message: `Are you sure you want to delete all source maps for ${sourceMap.service} (${sourceMap.version}) in ${sourceMap.env} environment? This will delete ${sourceMap.fileCount} file(s).`,
+    title: t("rum.deleteSourceMapsTitle"),
+    message: t("rum.deleteSourceMapsConfirm", {
+      service: sourceMap.service,
+      version: sourceMap.version,
+      env: sourceMap.env,
+      count: sourceMap.fileCount,
+    }),
     data: sourceMap,
   };
 };
diff --git a/web/src/views/RUM/UploadSourceMaps.vue b/web/src/views/RUM/UploadSourceMaps.vue
index af8633be7c..4452ee078a 100644
--- a/web/src/views/RUM/UploadSourceMaps.vue
+++ b/web/src/views/RUM/UploadSourceMaps.vue
@@ -18,7 +18,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <OPageLayout
     class="bg-surface-base"
     :title="t('rum.uploadSourceMaps')"
-    :back="{ label: 'Source Maps', onClick: navigateBack, dataTest: 'add-alert-back-btn' }"
+    :back="{ label: t('rum.sourceMaps'), onClick: navigateBack, dataTest: 'add-alert-back-btn' }"
     bleed
   >
     <OForm
diff --git a/web/src/views/SyntheticMonitoring.vue b/web/src/views/SyntheticMonitoring.vue
index 0b8bde438c..c7f3a3d23c 100644
--- a/web/src/views/SyntheticMonitoring.vue
+++ b/web/src/views/SyntheticMonitoring.vue
@@ -343,7 +343,7 @@ import {
   type SyntheticLocation,
 } from "@/types/synthetics";
 import { CHECK_TYPE_CARDS } from "@/constants/synthetics";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import syntheticsService from "@/services/synthetics";
 import { locationDisplayLabel } from "@/utils/synthetics/format";
 import { getFoldersListByType } from "@/utils/commons";
@@ -368,7 +368,7 @@ interface ApiMonitor {
   org_id: string;
   folder_id: string;
   name: string;
-  description: string;
+  description: I18nText;
   tags: string[];
   type: string;
   target: string;
@@ -745,7 +745,7 @@ async function deleteLocation() {
   }
 }
 
-const locationOpts = ref<{ label: string; value: string }[]>([
+const locationOpts = ref<{ label: I18nText; value: string }[]>([
   { label: t("synthetics.filters.allLocations"), value: "all" },
 ]);
 // id -> "Name (region)" — checks store locations as ids (KSUID for private,
@@ -760,7 +760,7 @@ async function loadLocations() {
     locationOpts.value = [
       { label: t("synthetics.filters.allLocations"), value: "all" },
       ...locations.map((loc) => ({
-        label: locationDisplayLabel(loc.label, loc.region),
+        label: raw(locationDisplayLabel(loc.label, loc.region)),
         value: loc.id,
       })),
     ];
@@ -826,7 +826,7 @@ const statusTabs = computed(() => {
 
 const statusOpts = computed(() =>
   statusTabs.value.map((s) => ({
-    label: `${s.label} (${s.count})`,
+    label: raw(`${s.label} (${s.count})`),
     value: s.filter,
   })),
 );
diff --git a/web/src/views/synthetics/CreateBrowserTest.vue b/web/src/views/synthetics/CreateBrowserTest.vue
index 2d74e36040..a6c0b9e64d 100644
--- a/web/src/views/synthetics/CreateBrowserTest.vue
+++ b/web/src/views/synthetics/CreateBrowserTest.vue
@@ -2,7 +2,7 @@
 // Copyright 2026 OpenObserve Inc.
 import { computed, onMounted, onBeforeUnmount, ref, watch } from "vue";
 import { useRouter, useRoute, onBeforeRouteLeave } from "vue-router";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped } from "@/types/i18n";
 import { useStore } from "vuex";
 import type {
   BrowserCheck,
@@ -568,7 +568,7 @@ function onClearResults() {
   <!-- ── Non-loading: shared wrapper with page header ── -->
   <OPageLayout
     class="bg-surface-base"
-    :subtitle="folderName"
+    :subtitle="raw(folderName)"
     :back="{
       label: t('synthetics.newCheck.back'),
       to: { name: 'synthetics' },
@@ -602,7 +602,7 @@ function onClearResults() {
             v-model="startUrl"
             :placeholder="t('synthetics.checkDetails.startingUrlPlaceholder')"
             :error="!!urlError"
-            :error-message="urlError"
+            :error-message="raw(urlError)"
             data-test="synthetics-create-url-input"
             @update:model-value="clearUrlError"
             @blur="validateGateUrl"
diff --git a/web/src/views/synthetics/MonitorResults.vue b/web/src/views/synthetics/MonitorResults.vue
index bb05a44e26..19c06a2524 100644
--- a/web/src/views/synthetics/MonitorResults.vue
+++ b/web/src/views/synthetics/MonitorResults.vue
@@ -23,7 +23,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <OPageLayout
     data-test="synthetic-monitor-results-page"
-    :subtitle="folderName"
+    :subtitle="raw(folderName)"
     :back="{
       label: t('synthetics.results.monitors'),
       to: { name: 'synthetics' },
@@ -91,8 +91,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     v-model:open="drawerOpen"
     side="right"
     :width="90"
-    :title="monitorName"
-    :subTitle="drawerTimestamp"
+    :title="raw(monitorName)"
+    :subTitle="raw(drawerTimestamp)"
     data-test="synthetics-run-detail-drawer"
     @update:open="onDrawerClose"
   >
@@ -124,7 +124,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRoute, useRouter } from "vue-router";
 import { useStore } from "vuex";
 import DateTime from "@/components/DateTime.vue";
@@ -211,7 +211,7 @@ const selectedExecutionId = ref("");
 const drawerRunStatus = ref<{
   variant: BadgeVariant;
   icon: string;
-  label: string;
+  label: I18nText;
 } | null>(null);
 const drawerUrl = ref("");
 const drawerTimestamp = ref("");
@@ -219,7 +219,7 @@ const drawerTimestamp = ref("");
 function onRunStatusUpdate(status: {
   variant: BadgeVariant;
   icon: string;
-  label: string;
+  label: I18nText;
   url: string;
   timestamp: string;
 }) {
diff --git a/web/src/views/synthetics/MonitorRuns.spec.ts b/web/src/views/synthetics/MonitorRuns.spec.ts
index 5b04bd98ea..322df26aac 100644
--- a/web/src/views/synthetics/MonitorRuns.spec.ts
+++ b/web/src/views/synthetics/MonitorRuns.spec.ts
@@ -159,9 +159,20 @@ vi.mock("@/composables/synthetics/syntheticResultsSchema", () => {
     const map: Record<string, string> = { Desktop: "Desktop", Tablet: "Tablet", Mobile: "Mobile" };
     return map[v] || v;
   });
+  // Mirrors the real module: known ids map to browserDevices keys (resolved via
+  // t() in the component), unknown ids return undefined → shown verbatim.
+  const deviceLabelKey = vi.fn((v: string) => {
+    const map: Record<string, string> = {
+      desktop: "synthetics.browserDevices.desktop",
+      tablet: "synthetics.browserDevices.tablet",
+      mobile: "synthetics.browserDevices.mobile",
+    };
+    return map[v];
+  });
   return {
     deviceIconName,
     deviceLabel,
+    deviceLabelKey,
   };
 });
 
diff --git a/web/src/views/synthetics/MonitorRuns.vue b/web/src/views/synthetics/MonitorRuns.vue
index 34f3c23538..8927efdd95 100644
--- a/web/src/views/synthetics/MonitorRuns.vue
+++ b/web/src/views/synthetics/MonitorRuns.vue
@@ -60,7 +60,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               v-if="lastTriggeredAt > 0"
               icon="schedule"
               :label="t('synthetics.results.jumpToLatestData')"
-              :sublabel="lastTriggeredAtSublabel"
+              :sublabel="raw(lastTriggeredAtSublabel)"
               data-test="monitor-runs-empty-jump-latest"
               @click="handleJumpToLatestData"
             />
@@ -421,7 +421,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           class="border-border-default flex items-center gap-3 border-b py-2.25 last:border-b-0"
                         >
                           <OIcon :name="b.icon" size="sm" class="text-text-secondary flex-none" />
-                          <OTooltip :content="b.name">
+                          <OTooltip :content="raw(b.name)">
                             <span
                               class="text-text-body w-20 flex-none cursor-help truncate text-xs font-semibold"
                             >
@@ -463,7 +463,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           class="border-border-default flex items-center gap-3 border-b py-2.25 last:border-b-0"
                         >
                           <OIcon :name="l.icon" size="sm" class="text-text-secondary flex-none" />
-                          <OTooltip :content="l.name">
+                          <OTooltip :content="raw(l.name)">
                             <span
                               class="text-text-body w-40 flex-none cursor-help truncate text-xs font-semibold"
                             >
@@ -505,7 +505,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           class="border-border-default flex items-center gap-3 border-b py-2.25 last:border-b-0"
                         >
                           <OIcon :name="d.icon" size="sm" class="text-text-secondary flex-none" />
-                          <OTooltip :content="d.name">
+                          <OTooltip :content="raw(d.name)">
                             <span
                               class="text-text-body text-capitalize w-18 flex-none cursor-help truncate text-xs font-semibold"
                             >
@@ -547,7 +547,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           class="border-border-default flex items-center gap-3 border-b py-2.25 last:border-b-0"
                         >
                           <OIcon :name="d.icon" size="sm" class="text-text-secondary flex-none" />
-                          <OTooltip :content="d.name">
+                          <OTooltip :content="raw(d.name)">
                             <span
                               class="text-text-body w-34 flex-none cursor-help truncate text-xs font-semibold"
                             >
@@ -710,7 +710,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       :value="(row as VisibleRun).scheduledTs"
                       unit="ms"
                       mode="absolute"
-                      empty-label="—"
+                      :empty-label="raw('—')"
                     />
                   </template>
                   <template #cell-last_run_at="{ row }">
@@ -718,7 +718,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                       :value="(row as VisibleRun).lastRunTs"
                       unit="ms"
                       mode="absolute"
-                      empty-label="—"
+                      :empty-label="raw('—')"
                     />
                   </template>
                   <template #cell-duration="{ row }">
@@ -741,7 +741,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                   <template #cell-device="{ row }">
                     <span class="text-text-body inline-flex items-center gap-1 text-sm">
                       <OIcon :name="deviceIconName((row as VisibleRun).device)" size="sm" />
-                      {{ deviceLabel((row as VisibleRun).device) }}
+                      {{ deviceDisplay((row as VisibleRun).device) }}
                     </span>
                   </template>
                   <template #cell-trigger_type="{ row }">
@@ -766,7 +766,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                           <EmptyStateActionCard
                             icon="schedule"
                             :label="t('synthetics.results.jumpToLastRun')"
-                            :sublabel="lastRunLabel"
+                            :sublabel="raw(lastRunLabel)"
                             data-test="monitor-runs-empty-jump-last-run"
                             @click="handleEmptyStateAction('jump-to-last-run')"
                           />
@@ -1044,7 +1044,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRoute } from "vue-router";
 import { useStore } from "vuex";
 import type { OTableColumnDef } from "@/lib/core/Table/OTable.types";
@@ -1073,7 +1073,7 @@ import MonitorStatusTimeline from "@/views/synthetics/MonitorStatusTimeline.vue"
 import ChartRenderer from "@/components/dashboards/panels/ChartRenderer.vue";
 import useSyntheticResults from "@/composables/useSyntheticResults";
 import type { SyntheticRun } from "@/composables/synthetics/syntheticResultsSchema";
-import { deviceIconName, deviceLabel } from "@/composables/synthetics/syntheticResultsSchema";
+import { deviceIconName, deviceLabelKey } from "@/composables/synthetics/syntheticResultsSchema";
 import awsSvgUrl from "@/assets/images/ingestion/aws.svg";
 import gcpSvgUrl from "@/assets/images/ingestion/gcp.svg";
 import chromiumSvgUrl from "@/assets/images/synthetics/chromium.svg";
@@ -1089,6 +1089,12 @@ defineOptions({ name: "SyntheticMonitorRuns" });
 
 const { t } = useI18nTyped();
 
+// Known device IDs translate; unknown ones display verbatim.
+const deviceDisplay = (id: string): I18nText => {
+  const key = deviceLabelKey(id);
+  return key ? t(key) : raw(id);
+};
+
 const emit = defineEmits<{
   (e: "edit"): void;
   (e: "open-run", runId: string, executionId: string): void;
@@ -1320,7 +1326,7 @@ function uniqueValues(key: "browser" | "device" | "location"): string[] {
 const browserOptions = computed<SelectOption[]>(() => [
   { label: t("synthetics.filters.allBrowsers"), value: "all", icon: "language" },
   ...uniqueValues("browser").map((v) => ({
-    label: v,
+    label: raw(v),
     value: v,
     icon: browserIcon(v),
   })),
@@ -1328,7 +1334,7 @@ const browserOptions = computed<SelectOption[]>(() => [
 const deviceOptions = computed<SelectOption[]>(() => [
   { label: t("synthetics.filters.allDevices"), value: "all", icon: "devices" },
   ...uniqueValues("device").map((v) => ({
-    label: deviceLabel(v),
+    label: deviceDisplay(v),
     value: v,
     icon: deviceIconName(v),
   })),
@@ -1336,7 +1342,7 @@ const deviceOptions = computed<SelectOption[]>(() => [
 const locationOptions = computed<SelectOption[]>(() => [
   { label: t("synthetics.filters.allLocations"), value: "all", icon: "location-on" },
   ...uniqueValues("location").map((v) => ({
-    label: locationLabel(v),
+    label: raw(locationLabel(v)),
     value: v,
     icon: locationIcon(v),
   })),
@@ -1439,7 +1445,7 @@ const failCount = computed(() => String(synthetics.kpi.value.failedRuns));
 
 interface KpiCard {
   key: string;
-  label: string;
+  label: I18nText;
   value: string;
   unit?: string;
   valueClass?: string;
@@ -1559,7 +1565,7 @@ interface TimelineSegment {
   runId: string;
   status: "all-pass" | "all-warning" | "mixed" | "all-fail";
   color: string;
-  title: string;
+  title: I18nText;
   /** Epoch ms of the first execution in this logical run. */
   timestampMs: number;
   executions: TimelineExecution[];
@@ -1788,7 +1794,7 @@ const deviceBreakdown = computed<BreakdownItem[]>(() => {
   return Array.from(groups.entries()).map(([id, g]) => {
     const pct = g.total > 0 ? Math.round((g.pass / g.total) * 100) : 100;
     return {
-      name: deviceLabel(id),
+      name: deviceDisplay(id),
       icon: deviceIconName(id),
       pct: pct + "%",
       barColor: "var(--color-status-success-text)",
@@ -1997,7 +2003,7 @@ const failedStepOptions = computed<SelectOption[]>(() => {
   const withLocator = stepNames().filter((n) => meta[n].locator);
   return [
     { label: t("synthetics.filters.anyFailedStep"), value: "all" },
-    ...withLocator.map((n) => ({ label: n, value: n })),
+    ...withLocator.map((n) => ({ label: raw(n), value: n })),
   ];
 });
 
@@ -2056,7 +2062,7 @@ const visibleRuns = computed<VisibleRun[]>(() => {
       locationName: locationLabel(run.location),
       browser: run.browser,
       device: run.device,
-      deviceName: deviceLabel(run.device),
+      deviceName: deviceDisplay(run.device),
     };
   });
 });
diff --git a/web/src/views/synthetics/MonitorStatusTimeline.vue b/web/src/views/synthetics/MonitorStatusTimeline.vue
index 7836f9c463..a7d32dc4eb 100644
--- a/web/src/views/synthetics/MonitorStatusTimeline.vue
+++ b/web/src/views/synthetics/MonitorStatusTimeline.vue
@@ -170,7 +170,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { useI18nTyped, type I18nText } from "@/types/i18n";
 import OIcon from "@/lib/core/Icon/OIcon.vue";
 import OButton from "@/lib/core/Button/OButton.vue";
 import OTooltip from "@/lib/overlay/Tooltip/OTooltip.vue";
@@ -203,7 +203,7 @@ interface TimelineSegment {
   runId: string;
   status: "all-pass" | "all-warning" | "mixed" | "all-fail";
   color: string;
-  title: string;
+  title: I18nText;
   /** Epoch ms of the first execution in this logical run. */
   timestampMs: number;
   executions: TimelineExecution[];
diff --git a/web/src/views/synthetics/RunDetail.vue b/web/src/views/synthetics/RunDetail.vue
index c547483f0e..dac2ece19c 100644
--- a/web/src/views/synthetics/RunDetail.vue
+++ b/web/src/views/synthetics/RunDetail.vue
@@ -41,7 +41,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     <template #header v-if="!drawerMode">
       <OPageHeader
         class=""
-        :subtitle="currentRun.timestamp"
+        :subtitle="raw(currentRun.timestamp)"
         :back="{
           label: t('synthetics.results.monitors'),
           to: { name: 'synthetic-monitor-results', params: { id: monitorId } },
@@ -444,7 +444,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <ODialog
     v-model:open="lightboxOpen"
     size="full"
-    :title="lightboxTitle"
+    :title="raw(lightboxTitle)"
     data-test="synthetics-run-detail-step-screenshot-lightbox"
   >
     <div
@@ -465,7 +465,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   <ODialog
     v-model:open="errorOpen"
     size="full"
-    :title="errorTitle"
+    :title="raw(errorTitle)"
     data-test="synthetics-run-detail-step-error-fullscreen"
   >
     <div v-if="errorStep" class="flex h-full flex-col overflow-y-auto p-6">
@@ -489,7 +489,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import type { BadgeVariant } from "@/lib/core/Badge/OBadge.types";
 import { computed, nextTick, ref, watch } from "vue";
-import { useI18nTyped } from "@/types/i18n";
+import { raw, useI18nTyped, type I18nText } from "@/types/i18n";
 import { useRoute } from "vue-router";
 import { useStore } from "vuex";
 import syntheticsService from "@/services/synthetics";
@@ -529,7 +529,7 @@ const emit = defineEmits<{
     status: {
       variant: BadgeVariant;
       icon: string;
-      label: string;
+      label: I18nText;
       url: string;
       timestamp: string;
     },
@@ -1022,7 +1022,7 @@ const statusChip = computed(() => {
 });
 
 interface InfoChip {
-  label: string;
+  label: I18nText;
   value: string;
   icon: string;
   colorClass?: string;