Fix homepage localization for chip labels and translations

apps/web/src/components/HomeHero.tsx

@@ -2351,6 +2351,7 @@ function getPluginQueryPreview(plugin: InstalledPluginRecord): string {
   return trimmed.length > 96 ? `${trimmed.slice(0, 96)}…` : trimmed;
 }
 
+
 interface RailGroupProps {
   group: ChipGroup;
   activeChipId: string | null;

apps/web/src/components/home-hero/chips.ts

@@ -33,7 +33,8 @@ import type { IconName } from '../Icon';
 // independently of the default-binding mapping.
 export type ChipScenarioPluginId =
   | DefaultScenarioPluginId
-  | 'example-hyperframes';
+  | 'example-hyperframes'
+  | 'example-live-artifact';
 
 export type ChipAction =
   | {
@@ -60,19 +61,27 @@ export type ChipAction =
 // narrow viewports without horizontal scrolling.
 export type ChipGroup = 'create' | 'migrate';
 
-export interface HomeHeroChip {
+export interface CreateChip {
   id: string;
-  label: string;
-  icon: IconName;
-  group: ChipGroup;
   hint?: string;
+  icon: IconName;
+  group: 'create';
+  action: ChipAction;
+}
+
+export interface MigrateChip {
+  id: string;
+  icon: IconName;
+  group: 'migrate';
+  hint: string;
   action: ChipAction;
 }
 
+export type HomeHeroChip = CreateChip | MigrateChip;
+
 export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   {
     id: 'prototype',
-    label: 'Prototype',
     icon: 'palette',
     group: 'create',
     // Prototype now binds to the bundled `example-web-prototype` plugin,
@@ -92,7 +101,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'live-artifact',
-    label: 'Live artifact',
     icon: 'refresh',
     group: 'create',
     hint: 'Build a refreshable artifact backed by connector or local data.',
@@ -109,7 +117,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'deck',
-    label: 'Slide deck',
     icon: 'present',
     group: 'create',
     // Slide deck binds to `example-simple-deck`, which ships a 353-line
@@ -130,7 +137,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'image',
-    label: 'Image',
     icon: 'image',
     group: 'create',
     action: {
@@ -147,7 +153,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'video',
-    label: 'Video',
     icon: 'play',
     group: 'create',
     action: {
@@ -164,7 +169,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'hyperframes',
-    label: 'HyperFrames',
     icon: 'orbit',
     group: 'create',
     hint: 'Author HTML-based motion: captions, audio-reactive visuals, scene transitions.',
@@ -176,7 +180,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'audio',
-    label: 'Audio',
     icon: 'mic',
     group: 'create',
     action: {
@@ -193,15 +196,13 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'create-plugin',
-    label: 'Create plugin',
     icon: 'edit',
     group: 'migrate',
     hint: 'Author a reusable Open Design plugin and add it to My plugins.',
     action: { kind: 'create-plugin' },
   },
   {
     id: 'figma',
-    label: 'From Figma',
     icon: 'import',
     group: 'migrate',
     hint: 'Migrate a Figma frame into the active design system.',
@@ -217,7 +218,6 @@ export const HOME_HERO_CHIPS: ReadonlyArray<HomeHeroChip> = [
   },
   {
     id: 'template',
-    label: 'From template',
     icon: 'file-code',
     group: 'migrate',
     hint: 'Start from a bundled template.',

apps/web/src/i18n/locales/zh-CN.ts

@@ -498,7 +498,8 @@ export const zhCN: Dict = {
   'recentProjects.title': '最近项目',
   'recentProjects.viewAll': '查看全部',
   'recentProjects.empty': '还没有项目 — 输入 Prompt 即可开始。',
-  'pluginsHome.title': 'Community',
+
+  'pluginsHome.title': '官方入门',
   'pluginsHome.subtitle': '当前运行环境内置的 Open Design 工作流。选择一个加载 starter prompt，或浏览插件市场查看更多。',
   'pluginsHome.browseRegistry': '浏览插件市场',
   'pluginsHome.count': '{filtered} / {total}',

apps/web/tests/components/HomeHero.rail.test.tsx

@@ -12,6 +12,7 @@ import { cleanup, fireEvent, render, screen } from '@testing-library/react';
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import type { InstalledPluginRecord } from '@open-design/contracts';
 
+import { I18nProvider } from '../../src/i18n';
 import { HomeHero } from '../../src/components/HomeHero';
 import {
   HOME_HERO_CHIPS,
@@ -246,4 +247,38 @@ describe('HomeHero intent rail', () => {
       },
     });
   });
+
+  it('renders localized chip labels and tooltips in zh-CN', () => {
+  render(
+    <I18nProvider initial="zh-CN">
+      <HomeHero
+        prompt=""
+        onPromptChange={() => undefined}
+        onSubmit={() => undefined}
+        activePluginTitle={null}
+        activeChipId={null}
+        onClearActivePlugin={() => undefined}
+        pluginOptions={[]}
+        pluginsLoading={false}
+        pendingPluginId={null}
+        pendingChipId={null}
+        onPickPlugin={vi.fn()}
+        onPickChip={vi.fn()}
+        contextItemCount={0}
+        error={null}
+      />
+    </I18nProvider>
+  );
+
+  // Prototype chip label should be zh-CN
+  const prototypeChip = screen.getByTestId('home-hero-rail-prototype');
+  expect(prototypeChip.textContent).toContain('原型');
+
+  // HyperFrames tooltip should be the zh-CN string
+  const hyperframes = screen.getByTestId('home-hero-rail-hyperframes');
+  expect(hyperframes.getAttribute('title')).toBe(
+    '创作基于 HTML 的动态内容：字幕、音频响应视觉和场景转场。'
+  );
+});
+
 });