ltcai 3.6.0 → 4.0.1

package/static/v3/js/core/routes.37522821.js

@@ -0,0 +1,101 @@
+/* ============================================================================
+ * Lattice AI v3 — Information architecture (single source of truth)
+ *
+ * One declarative table drives the nav rail, command palette, router,
+ * breadcrumbs, and lazy view loading. Labels are translated at render time.
+ * ========================================================================== */
+
+import { t } from "./i18n.880e1fec.js";
+
+export const MODE_RANK = { basic: 0, advanced: 1, admin: 2 };
+
+export const GROUPS = [
+  { id: "brain", labelKey: "group.brain" },
+  { id: "ask", labelKey: "group.ask" },
+  { id: "capture", labelKey: "group.capture" },
+  { id: "act", labelKey: "group.act" },
+  { id: "library", labelKey: "group.library" },
+  { id: "system", labelKey: "group.system" },
+  { id: "admin", labelKey: "group.admin", adminOnly: true },
+];
+
+function r(key, labelKey, icon, group, minMode, view, titleKey, descKey, extra = {}) {
+  return { key, labelKey, icon, group, minMode, view, titleKey, descKey, ...extra };
+}
+
+export const ROUTES = [
+  r("home", "route.home.label", "layout-dashboard", "system", "basic", "home", "route.home.title", "route.home.desc"),
+  r("account", "route.account.label", "user-circle", "system", "basic", "account", "route.account.title", "route.account.desc"),
+  r("chat", "route.chat.label", "message-2", "ask", "basic", "chat", "route.chat.title", "route.chat.desc"),
+  r("files", "route.files.label", "folders", "capture", "basic", "files", "route.files.title", "route.files.desc"),
+
+  r("hybrid-search", "route.hybridSearch.label", "arrows-join", "brain", "basic", "hybrid-search", "route.hybridSearch.title", "route.hybridSearch.desc"),
+  r("knowledge-graph", "route.knowledgeGraph.label", "chart-dots-3", "brain", "basic", "knowledge-graph", "route.knowledgeGraph.title", "route.knowledgeGraph.desc"),
+  r("memory", "route.memory.label", "brain", "brain", "basic", "memory", "route.memory.title", "route.memory.desc"),
+
+  r("models", "route.models.label", "cpu", "library", "basic", "models", "route.models.title", "route.models.desc"),
+  r("agents", "route.agents.label", "robot", "act", "advanced", "agents", "route.agents.title", "route.agents.desc"),
+  r("runs", "route.runs.label", "progress-check", "act", "advanced", "runs", "route.runs.title", "route.runs.desc"),
+  r("workflows", "route.workflows.label", "sitemap", "act", "advanced", "workflows", "route.workflows.title", "route.workflows.desc"),
+
+  r("skills", "route.skills.label", "puzzle", "library", "advanced", "skills", "route.skills.title", "route.skills.desc"),
+  r("hooks", "route.hooks.label", "webhook", "act", "advanced", "hooks", "route.hooks.title", "route.hooks.desc"),
+  r("mcp", "route.mcp.label", "plug-connected", "library", "advanced", "mcp", "route.mcp.title", "route.mcp.desc"),
+
+  r("workspace-admin", "route.workspaceAdmin.label", "building-community", "system", "basic", "workspace-admin", "route.workspaceAdmin.title", "route.workspaceAdmin.desc"),
+  r("snapshots", "route.snapshots.label", "history", "system", "basic", "snapshots", "route.snapshots.title", "route.snapshots.desc"),
+  r("activity", "route.activity.label", "activity", "system", "basic", "activity", "route.activity.title", "route.activity.desc"),
+  r("network", "route.network.label", "network", "system", "advanced", "network", "route.network.title", "route.network.desc"),
+  r("settings", "route.settings.label", "settings", "system", "basic", "settings", "route.settings.title", "route.settings.desc"),
+
+  r("pipeline", "route.pipeline.label", "git-branch", "capture", "advanced", "pipeline", "route.pipeline.title", "route.pipeline.desc", { hidden: true }),
+  r("planning", "route.planning.label", "target-arrow", "act", "advanced", "planning", "route.planning.title", "route.planning.desc", { hidden: true }),
+  r("my-computer", "route.myComputer.label", "device-desktop-analytics", "system", "advanced", "my-computer", "route.myComputer.title", "route.myComputer.desc", { hidden: true }),
+  r("marketplace", "route.marketplace.label", "building-store", "library", "advanced", "marketplace", "route.marketplace.title", "route.marketplace.desc", { hidden: true }),
+  r("tools", "route.tools.label", "tools", "act", "advanced", "tools", "route.tools.title", "route.tools.desc", { hidden: true }),
+
+  r("admin/users", "route.adminUsers.label", "users", "admin", "admin", "admin-users", "route.adminUsers.title", "route.adminUsers.desc", { admin: true }),
+  r("admin/permissions", "route.adminPermissions.label", "key", "admin", "admin", "admin-permissions", "route.adminPermissions.title", "route.adminPermissions.desc", { admin: true }),
+  r("admin/audit", "route.adminAudit.label", "report-search", "admin", "admin", "admin-audit", "route.adminAudit.title", "route.adminAudit.desc", { admin: true }),
+  r("admin/security", "route.adminSecurity.label", "shield-check", "admin", "admin", "admin-security", "route.adminSecurity.title", "route.adminSecurity.desc", { admin: true }),
+  r("admin/policies", "route.adminPolicies.label", "file-certificate", "admin", "admin", "admin-policies", "route.adminPolicies.title", "route.adminPolicies.desc", { admin: true }),
+  r("admin/private-vpc", "route.adminVpc.label", "cloud-lock", "admin", "admin", "admin-private-vpc", "route.adminVpc.title", "route.adminVpc.desc", { admin: true }),
+];
+
+export const ROUTE_BY_KEY = Object.fromEntries(ROUTES.map((route) => [route.key, route]));
+
+export function groupLabel(group) {
+  return t(group.labelKey || group.id);
+}
+
+export function localizeRoute(route) {
+  if (!route) return route;
+  return {
+    ...route,
+    label: t(route.labelKey),
+    title: t(route.titleKey || route.labelKey),
+    desc: t(route.descKey || ""),
+  };
+}
+
+export function visibleRoutes(mode) {
+  const rank = MODE_RANK[mode] ?? 0;
+  return ROUTES.filter((route) => {
+    if (route.hidden) return false;
+    if (route.admin) return mode === "admin";
+    return (MODE_RANK[route.minMode] ?? 0) <= rank;
+  }).map(localizeRoute);
+}
+
+const cache = new Map();
+function assetUrl(key, fallback) {
+  const manifest = window.__LT_ASSET_MANIFEST__;
+  return (manifest && manifest.assets && manifest.assets[key]) || fallback;
+}
+
+export async function loadView(view) {
+  if (cache.has(view)) return cache.get(view);
+  const mod = await import(assetUrl(`static/v3/js/views/${view}.js`, `../views/${view}.js`));
+  cache.set(view, mod);
+  return mod;
+}

package/static/v3/js/core/routes.js

@@ -1,84 +1,92 @@
 /* ============================================================================
  * Lattice AI v3 — Information architecture (single source of truth)
  *
- * One declarative table drives the nav rail, the command palette, the router,
- * breadcrumbs, and lazy view loading. Mode gating (Basic < Advanced < Admin)
- * and the Admin section live here so the whole shell stays consistent.
+ * One declarative table drives the nav rail, command palette, router,
+ * breadcrumbs, and lazy view loading. Labels are translated at render time.
  * ========================================================================== */
 
+import { t } from "./i18n.js";
+
 export const MODE_RANK = { basic: 0, advanced: 1, admin: 2 };
 
-/** Nav groups in display order. */
 export const GROUPS = [
-  { id: "workspace", label: "Workspace" },
-  { id: "data", label: "Data" },
-  { id: "retrieval", label: "Retrieval" },
-  { id: "compute", label: "Compute" },
-  { id: "platform", label: "Platform" },
-  { id: "system", label: "System" },
-  { id: "admin", label: "Administration", adminOnly: true },
+  { id: "brain", labelKey: "group.brain" },
+  { id: "ask", labelKey: "group.ask" },
+  { id: "capture", labelKey: "group.capture" },
+  { id: "act", labelKey: "group.act" },
+  { id: "library", labelKey: "group.library" },
+  { id: "system", labelKey: "group.system" },
+  { id: "admin", labelKey: "group.admin", adminOnly: true },
 ];
 
-/**
- * Route table. `minMode` = lowest mode in which the item appears in the rail
- * (deep-links still resolve). `view` = module basename under js/views/.
- */
+function r(key, labelKey, icon, group, minMode, view, titleKey, descKey, extra = {}) {
+  return { key, labelKey, icon, group, minMode, view, titleKey, descKey, ...extra };
+}
+
 export const ROUTES = [
-  // Workspace
-  { key: "home", label: "Home", icon: "layout-dashboard", group: "workspace", minMode: "basic", view: "home", title: "Home", desc: "Your local-first AI workspace at a glance." },
-  { key: "chat", label: "Chat", icon: "message-2", group: "workspace", minMode: "basic", view: "chat", title: "Chat", desc: "Grounded conversation over your indexed workspace." },
-
-  // Data
-  { key: "files", label: "Files", icon: "folders", group: "data", minMode: "basic", view: "files", title: "Files", desc: "Connected sources and indexed documents." },
-
-  // Retrieval (the product identity)
-  { key: "hybrid-search", label: "Search", icon: "arrows-join", group: "retrieval", minMode: "basic", view: "hybrid-search", title: "Hybrid Search", desc: "Graph structure fused with vector similarity." },
-  { key: "knowledge-graph", label: "Knowledge", icon: "chart-dots-3", group: "retrieval", minMode: "basic", view: "knowledge-graph", title: "Knowledge Graph", desc: "Your digital brain — every source converges here. Explore, ingest, and export." },
-  { key: "memory", label: "Memory", icon: "brain", group: "retrieval", minMode: "basic", view: "memory", title: "Memory", desc: "Long-term workspace, project, agent, and conversation memory." },
-
-  // Compute
-  { key: "models", label: "Models", icon: "cpu", group: "compute", minMode: "basic", view: "models", title: "Models", desc: "Local MLX models and embeddings." },
-  { key: "agents", label: "Agents", icon: "robot", group: "compute", minMode: "advanced", view: "agents", title: "Agents", desc: "Multi-agent roles, runs, and handoffs." },
-  { key: "workflows", label: "Workflows", icon: "sitemap", group: "compute", minMode: "advanced", view: "workflows", title: "Workflow Agents", desc: "Trigger → agent chain → tools → memory → result." },
-
-  // Platform (the agent ecosystem)
-  { key: "skills", label: "Skills", icon: "puzzle", group: "platform", minMode: "advanced", view: "skills", title: "Skills", desc: "Install, enable, and manage skills." },
-  { key: "hooks", label: "Hooks", icon: "webhook", group: "platform", minMode: "advanced", view: "hooks", title: "Hooks", desc: "Lifecycle hooks across runs, tools, and workflows." },
-  { key: "mcp", label: "MCP", icon: "plug-connected", group: "platform", minMode: "advanced", view: "mcp", title: "MCP Manager", desc: "Connected MCP servers, available tools, and health." },
-
-  // System
-  { key: "settings", label: "Settings", icon: "settings", group: "system", minMode: "basic", view: "settings", title: "Settings", desc: "Appearance, workspace, and integrations." },
-
-  // Deep-linkable legacy/experimental surfaces. They remain renderable for
-  // compatibility, but are not promoted in the production navigation.
-  { key: "pipeline", label: "Pipeline", icon: "git-branch", group: "data", minMode: "advanced", view: "pipeline", title: "Pipeline", desc: "Ingest, embed, and graph-build flows.", hidden: true },
-  { key: "planning", label: "Planning", icon: "target-arrow", group: "compute", minMode: "advanced", view: "planning", title: "Autonomous Planning", desc: "Goal → plan → execute → review → replan.", hidden: true },
-  { key: "my-computer", label: "My Computer", icon: "device-desktop-analytics", group: "compute", minMode: "advanced", view: "my-computer", title: "My Computer", desc: "Local hardware, memory, and runtime.", hidden: true },
-  { key: "marketplace", label: "Marketplace", icon: "building-store", group: "platform", minMode: "advanced", view: "marketplace", title: "Marketplace", desc: "Agent templates, agents, plugins, and skills.", hidden: true },
-  { key: "tools", label: "Tools", icon: "tools", group: "platform", minMode: "advanced", view: "tools", title: "Tool Registry", desc: "Local, workspace, and MCP tools with governance.", hidden: true },
-
-  // Admin
-  { key: "admin/users", label: "Users", icon: "users", group: "admin", minMode: "admin", view: "admin-users", title: "Users", desc: "Workspace members and access.", admin: true },
-  { key: "admin/permissions", label: "Permissions", icon: "key", group: "admin", minMode: "admin", view: "admin-permissions", title: "Permissions", desc: "Roles and capability mapping.", admin: true },
-  { key: "admin/audit", label: "Audit Logs", icon: "report-search", group: "admin", minMode: "admin", view: "admin-audit", title: "Audit Logs", desc: "Activity and access trail.", admin: true },
-  { key: "admin/security", label: "Security", icon: "shield-check", group: "admin", minMode: "admin", view: "admin-security", title: "Security", desc: "Sensitive-data signals and DLP.", admin: true },
-  { key: "admin/policies", label: "Policies", icon: "file-certificate", group: "admin", minMode: "admin", view: "admin-policies", title: "Policies", desc: "Governance and enforcement.", admin: true },
-  { key: "admin/private-vpc", label: "Private VPC", icon: "cloud-lock", group: "admin", minMode: "admin", view: "admin-private-vpc", title: "Private VPC", desc: "Network isolation and peering.", admin: true },
+  r("home", "route.home.label", "layout-dashboard", "system", "basic", "home", "route.home.title", "route.home.desc"),
+  r("account", "route.account.label", "user-circle", "system", "basic", "account", "route.account.title", "route.account.desc"),
+  r("chat", "route.chat.label", "message-2", "ask", "basic", "chat", "route.chat.title", "route.chat.desc"),
+  r("files", "route.files.label", "folders", "capture", "basic", "files", "route.files.title", "route.files.desc"),
+
+  r("hybrid-search", "route.hybridSearch.label", "arrows-join", "brain", "basic", "hybrid-search", "route.hybridSearch.title", "route.hybridSearch.desc"),
+  r("knowledge-graph", "route.knowledgeGraph.label", "chart-dots-3", "brain", "basic", "knowledge-graph", "route.knowledgeGraph.title", "route.knowledgeGraph.desc"),
+  r("memory", "route.memory.label", "brain", "brain", "basic", "memory", "route.memory.title", "route.memory.desc"),
+
+  r("models", "route.models.label", "cpu", "library", "basic", "models", "route.models.title", "route.models.desc"),
+  r("agents", "route.agents.label", "robot", "act", "advanced", "agents", "route.agents.title", "route.agents.desc"),
+  r("runs", "route.runs.label", "progress-check", "act", "advanced", "runs", "route.runs.title", "route.runs.desc"),
+  r("workflows", "route.workflows.label", "sitemap", "act", "advanced", "workflows", "route.workflows.title", "route.workflows.desc"),
+
+  r("skills", "route.skills.label", "puzzle", "library", "advanced", "skills", "route.skills.title", "route.skills.desc"),
+  r("hooks", "route.hooks.label", "webhook", "act", "advanced", "hooks", "route.hooks.title", "route.hooks.desc"),
+  r("mcp", "route.mcp.label", "plug-connected", "library", "advanced", "mcp", "route.mcp.title", "route.mcp.desc"),
+
+  r("workspace-admin", "route.workspaceAdmin.label", "building-community", "system", "basic", "workspace-admin", "route.workspaceAdmin.title", "route.workspaceAdmin.desc"),
+  r("snapshots", "route.snapshots.label", "history", "system", "basic", "snapshots", "route.snapshots.title", "route.snapshots.desc"),
+  r("activity", "route.activity.label", "activity", "system", "basic", "activity", "route.activity.title", "route.activity.desc"),
+  r("network", "route.network.label", "network", "system", "advanced", "network", "route.network.title", "route.network.desc"),
+  r("settings", "route.settings.label", "settings", "system", "basic", "settings", "route.settings.title", "route.settings.desc"),
+
+  r("pipeline", "route.pipeline.label", "git-branch", "capture", "advanced", "pipeline", "route.pipeline.title", "route.pipeline.desc", { hidden: true }),
+  r("planning", "route.planning.label", "target-arrow", "act", "advanced", "planning", "route.planning.title", "route.planning.desc", { hidden: true }),
+  r("my-computer", "route.myComputer.label", "device-desktop-analytics", "system", "advanced", "my-computer", "route.myComputer.title", "route.myComputer.desc", { hidden: true }),
+  r("marketplace", "route.marketplace.label", "building-store", "library", "advanced", "marketplace", "route.marketplace.title", "route.marketplace.desc", { hidden: true }),
+  r("tools", "route.tools.label", "tools", "act", "advanced", "tools", "route.tools.title", "route.tools.desc", { hidden: true }),
+
+  r("admin/users", "route.adminUsers.label", "users", "admin", "admin", "admin-users", "route.adminUsers.title", "route.adminUsers.desc", { admin: true }),
+  r("admin/permissions", "route.adminPermissions.label", "key", "admin", "admin", "admin-permissions", "route.adminPermissions.title", "route.adminPermissions.desc", { admin: true }),
+  r("admin/audit", "route.adminAudit.label", "report-search", "admin", "admin", "admin-audit", "route.adminAudit.title", "route.adminAudit.desc", { admin: true }),
+  r("admin/security", "route.adminSecurity.label", "shield-check", "admin", "admin", "admin-security", "route.adminSecurity.title", "route.adminSecurity.desc", { admin: true }),
+  r("admin/policies", "route.adminPolicies.label", "file-certificate", "admin", "admin", "admin-policies", "route.adminPolicies.title", "route.adminPolicies.desc", { admin: true }),
+  r("admin/private-vpc", "route.adminVpc.label", "cloud-lock", "admin", "admin", "admin-private-vpc", "route.adminVpc.title", "route.adminVpc.desc", { admin: true }),
 ];
 
-export const ROUTE_BY_KEY = Object.fromEntries(ROUTES.map((r) => [r.key, r]));
+export const ROUTE_BY_KEY = Object.fromEntries(ROUTES.map((route) => [route.key, route]));
+
+export function groupLabel(group) {
+  return t(group.labelKey || group.id);
+}
+
+export function localizeRoute(route) {
+  if (!route) return route;
+  return {
+    ...route,
+    label: t(route.labelKey),
+    title: t(route.titleKey || route.labelKey),
+    desc: t(route.descKey || ""),
+  };
+}
 
-/** Routes visible in the rail for a given mode. */
 export function visibleRoutes(mode) {
   const rank = MODE_RANK[mode] ?? 0;
-  return ROUTES.filter((r) => {
-    if (r.hidden) return false;
-    if (r.admin) return mode === "admin";
-    return (MODE_RANK[r.minMode] ?? 0) <= rank;
-  });
+  return ROUTES.filter((route) => {
+    if (route.hidden) return false;
+    if (route.admin) return mode === "admin";
+    return (MODE_RANK[route.minMode] ?? 0) <= rank;
+  }).map(localizeRoute);
 }
 
-/** Lazy-load a view module by basename. Cached. */
 const cache = new Map();
 function assetUrl(key, fallback) {
   const manifest = window.__LT_ASSET_MANIFEST__;

package/static/v3/js/core/{shell.8c163e0e.js → shell.e3f6bbfa.js}

@@ -6,16 +6,17 @@
  * ========================================================================== */
 
 import { h, icon, $, $$ } from "./dom.a2773eb0.js";
-import { store } from "./store.34ebd5e6.js";
-import { api } from "./api.33d6320e.js";
+import { store } from "./store.7b2aa044.js";
+import { api } from "./api.ba0fbf14.js";
 import * as c from "./components.f25b3b93.js";
 import { createRouter } from "./router.584570f2.js";
-import { GROUPS, ROUTES, ROUTE_BY_KEY, MODE_RANK, visibleRoutes, loadView } from "./routes.2ce3815a.js";
+import { GROUPS, ROUTE_BY_KEY, MODE_RANK, visibleRoutes, loadView, groupLabel, localizeRoute } from "./routes.37522821.js";
+import { setI18nLanguage, t } from "./i18n.880e1fec.js";
 
 const MODES = [
-  { key: "basic", label: "Basic", icon: "circle" },
-  { key: "advanced", label: "Advanced", icon: "circles" },
-  { key: "admin", label: "Admin", icon: "shield-half" },
+  { key: "basic", labelKey: "shell.mode.basic", icon: "circle" },
+  { key: "advanced", labelKey: "shell.mode.advanced", icon: "circles" },
+  { key: "admin", labelKey: "shell.mode.admin", icon: "shield-half" },
 ];
 
 const ctxBase = { h, icon, api, store, c };
@@ -27,7 +28,7 @@ let currentRoute = null;
 export function boot(rootEl) {
   rootEl.classList.add("lt3-app");
   rootEl.append(
-    h("a.lt3-skip", { href: "#lt3-view" }, "Skip to content"),
+    h("a.lt3-skip", { href: "#lt3-view" }, t("shell.skip")),
     h("div.lt3-rail__scrim", { on: { click: closeDrawer } }),
     buildRail(),
     buildMain(),
@@ -36,7 +37,7 @@ export function boot(rootEl) {
   cacheEls(rootEl);
   store.subscribe(onStateChange);
 
-  router = createRouter({ onRoute: renderRoute, fallback: "home" });
+  router = createRouter({ onRoute: renderRoute, fallback: "knowledge-graph" });
   wireGlobalKeys();
   router.start();
 
@@ -46,19 +47,19 @@ export function boot(rootEl) {
 
 /* ── Rail ────────────────────────────────────────────────────────────────── */
 function buildRail() {
-  return h("aside.lt3-rail", { id: "lt3-rail", "aria-label": "Primary" },
+  return h("aside.lt3-rail", { id: "lt3-rail", "aria-label": t("shell.primary") },
     h("div.lt3-rail__brand",
       h("div.lt3-rail__logo", { html: latticeMark() }),
-      h("div.lt3-rail__word", h("b", "Lattice AI"), h("small", "Private runtime")),
-      h("button.lt3-iconbtn.lt3-iconbtn--sm.lt3-rail__close", { "aria-label": "Close menu", on: { click: closeDrawer } }, icon("x")),
+      h("div.lt3-rail__word", h("b", "Lattice AI"), h("small", t("shell.privateRuntime"))),
+      h("button.lt3-iconbtn.lt3-iconbtn--sm.lt3-rail__close", { "aria-label": t("shell.closeMenu"), on: { click: closeDrawer } }, icon("x")),
     ),
     h("div.lt3-rail__scope", { id: "lt3-scope" }),
     h("nav.lt3-rail__nav", { id: "lt3-nav", "aria-label": "Sections" }),
     h("div.lt3-rail__foot",
       h("div.lt3-rail__status", { id: "lt3-rail-status" }),
       h("div.lt3-rail__foot-row",
-        h("button.lt3-rail__user", { id: "lt3-user", "aria-label": "Account", on: { click: () => router.navigate("settings") } }),
-        h("button.lt3-iconbtn", { id: "lt3-theme", "aria-label": "Toggle theme", title: "Toggle theme", on: { click: () => store.toggleTheme() } }, icon("moon")),
+        h("button.lt3-rail__user", { id: "lt3-user", "aria-label": t("shell.account"), on: { click: () => router.navigate("account") } }),
+        h("button.lt3-iconbtn", { id: "lt3-theme", "aria-label": t("shell.toggleTheme"), title: t("shell.toggleTheme"), on: { click: () => store.toggleTheme() } }, icon("moon")),
       ),
     ),
   );
@@ -73,7 +74,7 @@ function renderNav() {
     const items = routes.filter((r) => r.group === group.id);
     if (!items.length) continue;
     const groupEl = h("div.lt3-navgroup",
-      h("div.lt3-navgroup__label", group.label),
+      h("div.lt3-navgroup__label", groupLabel(group)),
       items.map((r) => navItem(r)),
     );
     nav.append(groupEl);
@@ -109,7 +110,7 @@ function renderScope() {
   els.scope.replaceChildren(
     h("button.lt3-scope", { "aria-haspopup": "listbox", on: { click: openScopeMenu } },
       h("div.lt3-scope__icon", icon(ws.type === "organization" ? "building-community" : "user")),
-      h("div.lt3-scope__meta", h("b", ws.name), h("small", `${ws.type} · ${ws.your_role || "member"}`)),
+      h("div.lt3-scope__meta", h("b", ws.name), h("small", `${ws.type} · ${ws.your_role || t("shell.member")}`)),
       icon("selector"),
     ),
   );
@@ -120,7 +121,7 @@ function renderUser() {
   const initials = (u.nickname || u.email || "U").slice(0, 2);
   els.user.replaceChildren(
     h("span.lt3-avatar", initials),
-    h("div.lt3-rail__user-meta", h("b", u.nickname || u.email || "You"), h("small", u.role || "local")),
+    h("div.lt3-rail__user-meta", h("b", u.nickname || u.email || t("shell.you")), h("small", u.role || t("shell.local"))),
   );
 }
 
@@ -134,17 +135,17 @@ function updateThemeIcon() {
 function buildMain() {
   return h("div.lt3-main",
     h("header.lt3-topbar",
-      h("button.lt3-iconbtn.lt3-topbar__menu", { "aria-label": "Open menu", on: { click: openDrawer } }, icon("menu-2")),
+      h("button.lt3-iconbtn.lt3-topbar__menu", { "aria-label": t("shell.openMenu"), on: { click: openDrawer } }, icon("menu-2")),
       h("div.lt3-topbar__crumbs", { id: "lt3-crumbs" }),
       h("div.lt3-spacer"),
-      h("button.lt3-cmd-trigger", { "aria-label": "Search and commands", on: { click: openPalette } },
-        icon("search"), h("span", "Search & commands"), h("span.lt3-kbd", "⌘K")),
+      h("button.lt3-cmd-trigger", { "aria-label": t("shell.searchCommands"), on: { click: openPalette } },
+        icon("search"), h("span", { id: "lt3-cmd-text" }, t("shell.searchCommands")), h("span.lt3-kbd", "⌘K")),
       h("div", { id: "lt3-idxchip" }),
-      h("div.lt3-mode", { id: "lt3-mode", role: "tablist", "aria-label": "Workspace mode" },
+      h("div.lt3-mode", { id: "lt3-mode", role: "tablist", "aria-label": t("shell.workspaceMode") },
         MODES.map((m) => h("button", {
           type: "button", role: "tab", dataset: { mode: m.key },
           on: { click: () => store.setMode(m.key) },
-        }, icon(m.icon), h("span", m.label))),
+        }, icon(m.icon), h("span", t(m.labelKey)))),
       ),
     ),
     h("main.lt3-view", { id: "lt3-view", tabindex: "-1" },
@@ -155,13 +156,18 @@ function buildMain() {
 
 function renderMode() {
   $$("#lt3-mode button", els.root).forEach((b) => b.dataset.active = String(b.dataset.mode === store.get().mode));
+  $$("#lt3-mode button", els.root).forEach((b) => {
+    const mode = MODES.find((m) => m.key === b.dataset.mode);
+    const span = $("span", b);
+    if (mode && span) span.textContent = t(mode.labelKey);
+  });
 }
 
 function renderCrumbs() {
   const r = currentRoute;
   if (!r) return;
   const parts = [h("span.lt3-crumb", store.activeWorkspace().name)];
-  if (r.group === "admin") parts.push(icon("chevron-right"), h("span.lt3-crumb", "Admin"));
+  if (r.group === "admin") parts.push(icon("chevron-right"), h("span.lt3-crumb", t("shell.adminCrumb")));
   parts.push(icon("chevron-right"), h("span.lt3-crumb.lt3-crumb--current", r.title || r.label));
   els.crumbs.replaceChildren(...parts);
 }
@@ -171,6 +177,23 @@ function renderIndexChip() {
   renderRailStatus();
 }
 
+function renderChromeText() {
+  const skip = $(".lt3-skip", els.root);
+  if (skip) skip.textContent = t("shell.skip");
+  if (els.cmdText) els.cmdText.textContent = t("shell.searchCommands");
+  const rail = $("#lt3-rail", els.root);
+  if (rail) rail.setAttribute("aria-label", t("shell.primary"));
+  const mode = $("#lt3-mode", els.root);
+  if (mode) mode.setAttribute("aria-label", t("shell.workspaceMode"));
+  const user = $("#lt3-user", els.root);
+  if (user) user.setAttribute("aria-label", t("shell.account"));
+  const theme = $("#lt3-theme", els.root);
+  if (theme) {
+    theme.setAttribute("aria-label", t("shell.toggleTheme"));
+    theme.setAttribute("title", t("shell.toggleTheme"));
+  }
+}
+
 function renderRailStatus() {
   if (!els.railStatus) return;
   const status = store.get().indexStatus;
@@ -181,21 +204,21 @@ function renderRailStatus() {
   els.railStatus.replaceChildren(
     h("div.lt3-rail__status-top",
       h("span.lt3-rail__status-dot", { dataset: { state: unavailable ? "pending" : ready === keys.length ? "ready" : "partial" } }),
-      h("span", unavailable ? "Local index pending" : `${ready}/${keys.length} retrieval signals ready`),
+      h("span", unavailable ? t("shell.indexPending") : t("shell.indexReady", { ready, total: keys.length })),
     ),
-    h("div.lt3-rail__status-sub", unavailable ? "Start backend to sync live state" : "Graph · vector · hybrid"),
+    h("div.lt3-rail__status-sub", unavailable ? t("shell.startBackend") : t("shell.graphVectorHybrid")),
   );
 }
 
 /* ── View rendering ─────────────────────────────────────────────────────── */
 async function renderRoute({ key, params }) {
-  let route = ROUTE_BY_KEY[key] || ROUTE_BY_KEY.home;
+  let route = localizeRoute(ROUTE_BY_KEY[key] || ROUTE_BY_KEY.home);
   // Deep-linking into an admin area surfaces Admin mode so the rail matches.
   if (route.admin && store.get().mode !== "admin") store.setMode("admin");
   currentRoute = route;
   store.setRoute({ key: route.key, params });
 
-  document.title = `${route.title || route.label} · Lattice AI`;
+  document.title = t("shell.documentTitle", { title: route.title || route.label });
   markActive();
   renderCrumbs();
 
@@ -213,7 +236,7 @@ async function renderRoute({ key, params }) {
     outlet.replaceChildren(node);
   } catch (err) {
     console.error("[shell] view render failed:", route.view, err);
-    outlet.replaceChildren(c.errorState(`View "${route.label}" failed to load.`, () => renderRoute({ key: route.key, params })));
+    outlet.replaceChildren(c.errorState(t("shell.viewFailed", { label: route.label }), () => renderRoute({ key: route.key, params })));
   }
 }
 
@@ -230,6 +253,10 @@ function onStateChange(_state, change) {
     case "user": renderUser(); break;
     case "theme": updateThemeIcon(); break;
     case "index": renderIndexChip(); break;
+    case "language":
+      setI18nLanguage(store.get().lang);
+      renderNav(); renderScope(); renderUser(); renderMode(); renderCrumbs(); renderIndexChip(); renderChromeText(); renderCurrent();
+      break;
   }
 }
 
@@ -249,8 +276,8 @@ function openScopeMenu(ev) {
       w.workspace_id === store.get().workspaceId ? icon("check", "") : null,
     )),
     h("div.lt3-menu__sep"),
-    h("button.lt3-menu__item", { on: { click: () => { c.toast("Organization creation opens in Settings", "info"); closeMenus(); router.navigate("settings"); } } },
-      icon("plus"), "New organization"),
+    h("button.lt3-menu__item", { on: { click: () => { c.toast(t("shell.orgCreationOpens"), "info"); closeMenus(); router.navigate("workspace-admin"); } } },
+      icon("plus"), t("shell.newOrganization")),
   );
   document.body.append(menu);
   setTimeout(() => document.addEventListener("click", closeMenusOnce, { once: true }), 0);
@@ -267,16 +294,16 @@ function paletteItems() {
   const mode = store.get().mode;
   const currentRoutes = visibleRoutes(mode);
   const nav = currentRoutes.map((r) => ({
-    group: "Go to", label: r.title || r.label, icon: r.icon, hint: r.label === r.title ? r.group : r.label,
+    group: t("shell.goTo"), label: r.title || r.label, icon: r.icon, hint: r.label === r.title ? groupLabel(GROUPS.find((g) => g.id === r.group) || { labelKey: r.group }) : r.label,
     run: () => router.navigate(r.key),
   }));
   const actions = [
-    { group: "Actions", label: "Toggle light / dark theme", icon: "contrast", run: () => store.toggleTheme() },
-    { group: "Actions", label: "Mode: Basic", icon: "circle", run: () => store.setMode("basic") },
-    { group: "Actions", label: "Mode: Advanced", icon: "circles", run: () => store.setMode("advanced") },
-    { group: "Actions", label: "Mode: Admin", icon: "shield-half", run: () => store.setMode("admin") },
-    { group: "Actions", label: "New chat", icon: "message-plus", run: () => router.navigate("chat", { new: "1" }) },
-    { group: "Actions", label: "Run hybrid search", icon: "arrows-join", run: () => router.navigate("hybrid-search") },
+    { group: t("shell.actions"), label: t("shell.toggleLightDark"), icon: "contrast", run: () => store.toggleTheme() },
+    { group: t("shell.actions"), label: `${t("common.status")}: ${t("shell.mode.basic")}`, icon: "circle", run: () => store.setMode("basic") },
+    { group: t("shell.actions"), label: `${t("common.status")}: ${t("shell.mode.advanced")}`, icon: "circles", run: () => store.setMode("advanced") },
+    { group: t("shell.actions"), label: `${t("common.status")}: ${t("shell.mode.admin")}`, icon: "shield-half", run: () => store.setMode("admin") },
+    { group: t("shell.actions"), label: t("shell.newChat"), icon: "message-plus", run: () => router.navigate("chat", { new: "1" }) },
+    { group: t("shell.actions"), label: t("shell.runHybridSearch"), icon: "arrows-join", run: () => router.navigate("hybrid-search") },
   ];
   return [...nav, ...actions];
 }
@@ -287,8 +314,8 @@ function openPalette() {
   let active = 0, filtered = all;
 
   const listEl = h("div.lt3-palette__list");
-  const input = h("input", { type: "text", placeholder: "Search views, run a command…", "aria-label": "Command palette", autocomplete: "off" });
-  const palette = h("div.lt3-palette", { id: "lt3-palette", role: "dialog", "aria-modal": "true", "aria-label": "Command palette" },
+  const input = h("input", { type: "text", placeholder: t("shell.palettePlaceholder"), "aria-label": t("shell.commandPalette"), autocomplete: "off" });
+  const palette = h("div.lt3-palette", { id: "lt3-palette", role: "dialog", "aria-modal": "true", "aria-label": t("shell.commandPalette") },
     h("div.lt3-palette__input", icon("search"), input, h("span.lt3-kbd", "Esc")),
     listEl,
   );
@@ -298,7 +325,7 @@ function openPalette() {
 
   function renderList() {
     listEl.replaceChildren();
-    if (!filtered.length) { listEl.append(h("div.lt3-palette__empty", "No matches")); return; }
+    if (!filtered.length) { listEl.append(h("div.lt3-palette__empty", t("shell.noMatches"))); return; }
     let lastGroup = null;
     filtered.forEach((item, i) => {
       if (item.group !== lastGroup) { listEl.append(h("div.lt3-palette__group-label", item.group)); lastGroup = item.group; }
@@ -366,6 +393,7 @@ function cacheEls(root) {
     theme: $("#lt3-theme", root),
     crumbs: $("#lt3-crumbs", root),
     idxchip: $("#lt3-idxchip", root),
+    cmdText: $("#lt3-cmd-text", root),
     railStatus: $("#lt3-rail-status", root),
     outlet: $("#lt3-outlet", root),
     view: $("#lt3-view", root),
@@ -377,6 +405,7 @@ function cacheEls(root) {
   updateThemeIcon();
   renderIndexChip();
   renderRailStatus();
+  renderChromeText();
 }
 
 function latticeMark() {