diff --git a/apps/web/src/components/ChatPane.tsx b/apps/web/src/components/ChatPane.tsx
index be9bf94df..11cb23cdf 100644
--- a/apps/web/src/components/ChatPane.tsx
+++ b/apps/web/src/components/ChatPane.tsx
@@ -1,7 +1,7 @@
 import { Fragment, useEffect, useRef, useState, type MutableRefObject, type ReactNode } from 'react';
 import { useAnalytics } from '../analytics/provider';
 import { trackChatPanelClick } from '../analytics/events';
-import { useI18n } from '../i18n';
+import { useI18n, useT } from '../i18n';
 import type { Dict } from '../i18n/types';
 import { copyToClipboard } from '../lib/copy-to-clipboard';
 import { projectRawUrl } from '../providers/registry';
diff --git a/apps/web/src/components/DesignSystemsTab.tsx b/apps/web/src/components/DesignSystemsTab.tsx
index d859705e6..084a635f4 100644
--- a/apps/web/src/components/DesignSystemsTab.tsx
+++ b/apps/web/src/components/DesignSystemsTab.tsx
@@ -115,6 +115,13 @@ export function DesignSystemsTab({
   templates = [],
 }: Props) {
   const { locale, t } = useI18n();
+  const isZhCN = locale === 'zh-CN';
+  const primaryDesignSystemLabel = isZhCN ? t('ds.userSystemsEyebrow') : 'Design system';
+  const primaryTemplateLabel = isZhCN ? t('ds.templatesTitle') : 'Template';
+  const userSystemsLabel = isZhCN ? t('ds.userSystemsTitle') : 'Your systems';
+  const officialPresetsLabel = isZhCN ? t('ds.libraryTitle') : 'Official presets';
+  const enterpriseLabel = isZhCN ? '企业' : 'Enterprise';
+  const templateMineLabel = isZhCN ? t('ds.templatesTitle') : 'Your templates';
   const analytics = useAnalytics();
   const designSystemsPageViewFiredRef = useRef(false);
   useEffect(() => {
@@ -165,6 +172,10 @@ export function DesignSystemsTab({
     if (userFilter === 'all') return editable;
     return editable.filter((system) => (system.status ?? 'draft') === userFilter);
   }, [systems, userFilter]);
+  const showOfficialLibrary =
+    primaryCollection === 'design-system' &&
+    (designSystemCollection === 'official' ||
+      (designSystemCollection === 'mine' && userSystems.length === 0 && librarySystems.length > 0));
 
   // Total systems per surface, ignoring every active filter. Drives the
   // "this surface is now empty" fallback below — that guard must react to
@@ -390,7 +401,7 @@ export function DesignSystemsTab({
             className={primaryCollection === 'design-system' ? 'active' : ''}
             onClick={() => setPrimaryCollection('design-system')}
           >
-            Design system
+            {primaryDesignSystemLabel}
           </button>
           <button
             type="button"
@@ -399,7 +410,7 @@ export function DesignSystemsTab({
             className={primaryCollection === 'template' ? 'active' : ''}
             onClick={() => setPrimaryCollection('template')}
           >
-            Template
+            {primaryTemplateLabel}
           </button>
         </div>
       </div>
@@ -414,7 +425,7 @@ export function DesignSystemsTab({
               className={designSystemCollection === 'mine' ? 'active' : ''}
               onClick={() => setDesignSystemCollection('mine')}
             >
-              Your systems
+              {userSystemsLabel}
             </button>
             <button
               type="button"
@@ -423,7 +434,7 @@ export function DesignSystemsTab({
               className={designSystemCollection === 'official' ? 'active' : ''}
               onClick={() => setDesignSystemCollection('official')}
             >
-              Official presets
+              {officialPresetsLabel}
             </button>
             <button
               type="button"
@@ -432,7 +443,7 @@ export function DesignSystemsTab({
               className={designSystemCollection === 'enterprise' ? 'active' : ''}
               onClick={() => setDesignSystemCollection('enterprise')}
             >
-              Enterprise
+              {enterpriseLabel}
             </button>
           </div>
         </div>
@@ -446,7 +457,7 @@ export function DesignSystemsTab({
               className={templateCollection === 'mine' ? 'active' : ''}
               onClick={() => setTemplateCollection('mine')}
             >
-              Your templates
+              {templateMineLabel}
             </button>
             <button
               type="button"
@@ -461,6 +472,10 @@ export function DesignSystemsTab({
         </div>
       )}
 
+      {primaryCollection === 'design-system' ? (
+        <p className="ds-private-note">{t('ds.privateNote')}</p>
+      ) : null}
+
       {primaryCollection === 'design-system' && designSystemCollection === 'mine' ? (
         <section className="ds-settings-card" aria-label={t('ds.userSystemsAria')}>
         <div className="ds-settings-card__head">
@@ -576,7 +591,7 @@ export function DesignSystemsTab({
         </section>
       ) : null}
 
-      {primaryCollection === 'design-system' && designSystemCollection === 'official' ? (
+      {showOfficialLibrary ? (
         <section className="ds-settings-card" aria-label={t('ds.libraryAria')}>
         <div className="ds-settings-card__head">
           <div>
diff --git a/apps/web/tests/components/ChatPane.conversation-title.test.tsx b/apps/web/tests/components/ChatPane.conversation-title.test.tsx
index 9a1acd603..b8afd2d02 100644
--- a/apps/web/tests/components/ChatPane.conversation-title.test.tsx
+++ b/apps/web/tests/components/ChatPane.conversation-title.test.tsx
@@ -8,6 +8,16 @@ import { ChatPane } from '../../src/components/ChatPane';
 import type { ChatMessage, Conversation } from '../../src/types';
 
 vi.mock('../../src/i18n', () => ({
+  useI18n: () => ({
+    locale: 'en',
+    setLocale: () => undefined,
+    t: (key: string, vars?: Record<string, string | number>) => {
+      if (key === 'chat.renameConversationLabel') {
+        return `chat.renameConversationLabel ${vars?.title ?? ''}`;
+      }
+      return key;
+    },
+  }),
   useT: () => (key: string, vars?: Record<string, string | number>) => {
     if (key === 'chat.renameConversationLabel') {
       return `chat.renameConversationLabel ${vars?.title ?? ''}`;