diff --git a/ui/src/App.svelte b/ui/src/App.svelte
index 8fbc998..685e202 100644
--- a/ui/src/App.svelte
+++ b/ui/src/App.svelte
@@ -93,7 +93,7 @@
         hidden
       />
       <button onclick={remove}>{t("delete")}</button>
-      <button onclick={() => (showBrokers = true)}>Brokers</button>
+      <button onclick={() => (showBrokers = true)}>{t("brokers")}</button>
       <span class="spacer"></span>
       <span class="status">{ui.status}</span>
       <select
diff --git a/ui/src/Brokers.svelte b/ui/src/Brokers.svelte
index 470e190..e0fc85c 100644
--- a/ui/src/Brokers.svelte
+++ b/ui/src/Brokers.svelte
@@ -1,5 +1,6 @@
 <script>
   import { ui, catalogFor, addBroker, removeBroker, brokers } from "./lib/store.svelte.js";
+  import { t } from "./lib/i18n.svelte.js";
 
   let { onClose } = $props();
   let def = $derived(catalogFor("mqtt-broker"));
@@ -19,20 +20,17 @@
   <button type="button" class="backdrop" aria-label="Close" onclick={onClose}></button>
   <div class="modal" role="dialog" aria-modal="true">
     <div class="head">
-      <h3>MQTT Brokers</h3>
+      <h3>{t("brokers_title")}</h3>
       <button class="x" onclick={onClose}>✕</button>
     </div>
-    <p class="hint">
-      Define a broker once, then pick it on MQTT nodes. Nodes that share a broker
-      reuse one connection.
-    </p>
-    <button class="add" onclick={addBroker}>+ Add broker</button>
+    <p class="hint">{t("brokers_hint")}</p>
+    <button class="add" onclick={addBroker}>{t("brokers_add")}</button>
 
     {#each brokers() as b (b.id)}
       <div class="broker">
         <div class="brow">
-          <input class="bname" bind:value={b.name} placeholder="broker name" />
-          <button class="del" onclick={() => removeBroker(b.id)}>Delete</button>
+          <input class="bname" bind:value={b.name} placeholder={t("brokers_name")} />
+          <button class="del" onclick={() => removeBroker(b.id)}>{t("delete")}</button>
         </div>
         {#each (def?.fields ?? []).filter((f) => visible(b, f)) as f (f.key)}
           <label class="field">
@@ -58,7 +56,7 @@
     {/each}
 
     {#if brokers().length === 0}
-      <p class="empty">No brokers yet.</p>
+      <p class="empty">{t("brokers_empty")}</p>
     {/if}
   </div>
 </div>
diff --git a/ui/src/lib/i18n.svelte.js b/ui/src/lib/i18n.svelte.js
index 75d176a..5f324c2 100644
--- a/ui/src/lib/i18n.svelte.js
+++ b/ui/src/lib/i18n.svelte.js
@@ -26,7 +26,17 @@ const dict = {
     cat_input: "Input",
     cat_output: "Output",
     cat_function: "Function",
+    cat_common: "Common",
+    cat_sequence: "Sequence",
     language: "Language",
+    // brokers
+    brokers: "Brokers",
+    brokers_title: "MQTT Brokers",
+    brokers_hint:
+      "Define a broker once, then pick it on MQTT nodes. Nodes that share a broker reuse one connection.",
+    brokers_add: "+ Add broker",
+    brokers_name: "broker name",
+    brokers_empty: "No brokers yet.",
     // auth
     sign_in: "Sign in",
     sign_out: "Sign out",
@@ -92,7 +102,17 @@ const dict = {
     cat_input: "Masukan",
     cat_output: "Keluaran",
     cat_function: "Fungsi",
+    cat_common: "Umum",
+    cat_sequence: "Urutan",
     language: "Bahasa",
+    // brokers
+    brokers: "Broker",
+    brokers_title: "Broker MQTT",
+    brokers_hint:
+      "Definisikan broker sekali, lalu pilih di node MQTT. Node yang berbagi broker memakai satu koneksi.",
+    brokers_add: "+ Tambah broker",
+    brokers_name: "nama broker",
+    brokers_empty: "Belum ada broker.",
     // auth
     sign_in: "Masuk",
     sign_out: "Keluar",