diff --git a/apps/studio/frontend/app/layout.tsx b/apps/studio/frontend/app/layout.tsx
index 9972a2d09..af5def29b 100644
--- a/apps/studio/frontend/app/layout.tsx
+++ b/apps/studio/frontend/app/layout.tsx
@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import type { ReactNode } from "react";
+import { NextIntlClientProvider } from "next-intl";
+import { getLocale, getMessages, getTranslations } from "next-intl/server";
 import Shell from "@/components/Shell";
 import { ToastProvider } from "@/components/Toast";
 import "./globals.css";
@@ -9,13 +11,17 @@ export const metadata: Metadata = {
   description: "Lion Studio orchestration observability",
 };
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: ReactNode;
 }>) {
+  const locale = await getLocale();
+  const messages = await getMessages();
+  const t = await getTranslations("common");
+
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang={locale} suppressHydrationWarning>
       <head>
         {/* Prevent FOUC: read localStorage before paint, default to light */}
         <script
@@ -29,11 +35,13 @@ export default function RootLayout({
           href="#main-content"
           className="sr-only focus:not-sr-only focus:absolute focus:z-[100] focus:m-2 focus:rounded focus:border focus:border-edge focus:bg-surface-nav focus:px-4 focus:py-2 focus:text-content-primary"
         >
-          Skip to main content
+          {t("skipToMain")}
         </a>
-        <ToastProvider>
-          <Shell>{children}</Shell>
-        </ToastProvider>
+        <NextIntlClientProvider messages={messages}>
+          <ToastProvider>
+            <Shell>{children}</Shell>
+          </ToastProvider>
+        </NextIntlClientProvider>
       </body>
     </html>
   );
diff --git a/apps/studio/frontend/components/Shell.tsx b/apps/studio/frontend/components/Shell.tsx
index 2708cdec2..fdd3902de 100644
--- a/apps/studio/frontend/components/Shell.tsx
+++ b/apps/studio/frontend/components/Shell.tsx
@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { useLocale, useTranslations } from "next-intl";
 import { Suspense, useEffect, useState, type ReactNode } from "react";
 import Breadcrumb from "@/components/nav/Breadcrumb";
 import NavGroup from "@/components/nav/NavGroup";
@@ -12,7 +13,34 @@ export interface ShellProps {
   children: ReactNode;
 }
 
+function LocaleSwitcher() {
+  const t = useTranslations("nav");
+  const locale = useLocale();
+
+  function switchLocale(newLocale: string) {
+    document.cookie = `NEXT_LOCALE=${newLocale};path=/;max-age=31536000;SameSite=Lax`;
+    window.location.reload();
+  }
+
+  const nextLocale = locale === "en" ? "zh" : "en";
+  const buttonLabel = locale === "en" ? t("localeSwitcher.labelZh") : t("localeSwitcher.labelEn");
+  const ariaLabel =
+    locale === "en" ? t("localeSwitcher.switchToZh") : t("localeSwitcher.switchToEn");
+
+  return (
+    <button
+      type="button"
+      onClick={() => switchLocale(nextLocale)}
+      aria-label={ariaLabel}
+      className="ml-1 flex h-6 items-center justify-center rounded border border-edge px-1.5 text-[11px] text-content-secondary hover:border-edge-strong hover:text-content-primary transition-colors cursor-pointer"
+    >
+      {buttonLabel}
+    </button>
+  );
+}
+
 function ThemeToggle() {
+  const t = useTranslations("nav");
   const [dark, setDark] = useState(false);
 
   useEffect(() => {
@@ -36,7 +64,7 @@ function ThemeToggle() {
     <button
       type="button"
       onClick={toggle}
-      aria-label="Toggle theme"
+      aria-label={t("theme.toggle")}
       aria-pressed={dark}
       className="ml-1 flex h-6 w-6 shrink-0 items-center justify-center rounded text-content-muted hover:bg-interactive-secondary hover:text-content-primary transition-colors"
     >
@@ -84,18 +112,12 @@ function ThemeToggle() {
 }
 
 export default function Shell({ children }: ShellProps) {
+  const t = useTranslations("nav");
   const pathname = usePathname() ?? "/";
   const [mobileOpen, setMobileOpen] = useState(false);
 
   return (
     <div className="min-h-screen bg-surface-base text-content-primary">
-      {/* Skip-to-main: sr-only by default; visible on keyboard focus */}
-      <a
-        href="#main-content"
-        className="sr-only focus:not-sr-only focus:fixed focus:left-2 focus:top-2 focus:z-[9999] focus:rounded focus:bg-surface-raised focus:px-3 focus:py-1.5 focus:text-body focus:text-content-primary focus:shadow-card-hover focus:outline-none focus:ring-2 focus:ring-interactive-primary"
-      >
-        Skip to main content
-      </a>
       <header
         className="sticky top-0 z-40 border-b border-edge bg-surface-nav"
         style={{ boxShadow: "var(--shadow-header)" }}
@@ -104,7 +126,7 @@ export default function Shell({ children }: ShellProps) {
           {/* Brand: monogram + wordmark */}
           <Link
             href="/"
-            title="Dashboard"
+            title={t("dashboard.title")}
             className="group flex shrink-0 items-center gap-2 self-center"
           >
             <span
@@ -116,16 +138,16 @@ export default function Shell({ children }: ShellProps) {
             </span>
             <span className="flex flex-col leading-tight">
               <span className="text-[13px] font-semibold tracking-tight text-content-primary">
-                Lion Studio
+                {t("brand.name")}
               </span>
               <span className="hidden text-[9px] font-medium uppercase tracking-[0.12em] text-content-muted sm:inline">
-                Orchestration
+                {t("brand.subtitle")}
               </span>
             </span>
           </Link>
 
           {/* Desktop: 4-group primary nav */}
-          <nav aria-label="Primary" className="hidden items-stretch gap-0.5 md:flex">
+          <nav aria-label={t("primary.ariaLabel")} className="hidden items-stretch gap-0.5 md:flex">
             {NAV_GROUPS.map((group) => (
               <NavGroup key={group.label} group={group} pathname={pathname} />
             ))}
@@ -139,11 +161,12 @@ export default function Shell({ children }: ShellProps) {
             <Suspense fallback={null}>
               <ProjectChip />
             </Suspense>
+            <LocaleSwitcher />
             <ThemeToggle />
             {/* Hamburger: visible below 768px */}
             <button
               type="button"
-              aria-label="Open navigation menu"
+              aria-label={t("mobile.open")}
               aria-expanded={mobileOpen}
               onClick={() => setMobileOpen((v) => !v)}
               className="flex h-8 w-8 items-center justify-center rounded text-content-muted transition-colors hover:bg-interactive-secondary hover:text-content-primary md:hidden"
diff --git a/apps/studio/frontend/components/nav/Breadcrumb.tsx b/apps/studio/frontend/components/nav/Breadcrumb.tsx
index 6e4ec8e0b..12797d418 100644
--- a/apps/studio/frontend/components/nav/Breadcrumb.tsx
+++ b/apps/studio/frontend/components/nav/Breadcrumb.tsx
@@ -2,19 +2,54 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import { useTranslations } from "next-intl";
 import { NAV_GROUPS, isRouteActive } from "./types";
 
+const GROUP_KEY: Record<string, string> = {
+  Dashboard: "groups.dashboard",
+  Work: "groups.work",
+  Library: "groups.library",
+  Admin: "groups.admin",
+};
+
+const ITEM_KEY: Record<string, string> = {
+  Dashboard: "items.dashboard",
+  Shows: "items.shows",
+  Runs: "items.runs",
+  Projects: "items.projects",
+  Teams: "items.teams",
+  Invocations: "items.invocations",
+  Schedules: "items.schedules",
+  Playbooks: "items.playbooks",
+  Agents: "items.agents",
+  Plugins: "items.plugins",
+  Skills: "items.skills",
+  Health: "items.health",
+  Maintenance: "items.maintenance",
+};
+
 export default function Breadcrumb() {
+  const t = useTranslations("nav");
   const pathname = usePathname() ?? "/";
 
+  const tGroup = (label: string) => {
+    const key = GROUP_KEY[label];
+    return key ? t(key as Parameters<typeof t>[0]) : label;
+  };
+
+  const tItem = (label: string) => {
+    const key = ITEM_KEY[label];
+    return key ? t(key as Parameters<typeof t>[0]) : label;
+  };
+
   // Dashboard root
   if (pathname === "/") {
     return (
       <nav
-        aria-label="Breadcrumb"
+        aria-label={t("breadcrumb.ariaLabel")}
         className="flex h-6 items-center gap-1 border-b border-edge bg-surface-base px-4 text-meta text-content-muted"
       >
-        <span>Dashboard</span>
+        <span>{t("items.dashboard")}</span>
       </nav>
     );
   }
@@ -40,7 +75,7 @@ export default function Breadcrumb() {
     const firstSegment = pathname.split("/").filter(Boolean)[0] ?? "";
     return (
       <nav
-        aria-label="Breadcrumb"
+        aria-label={t("breadcrumb.ariaLabel")}
         className="flex h-6 items-center gap-1 border-b border-edge bg-surface-base px-4 text-meta text-content-muted"
       >
         {firstSegment && <span>{decodeURIComponent(firstSegment)}</span>}
@@ -61,13 +96,13 @@ export default function Breadcrumb() {
 
   return (
     <nav
-      aria-label="Breadcrumb"
+      aria-label={t("breadcrumb.ariaLabel")}
       className="flex h-6 items-center gap-1 border-b border-edge bg-surface-base px-4 text-meta text-content-muted"
     >
-      <span>{groupLabel}</span>
+      <span>{tGroup(groupLabel)}</span>
       <span aria-hidden="true">›</span>
       <Link href={itemHref} className="transition-colors duration-150 hover:text-content-secondary">
-        {itemLabel}
+        {tItem(itemLabel)}
       </Link>
       {detailSegment && (
         <>
diff --git a/apps/studio/frontend/components/nav/NavGroup.tsx b/apps/studio/frontend/components/nav/NavGroup.tsx
index cce54f494..0ebee84e9 100644
--- a/apps/studio/frontend/components/nav/NavGroup.tsx
+++ b/apps/studio/frontend/components/nav/NavGroup.tsx
@@ -2,8 +2,32 @@
 
 import Link from "next/link";
 import { useId, useRef, useState } from "react";
+import { useTranslations } from "next-intl";
 import { type NavGroupDef, isRouteActive } from "./types";
 
+const GROUP_KEY: Record<string, string> = {
+  Dashboard: "groups.dashboard",
+  Work: "groups.work",
+  Library: "groups.library",
+  Admin: "groups.admin",
+};
+
+const ITEM_KEY: Record<string, string> = {
+  Dashboard: "items.dashboard",
+  Shows: "items.shows",
+  Runs: "items.runs",
+  Projects: "items.projects",
+  Teams: "items.teams",
+  Invocations: "items.invocations",
+  Schedules: "items.schedules",
+  Playbooks: "items.playbooks",
+  Agents: "items.agents",
+  Plugins: "items.plugins",
+  Skills: "items.skills",
+  Health: "items.health",
+  Maintenance: "items.maintenance",
+};
+
 interface NavGroupProps {
   group: NavGroupDef;
   pathname: string;
@@ -12,7 +36,18 @@ interface NavGroupProps {
 }
 
 export default function NavGroup({ group, pathname, mobile = false, onNavigate }: NavGroupProps) {
+  const t = useTranslations("nav");
   const [open, setOpen] = useState(false);
+
+  const tGroup = (label: string) => {
+    const key = GROUP_KEY[label];
+    return key ? t(key as Parameters<typeof t>[0]) : label;
+  };
+
+  const tItem = (label: string) => {
+    const key = ITEM_KEY[label];
+    return key ? t(key as Parameters<typeof t>[0]) : label;
+  };
   const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   // closeTimerRef must be declared unconditionally at the top (React
   // rules-of-hooks) even though only the desktop dropdown branch uses it.
@@ -36,7 +71,7 @@ export default function NavGroup({ group, pathname, mobile = false, onNavigate }
               active ? "font-semibold text-content-primary" : "text-content-secondary",
             ].join(" ")}
           >
-            {group.label}
+            {tGroup(group.label)}
           </Link>
         </div>
       );
@@ -51,7 +86,7 @@ export default function NavGroup({ group, pathname, mobile = false, onNavigate }
             active ? "text-content-primary" : "text-content-muted hover:text-content-secondary",
           ].join(" ")}
         >
-          {group.label}
+          {tGroup(group.label)}
           {active && (
             <span className="absolute inset-x-2.5 bottom-0 h-[2px] rounded-t bg-interactive-primary" />
           )}
@@ -75,7 +110,7 @@ export default function NavGroup({ group, pathname, mobile = false, onNavigate }
               groupActive ? "font-semibold text-content-primary" : "text-content-secondary"
             }
           >
-            {group.label}
+            {tGroup(group.label)}
           </span>
           <span
             className={["transition-transform duration-150", open ? "rotate-180" : ""].join(" ")}
@@ -99,7 +134,7 @@ export default function NavGroup({ group, pathname, mobile = false, onNavigate }
                       : "text-content-secondary hover:text-content-primary",
                   ].join(" ")}
                 >
-                  {item.label}
+                  {tItem(item.label)}
                 </Link>
               );
             })}
@@ -193,7 +228,7 @@ export default function NavGroup({ group, pathname, mobile = false, onNavigate }
             : "text-content-muted hover:text-content-secondary",
         ].join(" ")}
       >
-        {group.label} ▾
+        {tGroup(group.label)} ▾
         {(groupActive || open) && (
           <span className="absolute inset-x-2.5 bottom-0 h-[2px] rounded-t bg-interactive-primary" />
         )}
@@ -222,7 +257,7 @@ export default function NavGroup({ group, pathname, mobile = false, onNavigate }
                   active ? "font-semibold text-content-primary" : "text-content-secondary",
                 ].join(" ")}
               >
-                {item.label}
+                {tItem(item.label)}
               </Link>
             );
           })}
diff --git a/apps/studio/frontend/components/nav/ProjectChip.tsx b/apps/studio/frontend/components/nav/ProjectChip.tsx
index b5fb399f7..97a2390d8 100644
--- a/apps/studio/frontend/components/nav/ProjectChip.tsx
+++ b/apps/studio/frontend/components/nav/ProjectChip.tsx
@@ -2,11 +2,13 @@
 
 import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useTranslations } from "next-intl";
 import { useEffect, useId, useRef, useState } from "react";
 import { listProjects } from "@/lib/api";
 import type { ProjectSummary } from "@/lib/types";
 
 export default function ProjectChip() {
+  const t = useTranslations("nav");
   const router = useRouter();
   const pathname = usePathname() ?? "/";
   const searchParams = useSearchParams();
@@ -98,7 +100,9 @@ export default function ProjectChip() {
     }
   }
 
-  const chipLabel = currentProject ? `[project: ${currentProject} ▾]` : "[All projects ▾]";
+  const chipLabel = currentProject
+    ? t("projectChip.selected", { name: currentProject })
+    : t("projectChip.allShort");
 
   return (
     <div ref={containerRef} className="relative">
@@ -106,7 +110,7 @@ export default function ProjectChip() {
         type="button"
         onClick={() => setOpen((v) => !v)}
         onKeyDown={handleTriggerKeyDown}
-        aria-label="Filter by project"
+        aria-label={t("projectChip.ariaLabel")}
         aria-haspopup="menu"
         aria-expanded={open}
         aria-controls={menuId}
@@ -121,7 +125,7 @@ export default function ProjectChip() {
           ref={menuRef}
           id={menuId}
           role="menu"
-          aria-label="Filter by project"
+          aria-label={t("projectChip.ariaLabel")}
           onKeyDown={handleMenuKeyDown}
           className="absolute right-0 top-full z-50 mt-1 w-64 rounded border border-edge bg-surface-nav py-1 shadow-card"
         >
@@ -137,7 +141,7 @@ export default function ProjectChip() {
                 : "text-content-secondary",
             ].join(" ")}
           >
-            All projects
+            {t("projectChip.all")}
           </button>
 
           {projects.map((p) => (
@@ -168,7 +172,7 @@ export default function ProjectChip() {
               onClick={() => setOpen(false)}
               className="block px-3 py-2 text-body text-content-secondary transition-colors duration-150 hover:bg-surface-overlay hover:text-content-primary focus:bg-surface-overlay focus:outline-none"
             >
-              View all projects
+              {t("projectChip.viewAll")}
             </Link>
           </div>
         </div>
diff --git a/apps/studio/frontend/i18n/request.ts b/apps/studio/frontend/i18n/request.ts
new file mode 100644
index 000000000..ba5d07f76
--- /dev/null
+++ b/apps/studio/frontend/i18n/request.ts
@@ -0,0 +1,18 @@
+import { getRequestConfig } from "next-intl/server";
+import { cookies } from "next/headers";
+
+const VALID_LOCALES = ["en", "zh"] as const;
+type Locale = (typeof VALID_LOCALES)[number];
+
+export default getRequestConfig(async () => {
+  const cookieStore = await cookies();
+  const raw = cookieStore.get("NEXT_LOCALE")?.value ?? "en";
+  const locale: Locale = (VALID_LOCALES as readonly string[]).includes(raw)
+    ? (raw as Locale)
+    : "en";
+
+  return {
+    locale,
+    messages: (await import(`../messages/${locale}.json`)).default,
+  };
+});
diff --git a/apps/studio/frontend/messages/en.json b/apps/studio/frontend/messages/en.json
new file mode 100644
index 000000000..2dcd39858
--- /dev/null
+++ b/apps/studio/frontend/messages/en.json
@@ -0,0 +1,60 @@
+{
+  "nav": {
+    "theme": {
+      "toggle": "Toggle theme"
+    },
+    "brand": {
+      "name": "Lion Studio",
+      "subtitle": "Orchestration"
+    },
+    "dashboard": {
+      "title": "Dashboard"
+    },
+    "primary": {
+      "ariaLabel": "Primary"
+    },
+    "mobile": {
+      "open": "Open navigation menu"
+    },
+    "breadcrumb": {
+      "ariaLabel": "Breadcrumb"
+    },
+    "groups": {
+      "dashboard": "Dashboard",
+      "work": "Work",
+      "library": "Library",
+      "admin": "Admin"
+    },
+    "items": {
+      "dashboard": "Dashboard",
+      "shows": "Shows",
+      "runs": "Runs",
+      "projects": "Projects",
+      "teams": "Teams",
+      "invocations": "Invocations",
+      "schedules": "Schedules",
+      "playbooks": "Playbooks",
+      "agents": "Agents",
+      "plugins": "Plugins",
+      "skills": "Skills",
+      "health": "Health",
+      "maintenance": "Maintenance"
+    },
+    "projectChip": {
+      "selected": "[project: {name} ▾]",
+      "allShort": "[All projects ▾]",
+      "ariaLabel": "Filter by project",
+      "all": "All projects",
+      "viewAll": "View all projects"
+    },
+    "localeSwitcher": {
+      "switchToZh": "Switch to Chinese",
+      "switchToEn": "Switch to English",
+      "labelZh": "中文",
+      "labelEn": "EN"
+    }
+  },
+  "common": {
+    "skipToMain": "Skip to main content"
+  }
+}
diff --git a/apps/studio/frontend/messages/zh.json b/apps/studio/frontend/messages/zh.json
new file mode 100644
index 000000000..0c962be35
--- /dev/null
+++ b/apps/studio/frontend/messages/zh.json
@@ -0,0 +1,60 @@
+{
+  "nav": {
+    "theme": {
+      "toggle": "切换主题"
+    },
+    "brand": {
+      "name": "Lion Studio",
+      "subtitle": "协调引擎"
+    },
+    "dashboard": {
+      "title": "控制台"
+    },
+    "primary": {
+      "ariaLabel": "主导航"
+    },
+    "mobile": {
+      "open": "打开导航菜单"
+    },
+    "breadcrumb": {
+      "ariaLabel": "导航路径"
+    },
+    "groups": {
+      "dashboard": "控制台",
+      "work": "工作",
+      "library": "资源库",
+      "admin": "管理"
+    },
+    "items": {
+      "dashboard": "控制台",
+      "shows": "展示",
+      "runs": "运行",
+      "projects": "项目",
+      "teams": "团队",
+      "invocations": "调用",
+      "schedules": "调度",
+      "playbooks": "剧本",
+      "agents": "智能体",
+      "plugins": "插件",
+      "skills": "技能",
+      "health": "健康状态",
+      "maintenance": "维护"
+    },
+    "projectChip": {
+      "selected": "[项目：{name} ▾]",
+      "allShort": "[所有项目 ▾]",
+      "ariaLabel": "按项目筛选",
+      "all": "所有项目",
+      "viewAll": "查看所有项目"
+    },
+    "localeSwitcher": {
+      "switchToZh": "切换到中文",
+      "switchToEn": "切换到英文",
+      "labelZh": "中文",
+      "labelEn": "EN"
+    }
+  },
+  "common": {
+    "skipToMain": "跳转到主要内容"
+  }
+}
diff --git a/apps/studio/frontend/next.config.mjs b/apps/studio/frontend/next.config.mjs
index a9cec05ea..63fe51f28 100644
--- a/apps/studio/frontend/next.config.mjs
+++ b/apps/studio/frontend/next.config.mjs
@@ -1,5 +1,18 @@
+import createNextIntlPlugin from "next-intl/plugin";
+
+const withNextIntl = createNextIntlPlugin("./i18n/request.ts");
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  // Next.js 16 moved turbopack config out of experimental; manually wire the
+  // next-intl/config alias since next-intl's plugin still writes experimental.turbo.
+  // Remove once next-intl's plugin writes the top-level turbopack key natively
+  // (it would then shadow this manual alias).
+  turbopack: {
+    resolveAlias: {
+      "next-intl/config": "./i18n/request.ts",
+    },
+  },
   async redirects() {
     return [
       // ADR-0032: remove this one-release compatibility redirect in the next release.
@@ -8,4 +21,4 @@ const nextConfig = {
   },
 };
 
-export default nextConfig;
+export default withNextIntl(nextConfig);
diff --git a/apps/studio/frontend/package-lock.json b/apps/studio/frontend/package-lock.json
index 8bccc612c..11284ac2a 100644
--- a/apps/studio/frontend/package-lock.json
+++ b/apps/studio/frontend/package-lock.json
@@ -4,11 +4,11 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "frontend",
       "dependencies": {
         "@types/dagre": "^0.7.54",
         "dagre": "^0.8.5",
         "next": "^16.2.6",
+        "next-intl": "^3.26.5",
         "react": "^19.2.6",
         "react-dom": "^19.2.6",
         "react-markdown": "^10.1.0",
@@ -545,6 +545,66 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.6.tgz",
+      "integrity": "sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/intl-localematcher": "0.6.2",
+        "decimal.js": "^10.4.3",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract/node_modules/@formatjs/intl-localematcher": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.6.2.tgz",
+      "integrity": "sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.7.tgz",
+      "integrity": "sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.4.tgz",
+      "integrity": "sha512-7kR78cRrPNB4fjGFZg3Rmj5aah8rQj9KPzuLsmcSn4ipLXQvC04keycTI1F7kJYDwIXtT2+7IDEto842CfZBtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/icu-skeleton-parser": "1.8.16",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.16",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.16.tgz",
+      "integrity": "sha512-H13E9Xl+PxBd8D5/6TVUluSpxGNvFSlN/b3coUp0e0JpuWXXnQDiavIpY3NnvSp4xhEMoXyyBvVfdFX8jglOHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.10.tgz",
+      "integrity": "sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.2",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
@@ -3317,6 +3377,12 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "license": "MIT"
+    },
     "node_modules/decode-named-character-reference": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
@@ -4851,6 +4917,18 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.18",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.18.tgz",
+      "integrity": "sha512-m3Ofv/X/tV8Y3tHXLohcuVuhWKo7BBq62cqY15etqmLxg2DZ34AGGgQDeR+SCta2+zICb1NX83af0GJmbQ1++g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.6",
+        "@formatjs/fast-memoize": "2.2.7",
+        "@formatjs/icu-messageformat-parser": "2.11.4",
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -6560,6 +6638,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/next": {
       "version": "16.2.6",
       "resolved": "https://registry.npmjs.org/next/-/next-16.2.6.tgz",
@@ -6613,6 +6700,27 @@
         }
       }
     },
+    "node_modules/next-intl": {
+      "version": "3.26.5",
+      "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-3.26.5.tgz",
+      "integrity": "sha512-EQlCIfY0jOhRldiFxwSXG+ImwkQtDEfQeSOEQp6ieAGSLWGlgjdb/Ck/O7wMfC430ZHGeUKVKax8KGusTPKCgg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/amannn"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.5.4",
+        "negotiator": "^1.0.0",
+        "use-intl": "^3.26.5"
+      },
+      "peerDependencies": {
+        "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/node-exports-info": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
@@ -8557,6 +8665,19 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-intl": {
+      "version": "3.26.5",
+      "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-3.26.5.tgz",
+      "integrity": "sha512-OdsJnC/znPvHCHLQH/duvQNXnP1w0hPfS+tkSi3mAbfjYBGh4JnyfdwkQBfIVf7t8gs9eSX/CntxUMvtKdG2MQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "^2.2.0",
+        "intl-messageformat": "^10.5.14"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/use-sync-external-store": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
diff --git a/apps/studio/frontend/package.json b/apps/studio/frontend/package.json
index 59db7fe75..9c5f322de 100644
--- a/apps/studio/frontend/package.json
+++ b/apps/studio/frontend/package.json
@@ -16,6 +16,7 @@
     "@types/dagre": "^0.7.54",
     "dagre": "^0.8.5",
     "next": "^16.2.6",
+    "next-intl": "^3.26.5",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "react-markdown": "^10.1.0",
