Merge pull request #6835 from gaord/docs/web-gui-frontend

docs(web): add the community VS Code GUI to where you can use Codewhale

web/app/[locale]/faq/page.tsx

@@ -71,6 +71,15 @@ brew install Hmbown/deepseek-tui/codewhale
     ),
     sources: ["README.md", "docs/INSTALL.md", "#1860", "#1914"],
   },
+  {
+    q: "Can I use Codewhale from VS Code?",
+    a: (
+      <>
+        Yes. CodeWhale GUI (VS Code) is the community-maintained graphical frontend for the same engine: agent chat, threads, and file changes in a VS Code sidebar, over the local Runtime you already run. Install it from the <a href="https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode" className="body-link">VS Code Marketplace</a>; the source is on <a href="https://github.com/HengQuWorld/CodeWhale-VSCode" className="body-link">GitHub</a>.
+      </>
+    ),
+    sources: ["README.md"],
+  },
   {
     q: "What's the difference between codewhale and codewhale-tui?",
     a: (
@@ -437,6 +446,15 @@ brew install Hmbown/deepseek-tui/codewhale
     ),
     sources: ["README.md", "docs/INSTALL.md", "#1860", "#1914"],
   },
+  {
+    q: "可以在 VS Code 中使用 Codewhale 吗？",
+    a: (
+      <>
+        可以。CodeWhale GUI（VS Code）是社区维护的图形前端，运行同一个引擎：在 VS Code 侧边栏中对话、管理线程并查看文件变更，连接你本机已在运行的 Runtime。可从 <a href="https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode" className="body-link">VS Code Marketplace</a> 安装；源码见 <a href="https://github.com/HengQuWorld/CodeWhale-VSCode" className="body-link">GitHub</a>。
+      </>
+    ),
+    sources: ["README.md"],
+  },
   {
     q: "codewhale 和 codewhale-tui 有什么区别？",
     a: (

web/app/[locale]/page.tsx

@@ -30,8 +30,9 @@ export const revalidate = 300;
 // Row order is shared by every locale's `gain` and `availability` lists, so
 // the marks and states follow the row, not a word.
 const GAIN_ICONS: IconName[] = ["terminal", "repeat", "shield"];
-// Released · development preview · development build · in development.
-const AVAILABILITY_TONES: StatusTone[] = ["ready", "attention", "idle", "idle"];
+// Released · GUI available · development preview · development build · in
+// development.
+const AVAILABILITY_TONES: StatusTone[] = ["ready", "ready", "attention", "idle", "idle"];
 
 /**
  * The whale-road homepage: the promise and the install plate in the sky over
@@ -274,9 +275,9 @@ export default async function HomePage({ params }: { params: Promise<{ locale: s
             }
           >
             <dl className="ruled-list">
-              {d.availability.map(([surface, status, detail], index) => (
+              {d.availability.map(([surface, status, detail, href], index) => (
                 <div key={surface}>
-                  <dt>{surface}</dt>
+                  <dt>{href ? <a href={href} className="body-link">{surface}</a> : surface}</dt>
                   <dd>
                     <Status tone={AVAILABILITY_TONES[index] ?? "idle"}>{status}</Status>
                     {detail}

web/app/[locale]/product/page.tsx

@@ -22,9 +22,10 @@ export async function generateMetadata({ params }: { params: Promise<{ locale: s
 // Row order is fixed by PRODUCT_COPY and the home dictionary, so marks and
 // states follow the row, not a translated word.
 const GAIN_ICONS: IconName[] = ["layers", "users", "shield"];
-// Terminal released · local browser ships with it · hosted web preview ·
-// desktop development build · cloud computers in development.
-const AVAILABILITY_TONES: StatusTone[] = ["ready", "ready", "attention", "idle", "idle"];
+// Terminal released · local browser ships with it · CodeWhale GUI
+// available · hosted web preview · desktop development build · cloud
+// computers in development.
+const AVAILABILITY_TONES: StatusTone[] = ["ready", "ready", "ready", "attention", "idle", "idle"];
 
 /**
  * /product — what Codewhale is and what a person gains, with availability
@@ -145,9 +146,20 @@ export default async function ProductPage({ params }: { params: Promise<{ locale
                   {row.href && row.linkLabel && (
                     <>
                       {" "}
-                      <Link href={`/${locale}${row.href}`} className="link">
-                        {t(row.linkLabel)}
-                      </Link>
+                      {row.href.startsWith("http") ? (
+                        <a
+                          href={row.href}
+                          className="link"
+                          target="_blank"
+                          rel="noopener noreferrer"
+                        >
+                          {t(row.linkLabel)}
+                        </a>
+                      ) : (
+                        <Link href={`/${locale}${row.href}`} className="link">
+                          {t(row.linkLabel)}
+                        </Link>
+                      )}
                     </>
                   )}
                 </dd>

web/app/[locale]/runtime/page.tsx

@@ -63,6 +63,15 @@ const INTEGRATIONS: Integration[] = [
     },
     href: "https://github.com/Hmbown/CodeWhale/tree/main/extensions/vscode",
   },
+  {
+    name: "CodeWhale GUI (VS Code)",
+    icon: "monitor",
+    desc: {
+      en: "The community-maintained graphical frontend, in a separate repository: chat, threads, live file changes, and task tracking in a VS Code sidebar over this Runtime API. Install it from the VS Code Marketplace; the source is on GitHub.",
+      zh: "社区维护的图形前端，位于独立仓库：在 VS Code 侧边栏中基于此 Runtime API 进行对话、管理线程、查看实时文件变更与任务进度。可从 VS Code Marketplace 安装；源码见 GitHub。",
+    },
+    href: "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode",
+  },
   {
     name: "Telegram Bridge",
     icon: "message",

web/gt-catalog/en.json

@@ -104,13 +104,19 @@
     "startVocabularyLink": "Look up a term",
     "chapterAvailability": "Where it runs",
     "availabilityHeading": "Where you can use Codewhale",
-    "availabilityLede": "The terminal and local browser client are available now. Desktop and hosted web apps are being developed around the same session model; their availability is listed separately below.",
+    "availabilityLede": "The terminal, the local browser client, and the community CodeWhale GUI are available now. Desktop and hosted web apps are being developed around the same session model; their availability is listed separately below.",
     "availability": [
       [
         "Terminal and local browser",
         "Released",
         "Install on Linux, macOS, or Windows. Run codewhale in your terminal, or codewhale web for the local browser client. npm and Cargo are alternatives; Android on Termux is a preview."
       ],
+      [
+        "CodeWhale GUI (VS Code)",
+        "Available",
+        "The community-maintained graphical frontend, a separate project: chat, threads, and file changes in a VS Code sidebar over the same Codewhale Runtime. Install it from the VS Code Marketplace.",
+        "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+      ],
       [
         "Hosted web app",
         "Development preview",
@@ -127,7 +133,7 @@
         "Hosted computers for running your tasks."
       ]
     ],
-    "availabilityNote": "The terminal and local browser do not require a Codewhale account. An account is used for hosted web and desktop access; it does not replace your model connection. Hosted model usage with your own key is billed by that provider.",
+    "availabilityNote": "The terminal, local browser, and GUI do not require a Codewhale account. An account is used for hosted web and desktop access; it does not replace your model connection. Hosted model usage with your own key is billed by that provider.",
     "accountLink": "Create an account",
     "surfacesHeading": "Tools, connected apps, and saved work",
     "surfaces": [

web/gt-catalog/zh.json

@@ -104,13 +104,19 @@
     "startVocabularyLink": "查名词",
     "chapterAvailability": "在哪里运行",
     "availabilityHeading": "你可以在哪里使用 Codewhale",
-    "availabilityLede": "终端与本地浏览器客户端现已可用。桌面和托管网页应用正基于同一会话模型开发；各端的开放状态分别列在下方。",
+    "availabilityLede": "终端、本地浏览器客户端与社区维护的 CodeWhale GUI 现已可用。桌面和托管网页应用正基于同一会话模型开发；各端的开放状态分别列在下方。",
     "availability": [
       [
         "终端与本地浏览器",
         "已发布",
         "支持 Linux、macOS 和 Windows。运行 codewhale 使用终端，或运行 codewhale web 打开本地浏览器客户端。也可通过 npm 或 Cargo 安装；Android 上的 Termux 版本为预览版。"
       ],
+      [
+        "CodeWhale GUI（VS Code）",
+        "可用",
+        "社区维护的图形前端，独立项目：在 VS Code 侧边栏中连接同一个 Codewhale Runtime，进行对话、管理线程并查看文件变更。可从 VS Code Marketplace 安装。",
+        "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+      ],
       [
         "托管网页应用",
         "开发预览",
@@ -127,7 +133,7 @@
         "用于运行任务的托管计算机。"
       ]
     ],
-    "availabilityNote": "终端和本地浏览器不需要 Codewhale 账户。账户用于托管网页和桌面端访问，不能代替模型连接。使用自己的密钥调用云端模型时，费用由该提供商收取。",
+    "availabilityNote": "终端、本地浏览器和 GUI 不需要 Codewhale 账户。账户用于托管网页和桌面端访问，不能代替模型连接。使用自己的密钥调用云端模型时，费用由该提供商收取。",
     "accountLink": "创建账户",
     "surfacesHeading": "工具、应用连接与保存的工作",
     "surfaces": [

web/lib/content/product.ts

@@ -2,8 +2,11 @@
  * product.ts — the copy for /product, the "what is this and what do I get"
  * page behind the primary nav's first link.
  *
- * TRUTH CONTRACT: availability is stated per surface as it is today and
- * mirrors the homepage's availability chapter and docs/public-surface-facts.json.
+ * TRUTH CONTRACT: availability is stated per surface as it is today. The
+ * terminal, browser, hosted web, desktop, and cloud rows mirror the homepage's
+ * availability chapter and docs/public-surface-facts.json; the GUI row states
+ * the community graphical frontend — a separate project from this repository's
+ * own VS Code extension — exactly as README.md links it.
  * Nothing here claims cloud execution; the web app is described as account
  * sign-in plus a development preview; desktop is a development build.
  * Counts (providers, tools, sandbox backends) come from the facts layer at
@@ -21,7 +24,7 @@ export interface ProductAvailabilityRow {
   surface: LocalizedText;
   status: LocalizedText;
   detail: LocalizedText;
-  /** Locale-relative route with the full story, or null. */
+  /** Locale-relative route with the full story, an absolute external URL, or null. */
   href: string | null;
   linkLabel: LocalizedText | null;
 }
@@ -39,8 +42,8 @@ export const PRODUCT_COPY = {
     zh: "用你选择的模型，创造与自动化。",
   },
   lede: {
-    en: "Codewhale is an open-source agent that can read a project, edit files, run commands, and use connected tools. Direct the work from your terminal or local browser, choose the model, and keep the conversation and tool results in a saved session.",
-    zh: "Codewhale 是一个开源智能体，能够读取项目、编辑文件、运行命令并使用连接的工具。在终端或本地浏览器中指挥任务，选择模型，并将对话和工具结果保存在会话中。",
+    en: "Codewhale is an open-source agent that can read a project, edit files, run commands, and use connected tools. Direct the work from your terminal, the local browser, or the CodeWhale GUI in VS Code, choose the model, and keep the conversation and tool results in a saved session.",
+    zh: "Codewhale 是一个开源智能体，能够读取项目、编辑文件、运行命令并使用连接的工具。在终端、本地浏览器或 VS Code 中的 CodeWhale GUI 里指挥任务，选择模型，并将对话和工具结果保存在会话中。",
   },
 
   gainHeading: { en: "Models, teamwork, and control", zh: "模型、协作与控制" },
@@ -70,8 +73,8 @@ export const PRODUCT_COPY = {
 
   availabilityHeading: { en: "Where to use Codewhale", zh: "在哪里使用 Codewhale" },
   availabilityLede: {
-    en: "The terminal and local browser client are available now. Desktop and hosted web apps are being developed around the same session model; their availability is separate. The terminal and local browser work without a Codewhale account. Hosted web and desktop access use an account, while the model connection remains your choice.",
-    zh: "终端与本地浏览器客户端现已可用，无需 Codewhale 账户。桌面和托管网页应用正基于同一会话模型开发，开放状态分别说明；访问这些应用需要账户，模型连接仍由你选择。",
+    en: "The terminal, the local browser client, and the community CodeWhale GUI are available now. Desktop and hosted web apps are being developed around the same session model; their availability is separate. The terminal, local browser, and GUI work without a Codewhale account. Hosted web and desktop access use an account, while the model connection remains your choice.",
+    zh: "终端、本地浏览器客户端与社区维护的 CodeWhale GUI 现已可用，无需 Codewhale 账户。桌面和托管网页应用正基于同一会话模型开发，开放状态分别说明；访问这些应用需要账户，模型连接仍由你选择。",
   },
   availability: [
     {
@@ -94,6 +97,16 @@ export const PRODUCT_COPY = {
       href: "/docs/web",
       linkLabel: { en: "Local browser guide", zh: "本地浏览器指南" },
     },
+    {
+      surface: { en: "CodeWhale GUI (VS Code)", zh: "CodeWhale GUI（VS Code）" },
+      status: { en: "Available", zh: "可用" },
+      detail: {
+        en: "A separate community project: the graphical frontend for the same engine, with chat, threads, and file changes in a VS Code sidebar over the local Runtime. Install it from the VS Code Marketplace; the source is on GitHub.",
+        zh: "独立的社区项目：同一引擎的图形前端，在 VS Code 侧边栏中进行对话、管理线程并查看文件变更，连接本地 Runtime。可从 VS Code Marketplace 安装；源码见 GitHub。",
+      },
+      href: "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode",
+      linkLabel: { en: "VS Code Marketplace", zh: "VS Code Marketplace" },
+    },
     {
       surface: { en: "Hosted web app", zh: "托管网页应用" },
       status: { en: "Development preview", zh: "开发预览" },

web/lib/faq-schema.test.ts

@@ -58,10 +58,10 @@ describe("FAQPage structured data", () => {
     });
   });
 
-  it("covers all 40 curated pairs from the FAQ page arrays", () => {
+  it("covers all 42 curated pairs from the FAQ page arrays", () => {
     const questions = [...faqPage.matchAll(/^\s+q: "(.+)"/gm)].map((match) => match[1]);
-    expect(questions).toHaveLength(40);
-    expect(new Set(questions).size).toBe(40);
+    expect(questions).toHaveLength(42);
+    expect(new Set(questions).size).toBe(42);
     expect(faqPage).toContain("const faqEn");
     expect(faqPage).toContain("const faqZh");
     expect(faqPage).toContain("buildFaqPageJsonLd({");

web/lib/i18n/dictionaries.test.ts

@@ -398,16 +398,25 @@ describe("website dictionaries", () => {
       const home = getHome(locale);
       expect(home.gain, `${locale} gain`).toHaveLength(3);
       expect(home.modelsFacts, `${locale} modelsFacts`).toHaveLength(3);
-      expect(home.availability, `${locale} availability`).toHaveLength(4);
+      expect(home.availability, `${locale} availability`).toHaveLength(5);
       expect(home.surfaces, `${locale} surfaces`).toHaveLength(5);
       for (const row of [...home.gain, ...home.modelsFacts, ...home.availability, ...home.surfaces]) {
         for (const cell of row) {
+          if (cell === undefined) continue;
           expect(cell.length, `${locale} empty cell`).toBeGreaterThan(0);
         }
       }
     }
   });
 
+  it("links the community VS Code GUI to its Marketplace listing in every locale", () => {
+    const marketplace = "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode";
+    for (const locale of ["en", ...DICTIONARY_LOCALES]) {
+      const row = getHome(locale).availability.find(([surface]) => surface.startsWith("CodeWhale GUI"));
+      expect(row?.[3], `${locale} GUI Marketplace link`).toBe(marketplace);
+    }
+  });
+
   it("falls back to the English dictionary for unrouted locales — no missing markers", () => {
     for (const key of Object.keys(EN_CHROME) as (keyof ChromeDict)[]) {
       expect(getChrome("xx")[key]).toBe(EN_CHROME[key]);

web/lib/i18n/dictionaries/ar/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "أين يعمل",
   availabilityHeading: "أين يمكنك استخدام Codewhale",
   availabilityLede:
-    "يمكنك استخدام Codewhale في طرفيتك اليوم، بينما نعمل على تطوير تطبيق الويب وتطبيق سطح المكتب وأجهزة الكمبيوتر السحابية.",
+    "يمكنك استخدام الطرفية والمتصفح المحلي وواجهة CodeWhale GUI التي يصونها المجتمع اليوم، بينما نعمل على تطوير تطبيق الويب وتطبيق سطح المكتب وأجهزة الكمبيوتر السحابية.",
   availability: [
     [
       "الطرفية",
       "تم الإصدار",
       "ملفات إصدار GitHub الثنائية لأنظمة Linux وmacOS وWindows؛ ويمكن استخدام npm وCargo كبديلين. دعم Android عبر Termux ما زال في مرحلة المعاينة."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "متاح",
+      "واجهة رسومية يصونها المجتمع، في مشروع مستقل: محادثة وخيوط وتغييرات الملفات في شريط جانبي داخل VS Code متصلة بـ Runtime نفسه. ثبّتها من VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "تطبيق الويب",
       "معاينة قيد التطوير",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "يمكنك استخدام الطرفية دون حساب Codewhale، ويتولى مزوّدك فوترة أي استخدام للنماذج المستضافة.",
+    "يمكنك استخدام الطرفية وواجهة GUI دون حساب Codewhale، ويتولى مزوّدك فوترة أي استخدام للنماذج المستضافة.",
   accountLink: "أنشئ حسابًا",
   surfacesHeading: "طرق العمل باستخدام Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/ca/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "On funciona",
   availabilityHeading: "On pots fer servir Codewhale",
   availabilityLede:
-    "Ja pots fer servir Codewhale al teu terminal mentre desenvolupem l’aplicació web, l’aplicació d’escriptori i els ordinadors al núvol.",
+    "Ja pots fer servir Codewhale al terminal, al navegador local i amb la interfície CodeWhale GUI mantinguda per la comunitat, mentre desenvolupem l’aplicació web, l’aplicació d’escriptori i els ordinadors al núvol.",
   availability: [
     [
       "Terminal",
       "Publicat",
       "Binaris de les versions publicades a GitHub per a Linux, macOS i Windows; npm i Cargo són alternatives. Android amb Termux és una vista prèvia."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Disponible",
+      "Interfície gràfica mantinguda per la comunitat, en un projecte a part: xat, fils i canvis de fitxers en una barra lateral del VS Code sobre el mateix Runtime. Instal·la-la des del VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Aplicació web",
       "Vista prèvia de desenvolupament",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Pots fer servir el terminal sense un compte de Codewhale, i el teu proveïdor factura qualsevol ús de models allotjats.",
+    "Pots fer servir el terminal i la interfície gràfica sense un compte de Codewhale, i el teu proveïdor factura qualsevol ús de models allotjats.",
   accountLink: "Crear un compte",
   surfacesHeading: "Maneres de treballar amb Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/de/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Wo es läuft",
   availabilityHeading: "Wo du Codewhale nutzen kannst",
   availabilityLede:
-    "Du kannst Codewhale heute schon im Terminal nutzen, während wir an der Web-App, der Desktop-App und den Cloud-Computern arbeiten.",
+    "Du kannst Codewhale heute schon im Terminal, im lokalen Browser und mit der von der Community gepflegten CodeWhale GUI nutzen, während wir an der Web-App, der Desktop-App und den Cloud-Computern arbeiten.",
   availability: [
     [
       "Terminal",
       "Veröffentlicht",
       "Binärdateien aus den GitHub-Releases für Linux, macOS und Windows; npm und Cargo sind Alternativen. Android unter Termux ist eine Vorschau."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Verfügbar",
+      "Grafische Oberfläche aus der Community, in einem eigenen Projekt: Chat, Threads und Dateiänderungen in einer VS Code-Seitenleiste über dieselbe Runtime. Installiere sie über den VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Web-App",
       "Entwicklungsvorschau",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Du kannst das Terminal ohne Codewhale-Konto nutzen, und die Nutzung gehosteter Modelle rechnet dein Anbieter ab.",
+    "Du kannst das Terminal und die GUI ohne Codewhale-Konto nutzen, und die Nutzung gehosteter Modelle rechnet dein Anbieter ab.",
   accountLink: "Konto erstellen",
   surfacesHeading: "Möglichkeiten, mit Codewhale zu arbeiten",
   surfaces: [

web/lib/i18n/dictionaries/en/home.ts

@@ -74,13 +74,19 @@ export const home: HomeDict = {
   chapterAvailability: "Where it runs",
   availabilityHeading: "Where you can use Codewhale",
   availabilityLede:
-    "The terminal and local browser client are available now. Desktop and hosted web apps are being developed around the same session model; their availability is listed separately below.",
+    "The terminal, the local browser client, and the community CodeWhale GUI are available now. Desktop and hosted web apps are being developed around the same session model; their availability is listed separately below.",
   availability: [
     [
       "Terminal and local browser",
       "Released",
       "Install on Linux, macOS, or Windows. Run codewhale in your terminal, or codewhale web for the local browser client. npm and Cargo are alternatives; Android on Termux is a preview.",
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Available",
+      "The community-maintained graphical frontend, a separate project: chat, threads, and file changes in a VS Code sidebar over the same Codewhale Runtime. Install it from the VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode",
+    ],
     [
       "Hosted web app",
       "Development preview",
@@ -98,7 +104,7 @@ export const home: HomeDict = {
     ],
   ],
   availabilityNote:
-    "The terminal and local browser do not require a Codewhale account. An account is used for hosted web and desktop access; it does not replace your model connection. Hosted model usage with your own key is billed by that provider.",
+    "The terminal, local browser, and GUI do not require a Codewhale account. An account is used for hosted web and desktop access; it does not replace your model connection. Hosted model usage with your own key is billed by that provider.",
   accountLink: "Create an account",
 
   surfacesHeading: "Tools, connected apps, and saved work",

web/lib/i18n/dictionaries/es/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Dónde funciona",
   availabilityHeading: "Dónde puedes usar Codewhale",
   availabilityLede:
-    "Ya puedes usar Codewhale en tu terminal mientras desarrollamos la aplicación web, la aplicación de escritorio y las computadoras en la nube.",
+    "Ya puedes usar Codewhale en tu terminal, en el navegador local y con la interfaz gráfica CodeWhale GUI mantenida por la comunidad, mientras desarrollamos la aplicación web, la aplicación de escritorio y las computadoras en la nube.",
   availability: [
     [
       "Terminal",
       "Publicada",
       "Binarios de las versiones publicadas en GitHub para Linux, macOS y Windows; npm y Cargo son alternativas. Android en Termux está en vista previa."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Disponible",
+      "Interfaz gráfica mantenida por la comunidad, en un proyecto aparte: chat, hilos y cambios de archivos en una barra lateral de VS Code sobre el mismo Runtime. Instálala desde el VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Aplicación web",
       "Vista previa de desarrollo",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Puedes usar la terminal sin una cuenta de Codewhale, y tu proveedor factura cualquier uso de modelos alojados.",
+    "Puedes usar la terminal y la interfaz gráfica sin una cuenta de Codewhale, y tu proveedor factura cualquier uso de modelos alojados.",
   accountLink: "Crear una cuenta",
   surfacesHeading: "Formas de trabajar con Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/fr/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Où l’utiliser",
   availabilityHeading: "Où vous pouvez utiliser Codewhale",
   availabilityLede:
-    "Vous pouvez utiliser Codewhale dans votre terminal dès aujourd’hui, pendant que nous développons l’application web, l’application de bureau et les ordinateurs cloud.",
+    "Vous pouvez utiliser Codewhale dans votre terminal, dans votre navigateur local et avec l’interface graphique CodeWhale GUI maintenue par la communauté dès aujourd’hui, pendant que nous développons l’application web, l’application de bureau et les ordinateurs cloud.",
   availability: [
     [
       "Terminal",
       "Publié",
       "Binaires des versions publiées sur GitHub pour Linux, macOS et Windows ; npm et Cargo sont des alternatives. Android sous Termux est disponible en aperçu."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Disponible",
+      "Interface graphique maintenue par la communauté, dans un projet distinct : chat, fils et modifications de fichiers dans une barre latérale VS Code, sur le même Runtime. Installez-la depuis le VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Application web",
       "Aperçu de développement",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Vous pouvez utiliser le terminal sans compte Codewhale, et toute utilisation de modèles hébergés est facturée par votre fournisseur.",
+    "Vous pouvez utiliser le terminal et l’interface graphique sans compte Codewhale, et toute utilisation de modèles hébergés est facturée par votre fournisseur.",
   accountLink: "Créer un compte",
   surfacesHeading: "Différentes façons de travailler avec Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/hi/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "कहाँ चलता है",
   availabilityHeading: "आप Codewhale कहाँ इस्तेमाल कर सकते हैं",
   availabilityLede:
-    "आप आज ही Codewhale को अपने टर्मिनल में इस्तेमाल कर सकते हैं, जबकि हम वेब ऐप, डेस्कटॉप ऐप और क्लाउड कंप्यूटर बनाने पर काम कर रहे हैं।",
+    "आप आज ही Codewhale को अपने टर्मिनल में, लोकल ब्राउज़र में और समुदाय द्वारा अनुरक्षित CodeWhale GUI के साथ इस्तेमाल कर सकते हैं, जबकि हम वेब ऐप, डेस्कटॉप ऐप और क्लाउड कंप्यूटर बनाने पर काम कर रहे हैं।",
   availability: [
     [
       "टर्मिनल",
       "जारी",
       "Linux, macOS और Windows के लिए GitHub रिलीज़ बाइनरी उपलब्ध हैं; npm और Cargo वैकल्पिक तरीके हैं। Termux पर Android अभी प्रीव्यू में है।"
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "उपलब्ध",
+      "समुदाय द्वारा अनुरक्षित ग्राफ़िकल फ़्रंटएंड, एक अलग प्रोजेक्ट: उसी Runtime पर VS Code साइडबार में चैट, थ्रेड और फ़ाइल बदलाव। इसे VS Code Marketplace से इंस्टॉल करें।",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "वेब ऐप",
       "डेवलपमेंट प्रीव्यू",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "आप Codewhale खाते के बिना टर्मिनल इस्तेमाल कर सकते हैं और होस्टेड मॉडल के इस्तेमाल का शुल्क आपका प्रदाता लेता है।",
+    "आप Codewhale खाते के बिना टर्मिनल और GUI इस्तेमाल कर सकते हैं और होस्टेड मॉडल के इस्तेमाल का शुल्क आपका प्रदाता लेता है।",
   accountLink: "खाता बनाएँ",
   surfacesHeading: "Codewhale के साथ काम करने के तरीके",
   surfaces: [

web/lib/i18n/dictionaries/id/home.ts

@@ -67,13 +67,19 @@ export const home: HomeDict = {
   availabilityHeading:
     "Tempat Anda dapat menggunakan Codewhale",
   availabilityLede:
-    "Anda dapat menggunakan Codewhale di terminal sekarang, sementara kami mengembangkan aplikasi web, aplikasi desktop, dan komputer cloud.",
+    "Anda dapat menggunakan Codewhale di terminal, di peramban lokal, dan dengan antarmuka CodeWhale GUI yang dipelihara oleh komunitas sekarang, sementara kami mengembangkan aplikasi web, aplikasi desktop, dan komputer cloud.",
   availability: [
     [
       "Terminal",
       "Dirilis",
       "Biner rilis GitHub untuk Linux, macOS, dan Windows; npm dan Cargo tersedia sebagai alternatif. Android di Termux masih dalam tahap pratinjau."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Tersedia",
+      "Antarmuka grafis yang dipelihara oleh komunitas, dalam proyek terpisah: obrolan, utas, dan perubahan berkas di sidebar VS Code di atas Runtime yang sama. Pasang dari VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Aplikasi web",
       "Pratinjau pengembangan",
@@ -91,7 +97,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Anda dapat menggunakan terminal tanpa akun Codewhale, dan penggunaan model yang dihosting ditagih oleh penyedia Anda.",
+    "Anda dapat menggunakan terminal dan GUI tanpa akun Codewhale, dan penggunaan model yang dihosting ditagih oleh penyedia Anda.",
   accountLink: "Buat akun",
   surfacesHeading: "Cara bekerja dengan Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/it/home.ts

@@ -65,13 +65,19 @@ export const home: HomeDict = {
   chapterAvailability: "Dove funziona",
   availabilityHeading: "Dove puoi usare Codewhale",
   availabilityLede:
-    "Puoi già usare Codewhale nel tuo terminale mentre sviluppiamo l’app web, l’app desktop e i computer cloud.",
+    "Puoi già usare Codewhale nel terminale, nel browser locale e con l’interfaccia grafica CodeWhale GUI mantenuta dalla comunità, mentre sviluppiamo l’app web, l’app desktop e i computer cloud.",
   availability: [
     [
       "Terminale",
       "Rilasciato",
       "Binari delle versioni pubblicate su GitHub per Linux, macOS e Windows; npm e Cargo sono alternative. Android su Termux è disponibile in anteprima."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Disponibile",
+      "Interfaccia grafica mantenuta dalla comunità, in un progetto separato: chat, thread e modifiche ai file in una barra laterale di VS Code sullo stesso Runtime. Installala dal VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "App web",
       "Anteprima di sviluppo",
@@ -89,7 +95,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Puoi usare il terminale senza un account Codewhale, e qualsiasi utilizzo di modelli ospitati viene fatturato dal tuo provider.",
+    "Puoi usare il terminale e l’interfaccia grafica senza un account Codewhale, e qualsiasi utilizzo di modelli ospitati viene fatturato dal tuo provider.",
   accountLink: "Crea un account",
   surfacesHeading: "Modi di lavorare con Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/ja/home.ts

@@ -62,13 +62,19 @@ export const home: HomeDict = {
   startVocabularyLink: "製品用語を見る",
   chapterAvailability: "動作環境",
   availabilityHeading: "Codewhale を使える場所",
-  availabilityLede: "Codewhale は今すぐターミナルで使え、Web アプリ、デスクトップアプリ、クラウドコンピューターも現在開発しています。",
+  availabilityLede: "Codewhale は今すぐターミナルとローカルブラウザーで使え、コミュニティが保守する CodeWhale GUI も利用できます。Web アプリ、デスクトップアプリ、クラウドコンピューターは現在開発しています。",
   availability: [
     [
       "ターミナル",
       "リリース済み",
       "Linux、macOS、Windows 向けのリリースバイナリを GitHub で提供しています。npm と Cargo からもインストールできます。Android の Termux 版はプレビューです。"
     ],
+    [
+      "CodeWhale GUI（VS Code）",
+      "利用可能",
+      "コミュニティが保守するグラフィカルフロントエンド（独立したプロジェクト）。同じ Runtime 上で、VS Code のサイドバーからチャット、スレッド、ファイル変更を扱えます。VS Code Marketplace からインストールできます。",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "ウェブアプリ",
       "開発プレビュー",
@@ -85,7 +91,7 @@ export const home: HomeDict = {
       "タスクを実行するためのホスト型コンピューター。"
     ]
   ],
-  availabilityNote: "ターミナルは Codewhale のアカウントなしで使え、ホスト型モデルの利用料金はプロバイダーから請求されます。",
+  availabilityNote: "ターミナルと GUI は Codewhale のアカウントなしで使え、ホスト型モデルの利用料金はプロバイダーから請求されます。",
   accountLink: "アカウントを作成",
   surfacesHeading: "Codewhale のさまざまな使い方",
   surfaces: [

web/lib/i18n/dictionaries/ko/home.ts

@@ -62,13 +62,19 @@ export const home: HomeDict = {
   startVocabularyLink: "제품 용어 보기",
   chapterAvailability: "실행 환경",
   availabilityHeading: "Codewhale을 사용할 수 있는 곳",
-  availabilityLede: "Codewhale은 지금 터미널에서 사용할 수 있으며, 웹 앱과 데스크톱 앱, 클라우드 컴퓨터는 개발 중입니다.",
+  availabilityLede: "Codewhale은 지금 터미널과 로컬 브라우저에서 사용할 수 있고, 커뮤니티가 관리하는 CodeWhale GUI도 이용할 수 있습니다. 웹 앱과 데스크톱 앱, 클라우드 컴퓨터는 개발 중입니다.",
   availability: [
     [
       "터미널",
       "출시됨",
       "Linux, macOS, Windows용 릴리스 바이너리를 GitHub에서 제공합니다. npm과 Cargo로도 설치할 수 있습니다. Android에서 Termux로 실행하는 버전은 미리보기입니다."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "사용 가능",
+      "커뮤니티가 관리하는 그래픽 프런트엔드로, 별도 프로젝트입니다. 같은 Runtime 위에서 VS Code 사이드바로 대화, 스레드, 파일 변경을 다룹니다. VS Code Marketplace에서 설치하세요.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "웹 앱",
       "개발 미리보기",
@@ -85,7 +91,7 @@ export const home: HomeDict = {
       "작업을 실행할 수 있는 호스팅 컴퓨터."
     ]
   ],
-  availabilityNote: "Codewhale 계정 없이도 터미널을 사용할 수 있으며, 호스팅형 모델 사용 요금은 이용하는 제공업체에서 청구합니다.",
+  availabilityNote: "Codewhale 계정 없이도 터미널과 GUI를 사용할 수 있으며, 호스팅형 모델 사용 요금은 이용하는 제공업체에서 청구합니다.",
   accountLink: "계정 만들기",
   surfacesHeading: "Codewhale로 작업하는 방법",
   surfaces: [

web/lib/i18n/dictionaries/pl/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Gdzie działa",
   availabilityHeading: "Gdzie możesz korzystać z Codewhale",
   availabilityLede:
-    "Możesz już dziś korzystać z Codewhale w terminalu, a my pracujemy nad aplikacją webową, aplikacją desktopową i komputerami w chmurze.",
+    "Możesz już dziś korzystać z Codewhale w terminalu, w lokalnej przeglądarce i z utrzymywanym przez społeczność interfejsem CodeWhale GUI, a my pracujemy nad aplikacją webową, aplikacją desktopową i komputerami w chmurze.",
   availability: [
     [
       "Terminal",
       "Wydany",
       "Gotowe pliki binarne z wydań GitHub dla systemów Linux, macOS i Windows; npm i Cargo to alternatywy. Android w Termux to wersja podglądowa."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Dostępny",
+      "Interfejs graficzny utrzymywany przez społeczność, w osobnym projekcie: czat, wątki i zmiany plików w panelu bocznym VS Code na tym samym Runtime. Zainstaluj z VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Aplikacja webowa",
       "Podgląd deweloperski",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Możesz korzystać z terminala bez konta Codewhale, a opłaty za użycie modeli hostowanych nalicza Twój dostawca.",
+    "Możesz korzystać z terminala i interfejsu graficznego bez konta Codewhale, a opłaty za użycie modeli hostowanych nalicza Twój dostawca.",
   accountLink: "Załóż konto",
   surfacesHeading: "Sposoby pracy z Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/pt-BR/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Onde funciona",
   availabilityHeading: "Onde você pode usar o Codewhale",
   availabilityLede:
-    "Você já pode usar o Codewhale no seu terminal enquanto desenvolvemos o aplicativo web, o aplicativo desktop e os computadores na nuvem.",
+    "Você já pode usar o Codewhale no terminal, no navegador local e com a interface CodeWhale GUI mantida pela comunidade, enquanto desenvolvemos o aplicativo web, o aplicativo desktop e os computadores na nuvem.",
   availability: [
     [
       "Terminal",
       "Lançado",
       "Binários das versões publicadas no GitHub para Linux, macOS e Windows; npm e Cargo são alternativas. Android no Termux é uma prévia."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Disponível",
+      "Interface gráfica mantida pela comunidade, em um projeto separado: chat, threads e alterações de arquivos em uma barra lateral do VS Code sobre o mesmo Runtime. Instale pelo VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Aplicativo web",
       "Prévia de desenvolvimento",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Você pode usar o terminal sem uma conta do Codewhale, e qualquer uso de modelos hospedados é cobrado pelo seu provedor.",
+    "Você pode usar o terminal e a interface gráfica sem uma conta do Codewhale, e qualquer uso de modelos hospedados é cobrado pelo seu provedor.",
   accountLink: "Criar uma conta",
   surfacesHeading: "Formas de trabalhar com o Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/ru/home.ts

@@ -65,13 +65,19 @@ export const home: HomeDict = {
   chapterAvailability: "Где работает",
   availabilityHeading: "Где можно пользоваться Codewhale",
   availabilityLede:
-    "Вы уже можете пользоваться Codewhale в терминале, пока мы разрабатываем веб-приложение, настольное приложение и облачные компьютеры.",
+    "Вы уже можете пользоваться Codewhale в терминале, в локальном браузере и в графическом интерфейсе CodeWhale GUI, который поддерживает сообщество, пока мы разрабатываем веб-приложение, настольное приложение и облачные компьютеры.",
   availability: [
     [
       "Терминал",
       "Выпущен",
       "Готовые сборки из релизов GitHub для Linux, macOS и Windows; npm и Cargo — альтернативы. Android в Termux — предварительная версия."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Доступно",
+      "Графический интерфейс, который поддерживает сообщество, в отдельном проекте: чат, треды и изменения файлов на боковой панели VS Code поверх того же Runtime. Устанавливается из VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Веб-приложение",
       "Предварительная версия в разработке",
@@ -89,7 +95,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Терминалом можно пользоваться без аккаунта Codewhale, а плату за использование облачных моделей взимает ваш провайдер.",
+    "Терминалом и графическим интерфейсом можно пользоваться без аккаунта Codewhale, а плату за использование облачных моделей взимает ваш провайдер.",
   accountLink: "Создать аккаунт",
   surfacesHeading: "Способы работы с Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/tr/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Nerede çalışır",
   availabilityHeading: "Codewhale'i nerelerde kullanabilirsin",
   availabilityLede:
-    "Biz web uygulamasını, masaüstü uygulamasını ve bulut bilgisayarlarını geliştirirken sen Codewhale'i bugün terminalinde kullanabilirsin.",
+    "Biz web uygulamasını, masaüstü uygulamasını ve bulut bilgisayarlarını geliştirirken sen Codewhale'i bugün terminalinde, yerel tarayıcında ve topluluk tarafından sürdürülen CodeWhale GUI ile kullanabilirsin.",
   availability: [
     [
       "Terminal",
       "Yayınlandı",
       "Linux, macOS ve Windows için GitHub sürüm ikili dosyaları; npm ve Cargo alternatiflerdir. Termux üzerinde Android desteği önizleme aşamasında."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Kullanılabilir",
+      "Topluluk tarafından sürdürülen grafik arayüz, ayrı bir projede: aynı Runtime üzerinde VS Code kenar çubuğunda sohbet, konular ve dosya değişiklikleri. VS Code Marketplace'ten kur.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Web uygulaması",
       "Geliştirme önizlemesi",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Terminali Codewhale hesabı olmadan kullanabilirsin; barındırılan model kullanımını ise sağlayıcın faturalandırır.",
+    "Terminali ve grafik arayüzü Codewhale hesabı olmadan kullanabilirsin; barındırılan model kullanımını ise sağlayıcın faturalandırır.",
   accountLink: "Hesap oluştur",
   surfacesHeading: "Codewhale ile çalışma yolları",
   surfaces: [

web/lib/i18n/dictionaries/types.ts

@@ -187,7 +187,7 @@ export interface HomeDict {
   chapterAvailability: string;
   availabilityHeading: string;
   availabilityLede: string;
-  availability: [string, string, string][];
+  availability: [string, string, string, string?][];
   availabilityNote: string;
   accountLink: string;
 

web/lib/i18n/dictionaries/uk/home.ts

@@ -65,13 +65,19 @@ export const home: HomeDict = {
   chapterAvailability: "Де працює",
   availabilityHeading: "Де можна користуватися Codewhale",
   availabilityLede:
-    "Ви вже можете користуватися Codewhale в терміналі, поки ми розробляємо вебзастосунок, настільний застосунок і хмарні комп’ютери.",
+    "Ви вже можете користуватися Codewhale у терміналі, в локальному браузері та в графічному інтерфейсі CodeWhale GUI, який підтримує спільнота, поки ми розробляємо вебзастосунок, настільний застосунок і хмарні комп’ютери.",
   availability: [
     [
       "Термінал",
       "Випущено",
       "Готові збірки з релізів GitHub для Linux, macOS і Windows; npm і Cargo — альтернативи. Android у Termux — попередня версія."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Доступно",
+      "Графічний інтерфейс, який підтримує спільнота, в окремому проєкті: чат, треди та зміни файлів на бічній панелі VS Code поверх того самого Runtime. Встановлюється з VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Вебзастосунок",
       "Попередня версія в розробці",
@@ -89,7 +95,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Терміналом можна користуватися без облікового запису Codewhale, а плату за використання хмарних моделей стягує ваш провайдер.",
+    "Терміналом і графічним інтерфейсом можна користуватися без облікового запису Codewhale, а плату за використання хмарних моделей стягує ваш провайдер.",
   accountLink: "Створити обліковий запис",
   surfacesHeading: "Способи роботи з Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/vi/home.ts

@@ -66,13 +66,19 @@ export const home: HomeDict = {
   chapterAvailability: "Chạy ở đâu",
   availabilityHeading: "Nơi bạn có thể sử dụng Codewhale",
   availabilityLede:
-    "Bạn có thể sử dụng Codewhale trong terminal ngay hôm nay, trong khi chúng tôi đang phát triển ứng dụng web, ứng dụng máy tính và máy tính đám mây.",
+    "Bạn có thể sử dụng Codewhale trong terminal, trên trình duyệt cục bộ và với giao diện CodeWhale GUI do cộng đồng duy trì ngay hôm nay, trong khi chúng tôi đang phát triển ứng dụng web, ứng dụng máy tính và máy tính đám mây.",
   availability: [
     [
       "Terminal",
       "Đã phát hành",
       "Các bản nhị phân phát hành trên GitHub dành cho Linux, macOS và Windows; bạn cũng có thể cài qua npm hoặc Cargo. Phiên bản Android trên Termux là bản xem trước."
     ],
+    [
+      "CodeWhale GUI (VS Code)",
+      "Có sẵn",
+      "Giao diện đồ họa do cộng đồng duy trì, trong một dự án riêng: trò chuyện, chủ đề và thay đổi tệp trong thanh bên VS Code trên cùng Runtime. Cài đặt từ VS Code Marketplace.",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "Ứng dụng web",
       "Bản xem trước đang phát triển",
@@ -90,7 +96,7 @@ export const home: HomeDict = {
     ]
   ],
   availabilityNote:
-    "Bạn có thể dùng terminal mà không cần tài khoản Codewhale; phí sử dụng các mô hình do nhà cung cấp vận hành sẽ do nhà cung cấp đó tính.",
+    "Bạn có thể dùng terminal và giao diện đồ họa mà không cần tài khoản Codewhale; phí sử dụng các mô hình do nhà cung cấp vận hành sẽ do nhà cung cấp đó tính.",
   accountLink: "Tạo tài khoản",
   surfacesHeading: "Các cách làm việc với Codewhale",
   surfaces: [

web/lib/i18n/dictionaries/zh/home.ts

@@ -62,13 +62,19 @@ export const home: HomeDict = {
   startVocabularyLink: "查名词",
   chapterAvailability: "在哪里运行",
   availabilityHeading: "你可以在哪里使用 Codewhale",
-  availabilityLede: "终端与本地浏览器客户端现已可用。桌面和托管网页应用正基于同一会话模型开发；各端的开放状态分别列在下方。",
+  availabilityLede: "终端、本地浏览器客户端与社区维护的 CodeWhale GUI 现已可用。桌面和托管网页应用正基于同一会话模型开发；各端的开放状态分别列在下方。",
   availability: [
     [
       "终端与本地浏览器",
       "已发布",
       "支持 Linux、macOS 和 Windows。运行 codewhale 使用终端，或运行 codewhale web 打开本地浏览器客户端。也可通过 npm 或 Cargo 安装；Android 上的 Termux 版本为预览版。"
     ],
+    [
+      "CodeWhale GUI（VS Code）",
+      "可用",
+      "社区维护的图形前端，独立项目：在 VS Code 侧边栏中连接同一个 Codewhale Runtime，进行对话、管理线程并查看文件变更。可从 VS Code Marketplace 安装。",
+      "https://marketplace.visualstudio.com/items?itemName=HengQuWorld.brotherwhale-vscode"
+    ],
     [
       "托管网页应用",
       "开发预览",
@@ -85,7 +91,7 @@ export const home: HomeDict = {
       "用于运行任务的托管计算机。"
     ]
   ],
-  availabilityNote: "终端和本地浏览器不需要 Codewhale 账户。账户用于托管网页和桌面端访问，不能代替模型连接。使用自己的密钥调用云端模型时，费用由该提供商收取。",
+  availabilityNote: "终端、本地浏览器和 GUI 不需要 Codewhale 账户。账户用于托管网页和桌面端访问，不能代替模型连接。使用自己的密钥调用云端模型时，费用由该提供商收取。",
   accountLink: "创建账户",
   surfacesHeading: "工具、应用连接与保存的工作",
   surfaces: [

web/lib/llms-txt.ts

@@ -30,7 +30,7 @@ const EXTRA_PAGES: readonly { path: string; title: string; description: string }
     path: "/runtime",
     title: "Runtime & Integrations",
     description:
-      "Local Runtime API, HTTP/SSE, baseline ACP stdio adapter, MCP servers, and an early VS Code companion.",
+      "Local Runtime API, HTTP/SSE, baseline ACP stdio adapter, MCP servers, an early VS Code companion, and a community VS Code GUI.",
   },
   {
     // The page's own English copy, so the index cannot drift from it (W01-03).