@agent-native/core 0.75.4 → 0.76.0

package/corpus/templates/plan/app/i18n/hi-IN.ts

@@ -0,0 +1,78 @@
+const messages = {
+  root: {
+    commandActions: "कार्रवाइयां",
+    askPlan: "Plan से पूछें",
+    openPlans: "योजनाएं खोलें",
+    openRecaps: "रीकैप खोलें",
+    commandAppearance: "दिखावट",
+    toggleTheme: "थीम बदलें",
+  },
+  header: {
+    plan: "Plan",
+    settings: "सेटिंग्स",
+    team: "टीम",
+    extensions: "एक्सटेंशन",
+  },
+  navigation: {
+    settings: "सेटिंग्स",
+    ask: "पूछें",
+    plan: "योजना",
+  },
+  settings: {
+    title: "सेटिंग्स",
+    description: "इस ऐप के लिए भाषा और कार्यस्थान प्राथमिकताएं।",
+    languageTitle: "भाषा",
+    languageDescription:
+      "इंटरफ़ेस भाषा चुनें। यह पसंद आपके खाते में सहेजी जाती है।",
+    languageLabel: "इंटरफ़ेस भाषा",
+    workspaceTitle: "कार्यस्थान",
+    workspaceDescription:
+      "टीम सदस्यों, संगठन पहुंच और साझा कार्यस्थान प्राथमिकताओं को प्रबंधित करें।",
+    openTeamSettings: "टीम सेटिंग्स खोलें",
+    openResourceSettings: "संसाधन सेटिंग्स खोलें",
+    agentTitle: "एजेंट सेटिंग्स",
+    agentDescription:
+      "मॉडल, API कुंजियों, ऑटोमेशन, आवाज़ और अन्य एजेंट नियंत्रणों के लिए साइडबार सेटिंग्स खोलें।",
+    openAgentSettings: "एजेंट सेटिंग्स खोलें",
+  },
+  agent: {
+    emptyState:
+      "Plan एजेंट से मर्ज किए गए PR रीकैप खोजने, इस दस्तावेज़ की जांच करने, डायग्राम जोड़ने या कोड सवालों का विज़ुअल प्लान के रूप में जवाब देने को कहें।",
+    suggestionShipped: "पिछले सप्ताह क्या शिप हुआ?",
+    suggestionUi: "यह UI कैसा दिखता है?",
+    suggestionApi: "इस API की संरचना क्या है?",
+  },
+  sidebar: {
+    openNavigation: "नेविगेशन खोलें",
+    navigation: "नेविगेशन",
+    navigationDescription: "ऐप नेविगेशन लिंक",
+    chats: "चैट",
+    newPlanChat: "नई Plan चैट",
+    newChat: "नई चैट",
+    renameChat: "चैट का नाम बदलें",
+    unpinChat: "चैट अनपिन करें",
+    pinChat: "चैट पिन करें",
+    archiveChat: "चैट आर्काइव करें",
+    planSection: "योजना",
+    newPlan: "नई योजना",
+    signInCreatePlan: "योजना बनाने के लिए साइन इन करें",
+    signInToCreate: "बनाने के लिए साइन इन करें",
+    signInKeepPlans: "योजनाएं बनाने और रखने के लिए साइन इन करें।",
+    noPlans: "अभी कोई योजना नहीं है।",
+    recapBadge: "रीकैप",
+    viewAllPlans: "सभी योजनाएं देखें...",
+    brandingSentLocal: "ब्रांडिंग अनुरोध स्थानीय कोड एजेंट को भेजा गया",
+    brandingSent: "ब्रांडिंग अनुरोध कोड एजेंट को भेजा गया",
+    customizePlanBranding: "Plan ब्रांडिंग कस्टमाइज़ करें",
+    customizeBranding: "ब्रांडिंग कस्टमाइज़ करें",
+    customizeBrandingDescription:
+      "Plan में लागू करने के लिए ब्रांड बदलावों का वर्णन करें।",
+    customizeBrandingPlaceholder:
+      "हमारा लोगो उपयोग करें, ऐप का नाम बदलें, रंग अपडेट करें...",
+    expandSidebar: "साइडबार फैलाएं",
+    collapseSidebar: "साइडबार समेटें",
+    signIn: "साइन इन करें",
+  },
+};
+
+export default messages;

package/corpus/templates/plan/app/i18n/index.ts

@@ -0,0 +1,31 @@
+import enUS from "./en-US";
+import type { AgentNativeI18nCatalog } from "@agent-native/core/client";
+
+export const i18nCatalog = {
+  sourceLocale: "en-US",
+  messages: enUS,
+  loadMessages: async (locale) => {
+    switch (locale) {
+      case "zh-CN":
+        return (await import("./zh-CN")).default;
+      case "es-ES":
+        return (await import("./es-ES")).default;
+      case "fr-FR":
+        return (await import("./fr-FR")).default;
+      case "de-DE":
+        return (await import("./de-DE")).default;
+      case "ja-JP":
+        return (await import("./ja-JP")).default;
+      case "ko-KR":
+        return (await import("./ko-KR")).default;
+      case "pt-BR":
+        return (await import("./pt-BR")).default;
+      case "hi-IN":
+        return (await import("./hi-IN")).default;
+      case "ar-SA":
+        return (await import("./ar-SA")).default;
+      default:
+        return null;
+    }
+  },
+} satisfies AgentNativeI18nCatalog;

package/corpus/templates/plan/app/i18n/ja-JP.ts

@@ -0,0 +1,79 @@
+const messages = {
+  root: {
+    commandActions: "アクション",
+    askPlan: "Plan に質問",
+    openPlans: "計画を開く",
+    openRecaps: "要約を開く",
+    commandAppearance: "外観",
+    toggleTheme: "テーマを切り替え",
+  },
+  header: {
+    plan: "Plan",
+    settings: "設定",
+    team: "チーム",
+    extensions: "拡張機能",
+  },
+  navigation: {
+    settings: "設定",
+    ask: "質問",
+    plan: "計画",
+  },
+  settings: {
+    title: "設定",
+    description: "このアプリの言語とワークスペース設定。",
+    languageTitle: "言語",
+    languageDescription:
+      "インターフェース言語を選択します。この設定はアカウントに保存されます。",
+    languageLabel: "インターフェース言語",
+    workspaceTitle: "ワークスペース",
+    workspaceDescription:
+      "チームメンバー、組織アクセス、共有ワークスペース設定を管理します。",
+    openTeamSettings: "チーム設定を開く",
+    openResourceSettings: "リソース設定を開く",
+    agentTitle: "エージェント設定",
+    agentDescription:
+      "右サイドバーのエージェント設定を開き、モデル、API キー、自動化、音声などを管理します。",
+    openAgentSettings: "エージェント設定を開く",
+  },
+  agent: {
+    emptyState:
+      "Plan エージェントに、マージ済み PR の要約検索、このドキュメントの確認、図の追加、コード質問へのビジュアルプランでの回答を依頼できます。",
+    suggestionShipped: "先週リリースされた内容は？",
+    suggestionUi: "この UI はどのように見えますか？",
+    suggestionApi: "この API の形は？",
+  },
+  sidebar: {
+    openNavigation: "ナビゲーションを開く",
+    navigation: "ナビゲーション",
+    navigationDescription: "アプリのナビゲーションリンク",
+    chats: "チャット",
+    newPlanChat: "新しい Plan チャット",
+    newChat: "新しいチャット",
+    renameChat: "チャット名を変更",
+    unpinChat: "チャットの固定を解除",
+    pinChat: "チャットを固定",
+    archiveChat: "チャットをアーカイブ",
+    planSection: "計画",
+    newPlan: "新しい計画",
+    signInCreatePlan: "計画を作成するにはサインイン",
+    signInToCreate: "作成するにはサインイン",
+    signInKeepPlans: "サインインすると計画を作成して保存できます。",
+    noPlans: "まだ計画はありません。",
+    recapBadge: "要約",
+    viewAllPlans: "すべての計画を表示...",
+    brandingSentLocal:
+      "ブランド変更リクエストをローカルコードエージェントに送信しました",
+    brandingSent: "ブランド変更リクエストをコードエージェントに送信しました",
+    customizePlanBranding: "Plan のブランドをカスタマイズ",
+    customizeBranding: "ブランドをカスタマイズ",
+    customizeBrandingDescription:
+      "Plan 全体に反映するブランド変更を説明します。",
+    customizeBrandingPlaceholder:
+      "ロゴを使う、アプリ名を変える、色を更新する...",
+    expandSidebar: "サイドバーを展開",
+    collapseSidebar: "サイドバーを折りたたむ",
+    signIn: "サインイン",
+  },
+};
+
+export default messages;

package/corpus/templates/plan/app/i18n/ko-KR.ts

@@ -0,0 +1,77 @@
+const messages = {
+  root: {
+    commandActions: "작업",
+    askPlan: "Plan에 질문",
+    openPlans: "계획 열기",
+    openRecaps: "요약 열기",
+    commandAppearance: "모양",
+    toggleTheme: "테마 전환",
+  },
+  header: {
+    plan: "Plan",
+    settings: "설정",
+    team: "팀",
+    extensions: "확장",
+  },
+  navigation: {
+    settings: "설정",
+    ask: "질문",
+    plan: "계획",
+  },
+  settings: {
+    title: "설정",
+    description: "이 앱의 언어 및 워크스페이스 환경설정입니다.",
+    languageTitle: "언어",
+    languageDescription:
+      "인터페이스 언어를 선택하세요. 이 기본 설정은 계정에 저장됩니다.",
+    languageLabel: "인터페이스 언어",
+    workspaceTitle: "워크스페이스",
+    workspaceDescription:
+      "팀원, 조직 접근 권한, 공유 워크스페이스 환경설정을 관리합니다.",
+    openTeamSettings: "팀 설정 열기",
+    openResourceSettings: "리소스 설정 열기",
+    agentTitle: "에이전트 설정",
+    agentDescription:
+      "오른쪽 사이드바의 에이전트 설정을 열어 모델, API 키, 자동화, 음성 및 기타 제어를 관리합니다.",
+    openAgentSettings: "에이전트 설정 열기",
+  },
+  agent: {
+    emptyState:
+      "Plan 에이전트에게 병합된 PR 요약 검색, 문서 검토, 다이어그램 추가, 코드 질문에 대한 시각적 계획 답변을 요청하세요.",
+    suggestionShipped: "지난주에 무엇이 출시되었나요?",
+    suggestionUi: "이 UI는 어떻게 보이나요?",
+    suggestionApi: "이 API의 구조는 무엇인가요?",
+  },
+  sidebar: {
+    openNavigation: "탐색 열기",
+    navigation: "탐색",
+    navigationDescription: "앱 탐색 링크",
+    chats: "채팅",
+    newPlanChat: "새 Plan 채팅",
+    newChat: "새 채팅",
+    renameChat: "채팅 이름 변경",
+    unpinChat: "채팅 고정 해제",
+    pinChat: "채팅 고정",
+    archiveChat: "채팅 보관",
+    planSection: "계획",
+    newPlan: "새 계획",
+    signInCreatePlan: "계획을 만들려면 로그인",
+    signInToCreate: "만들려면 로그인",
+    signInKeepPlans: "로그인하면 계획을 만들고 보관할 수 있습니다.",
+    noPlans: "아직 계획이 없습니다.",
+    recapBadge: "요약",
+    viewAllPlans: "모든 계획 보기...",
+    brandingSentLocal: "브랜딩 요청을 로컬 코드 에이전트에 보냈습니다",
+    brandingSent: "브랜딩 요청을 코드 에이전트에 보냈습니다",
+    customizePlanBranding: "Plan 브랜딩 사용자 지정",
+    customizeBranding: "브랜딩 사용자 지정",
+    customizeBrandingDescription:
+      "Plan 전체에 적용할 브랜드 변경을 설명하세요.",
+    customizeBrandingPlaceholder: "로고 사용, 앱 이름 변경, 색상 업데이트...",
+    expandSidebar: "사이드바 펼치기",
+    collapseSidebar: "사이드바 접기",
+    signIn: "로그인",
+  },
+};
+
+export default messages;

package/corpus/templates/plan/app/i18n/pt-BR.ts

@@ -0,0 +1,78 @@
+const messages = {
+  root: {
+    commandActions: "Ações",
+    askPlan: "Perguntar ao Plan",
+    openPlans: "Abrir planos",
+    openRecaps: "Abrir recaps",
+    commandAppearance: "Aparência",
+    toggleTheme: "Alternar tema",
+  },
+  header: {
+    plan: "Plan",
+    settings: "Configurações",
+    team: "Equipe",
+    extensions: "Extensões",
+  },
+  navigation: {
+    settings: "Configurações",
+    ask: "Perguntar",
+    plan: "Plan",
+  },
+  settings: {
+    title: "Configurações",
+    description: "Preferências de idioma e espaço de trabalho deste app.",
+    languageTitle: "Idioma",
+    languageDescription:
+      "Escolha o idioma da interface. Essa preferência é salva na sua conta.",
+    languageLabel: "Idioma da interface",
+    workspaceTitle: "Espaço de trabalho",
+    workspaceDescription:
+      "Gerencie membros da equipe, acesso da organização e preferências compartilhadas.",
+    openTeamSettings: "Abrir configurações da equipe",
+    openResourceSettings: "Abrir configurações de recursos",
+    agentTitle: "Configurações do agente",
+    agentDescription:
+      "Abra as configurações do agente na barra lateral para modelos, chaves de API, automações, voz e outros controles.",
+    openAgentSettings: "Abrir configurações do agente",
+  },
+  agent: {
+    emptyState:
+      "Peça ao agente do Plan para buscar recaps de PRs mesclados, inspecionar este documento, adicionar diagramas ou responder perguntas de código como planos visuais.",
+    suggestionShipped: "O que foi lançado na última semana?",
+    suggestionUi: "Como esta interface aparece?",
+    suggestionApi: "Qual é a estrutura desta API?",
+  },
+  sidebar: {
+    openNavigation: "Abrir navegação",
+    navigation: "Navegação",
+    navigationDescription: "Links de navegação do app",
+    chats: "Chats",
+    newPlanChat: "Novo chat do Plan",
+    newChat: "Novo chat",
+    renameChat: "Renomear chat",
+    unpinChat: "Desafixar chat",
+    pinChat: "Fixar chat",
+    archiveChat: "Arquivar chat",
+    planSection: "Plan",
+    newPlan: "Novo plano",
+    signInCreatePlan: "Entre para criar um plano",
+    signInToCreate: "Entre para criar",
+    signInKeepPlans: "Entre para criar e manter planos.",
+    noPlans: "Ainda não há planos.",
+    recapBadge: "Recap",
+    viewAllPlans: "Ver todos os planos...",
+    brandingSentLocal: "Solicitação de marca enviada ao agente de código local",
+    brandingSent: "Solicitação de marca enviada ao agente de código",
+    customizePlanBranding: "Personalizar a marca do Plan",
+    customizeBranding: "Personalizar marca",
+    customizeBrandingDescription:
+      "Descreva as mudanças de marca para aplicar no Plan.",
+    customizeBrandingPlaceholder:
+      "Use nosso logo, altere o nome do app, atualize as cores...",
+    expandSidebar: "Expandir barra lateral",
+    collapseSidebar: "Recolher barra lateral",
+    signIn: "Entrar",
+  },
+};
+
+export default messages;

package/corpus/templates/plan/app/i18n/zh-CN.ts

@@ -0,0 +1,74 @@
+const messages = {
+  root: {
+    commandActions: "操作",
+    askPlan: "询问 Plan",
+    openPlans: "打开计划",
+    openRecaps: "打开回顾",
+    commandAppearance: "外观",
+    toggleTheme: "切换主题",
+  },
+  header: {
+    plan: "Plan",
+    settings: "设置",
+    team: "团队",
+    extensions: "扩展",
+  },
+  navigation: {
+    settings: "设置",
+    ask: "询问",
+    plan: "计划",
+  },
+  settings: {
+    title: "设置",
+    description: "此应用的语言和工作区偏好设置。",
+    languageTitle: "语言",
+    languageDescription: "选择界面语言。此偏好会保存到你的账户。",
+    languageLabel: "界面语言",
+    workspaceTitle: "工作区",
+    workspaceDescription: "管理团队成员、组织访问权限和共享工作区偏好。",
+    openTeamSettings: "打开团队设置",
+    openResourceSettings: "打开资源设置",
+    agentTitle: "代理设置",
+    agentDescription:
+      "打开代理侧边栏设置，管理模型、API 密钥、自动化、语音和其他代理控制项。",
+    openAgentSettings: "打开代理设置",
+  },
+  agent: {
+    emptyState:
+      "让 Plan 代理搜索已合并的 PR 回顾、检查此文档、添加图表，或以可视化计划回答代码问题。",
+    suggestionShipped: "上周发布了什么？",
+    suggestionUi: "这个界面现在是什么样？",
+    suggestionApi: "这个 API 的结构是什么？",
+  },
+  sidebar: {
+    openNavigation: "打开导航",
+    navigation: "导航",
+    navigationDescription: "应用导航链接",
+    chats: "聊天",
+    newPlanChat: "新建 Plan 聊天",
+    newChat: "新建聊天",
+    renameChat: "重命名聊天",
+    unpinChat: "取消置顶聊天",
+    pinChat: "置顶聊天",
+    archiveChat: "归档聊天",
+    planSection: "计划",
+    newPlan: "新建计划",
+    signInCreatePlan: "登录以创建计划",
+    signInToCreate: "登录以创建",
+    signInKeepPlans: "登录即可创建并保留计划。",
+    noPlans: "还没有计划。",
+    recapBadge: "回顾",
+    viewAllPlans: "查看所有计划...",
+    brandingSentLocal: "已将品牌请求发送给本地代码代理",
+    brandingSent: "已将品牌请求发送给代码代理",
+    customizePlanBranding: "自定义 Plan 品牌",
+    customizeBranding: "自定义品牌",
+    customizeBrandingDescription: "描述要在 Plan 中应用的品牌更改。",
+    customizeBrandingPlaceholder: "使用我们的徽标、更改应用名称、更新颜色...",
+    expandSidebar: "展开侧边栏",
+    collapseSidebar: "折叠侧边栏",
+    signIn: "登录",
+  },
+};
+
+export default messages;

package/corpus/templates/plan/app/root.tsx

@@ -15,10 +15,12 @@ import {
   CommandMenu,
   appPath,
   createAgentNativeQueryClient,
+  getLocaleInitScript,
   getThemeInitScript,
   markAgentChatHomeHandoff,
   navigateWithAgentChatViewTransition,
   useCommandMenuShortcut,
+  useT,
 } from "@agent-native/core/client";
 import { IconSun, IconMoon } from "@tabler/icons-react";
 import { useTheme } from "next-themes";
@@ -33,6 +35,7 @@ import "@/lib/register-chat-renderers";
 import type { LinksFunction } from "react-router";
 import stylesheet from "./global.css?url";
 import { configureTracking } from "@agent-native/core/client";
+import { i18nCatalog } from "./i18n";
 configureTracking({
   getDefaultProps: (_name, properties) => ({
     ...properties,
@@ -44,11 +47,35 @@ export const links: LinksFunction = () => [
   { rel: "stylesheet", href: stylesheet },
 ];
 
-const THEME_INIT_SCRIPT = getThemeInitScript();
+const THEME_INIT_SCRIPT_SELECTOR = "script[data-agent-native-theme-init]";
+const LOCALE_INIT_SCRIPT_SELECTOR = "script[data-agent-native-locale-init]";
+
+function getHydrationStableThemeInitScript() {
+  if (typeof document !== "undefined") {
+    const existing = document.querySelector<HTMLScriptElement>(
+      THEME_INIT_SCRIPT_SELECTOR,
+    );
+    if (existing?.innerHTML) return existing.innerHTML;
+  }
+  return getThemeInitScript();
+}
+
+function getHydrationStableLocaleInitScript() {
+  if (typeof document !== "undefined") {
+    const existing = document.querySelector<HTMLScriptElement>(
+      LOCALE_INIT_SCRIPT_SELECTOR,
+    );
+    if (existing?.innerHTML) return existing.innerHTML;
+  }
+  return getLocaleInitScript();
+}
+
+const THEME_INIT_SCRIPT = getHydrationStableThemeInitScript();
+const LOCALE_INIT_SCRIPT = getHydrationStableLocaleInitScript();
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en-US" dir="ltr" data-locale="en-US" suppressHydrationWarning>
       <head>
         <meta charSet="utf-8" />
         <meta
@@ -56,9 +83,15 @@ export function Layout({ children }: { children: React.ReactNode }) {
           content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
         />
         <script
+          data-agent-native-theme-init
           suppressHydrationWarning
           dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }}
         />
+        <script
+          data-agent-native-locale-init
+          suppressHydrationWarning
+          dangerouslySetInnerHTML={{ __html: LOCALE_INIT_SCRIPT }}
+        />
         <link rel="manifest" href={appPath("/manifest.json")} />
         <meta name="theme-color" content="#71717A" />
         <meta name="mobile-web-app-capable" content="yes" />
@@ -96,6 +129,7 @@ function AppContent() {
   const navigate = useNavigate();
   const { resolvedTheme, setTheme } = useTheme();
   const isDark = resolvedTheme === "dark";
+  const t = useT();
   useCommandMenuShortcut(useCallback(() => setCmdkOpen(true), []));
   const go = useCallback(
     (path: string) => {
@@ -113,22 +147,24 @@ function AppContent() {
         changelog={changelog}
         changelogKey="plan"
       >
-        <CommandMenu.Group heading="Actions">
-          <CommandMenu.Item onSelect={() => go("/")}>Ask Plan</CommandMenu.Item>
+        <CommandMenu.Group heading={t("root.commandActions")}>
+          <CommandMenu.Item onSelect={() => go("/")}>
+            {t("root.askPlan")}
+          </CommandMenu.Item>
           <CommandMenu.Item onSelect={() => go("/plans")}>
-            Open plans
+            {t("root.openPlans")}
           </CommandMenu.Item>
           <CommandMenu.Item onSelect={() => go("/recaps")}>
-            Open recaps
+            {t("root.openRecaps")}
           </CommandMenu.Item>
         </CommandMenu.Group>
-        <CommandMenu.Group heading="Appearance">
+        <CommandMenu.Group heading={t("root.commandAppearance")}>
           <CommandMenu.Item
             onSelect={() => setTheme(isDark ? "light" : "dark")}
             keywords={["theme", "dark", "light", "mode"]}
           >
             {isDark ? <IconSun size={16} /> : <IconMoon size={16} />}
-            Toggle {isDark ? "light" : "dark"} mode
+            {t("root.toggleTheme")}
           </CommandMenu.Item>
         </CommandMenu.Group>
       </CommandMenu>
@@ -148,6 +184,7 @@ export default function Root() {
     <AppProviders
       queryClient={queryClient}
       toaster={<Toaster richColors position="bottom-left" />}
+      i18n={{ catalog: i18nCatalog }}
     >
       <DbSyncSetup />
       <AppContent />

package/corpus/templates/plan/app/routes/settings.tsx

@@ -0,0 +1,86 @@
+import { Link } from "react-router";
+import {
+  ChangelogSettingsCard,
+  LanguagePicker,
+  openAgentSettings,
+  useT,
+} from "@agent-native/core/client";
+import { useSetPageTitle } from "@/components/layout/HeaderActions";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Label } from "@/components/ui/label";
+import { APP_TITLE } from "@/lib/app-config";
+import changelog from "../../CHANGELOG.md?raw";
+
+export function meta() {
+  return [{ title: `Settings - ${APP_TITLE}` }];
+}
+
+export default function SettingsRoute() {
+  const t = useT();
+  useSetPageTitle(t("settings.title"));
+
+  return (
+    <main className="mx-auto w-full max-w-3xl space-y-6 px-4 py-6 sm:px-6 sm:py-10">
+      <div className="space-y-1">
+        <h1 className="text-2xl font-semibold tracking-tight">
+          {t("settings.title")}
+        </h1>
+        <p className="text-sm leading-6 text-muted-foreground">
+          {t("settings.description")}
+        </p>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">
+            {t("settings.languageTitle")}
+          </CardTitle>
+          <CardDescription>{t("settings.languageDescription")}</CardDescription>
+        </CardHeader>
+        <CardContent className="max-w-xs space-y-1.5">
+          <Label>{t("settings.languageLabel")}</Label>
+          <LanguagePicker label={t("settings.languageLabel")} />
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">
+            {t("settings.workspaceTitle")}
+          </CardTitle>
+          <CardDescription>
+            {t("settings.workspaceDescription")}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button variant="outline" asChild>
+            <Link to="/team">{t("settings.openTeamSettings")}</Link>
+          </Button>
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-base">
+            {t("settings.agentTitle")}
+          </CardTitle>
+          <CardDescription>{t("settings.agentDescription")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button variant="outline" onClick={() => openAgentSettings()}>
+            {t("settings.openAgentSettings")}
+          </Button>
+        </CardContent>
+      </Card>
+
+      <ChangelogSettingsCard markdown={changelog} />
+    </main>
+  );
+}

package/corpus/templates/plan/changelog/2026-06-24-a-new-settings-page-gives-quick-access-to-language-workspace.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-24
+---
+
+A new Settings page gives quick access to language, workspace, and agent preferences.

package/corpus/templates/plan/changelog/2026-06-24-added-a-language-picker-and-localized-app-chrome-for-support.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-24
+---
+
+Added a language picker and localized app chrome for supported languages.

package/corpus/templates/slides/.agents/skills/self-modifying-code/SKILL.md

@@ -66,6 +66,11 @@ el.dataset.selectedId = selectedItem?.id || "";
 
 **Use configuration-driven rendering** — Extract visual decisions (colors, layouts, sizes) into JSON config files in `data/`. The agent can modify the config (Tier 1) instead of the component source (Tier 2).
 
+**Keep localized copy in catalogs** — When editing visible UI copy, labels,
+toasts, empty states, prompts, or formatting, read `internationalization` and
+update `app/i18n/en-US.ts` plus existing locale catalogs instead of leaving new
+inline strings in components.
+
 ## Don't
 
 - Don't modify `.env` files or files containing secrets
@@ -80,3 +85,4 @@ el.dataset.selectedId = selectedItem?.id || "";
 - **actions** — The agent can create or modify actions to add new capabilities
 - **delegate-to-agent** — Self-modification requests come through the agent chat
 - **real-time-sync** — Database writes trigger change events to update the UI
+- **internationalization** — UI copy, language catalogs, locale switching, and RTL-safe edits