补齐共享 UI 组件库与展示页交互 (#202)

## 变更内容

- 新增基于 shadcn open-code 模式的共享 UI canonical 组件、样式与导出。
- 新增 `/components` 共享组件展示页，并覆盖平台组件、Token、状态和移动端布局。
- 补齐平台展示页的筛选、排序、上传预览、标签、开关和异步状态交互。
- 修复排序导致预览主题变化、筛选弹窗误关闭和入口状态不更新的问题。
- 同步网站与客户端构建别名、依赖、路由测试和项目文档。

## 验证

- `npm run test -- src/components/shared-components/SharedComponentsShowcasePage.test.tsx`
- `npm run typecheck`
- `npm run check:encoding`
- `npm run build:raw`
- `git diff --check`
- pre-push 门禁通过

Reviewed-on: http://192.168.35.82/git/GenarrativeAI/Genarrative/pulls/202
Co-authored-by: kdletters <kdletters@qq.com>
Co-committed-by: kdletters <kdletters@qq.com>

src/routing/activeAppRoutes.test.ts

@@ -2,6 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import {
   matchAppRoute,
+  resolveAppRoute,
   shouldUseRecommendationRouteLoading,
 } from './activeAppRoutes';
 
@@ -13,6 +14,19 @@ describe('matchAppRoute', () => {
     expect(matchAppRoute('/creation/rpg')).toEqual({ kind: 'platform' });
     expect(matchAppRoute('/runtime/puzzle')).toEqual({ kind: 'platform' });
   });
+
+  it('exposes the framework-free shared component showcase', () => {
+    expect(matchAppRoute('/components')).toEqual({
+      kind: 'shared-components',
+    });
+    expect(matchAppRoute('/components/')).toEqual({
+      kind: 'shared-components',
+    });
+    expect(matchAppRoute('/design-system')).toEqual({
+      kind: 'shared-components',
+    });
+    expect(resolveAppRoute('/components').kind).toBe('shared-components');
+  });
 });
 
 describe('shouldUseRecommendationRouteLoading', () => {

src/routing/activeAppRoutes.tsx

@@ -6,9 +6,13 @@ type AppRouteComponent = LazyExoticComponent<
   ComponentType<Record<string, unknown>>
 >;
 
-export type AppRouteMatch = {
-  kind: 'platform';
-};
+export type AppRouteMatch =
+  | {
+      kind: 'platform';
+    }
+  | {
+      kind: 'shared-components';
+    };
 
 export type ResolvedAppRoute = {
   kind: AppRouteMatch['kind'];
@@ -20,16 +24,33 @@ export type ResolvedAppRoute = {
 const PlatformApp = lazy(
   () => import('../AuthenticatedApp'),
 ) as AppRouteComponent;
+const SharedComponentsShowcasePage = lazy(
+  () => import('../components/shared-components/SharedComponentsShowcasePage'),
+) as AppRouteComponent;
 
 export function shouldUseRecommendationRouteLoading() {
   return false;
 }
 
-export function matchAppRoute(_pathname = ''): AppRouteMatch {
+export function matchAppRoute(pathname = ''): AppRouteMatch {
+  const normalizedPath = pathname.trim().toLowerCase().replace(/\/+$/u, '');
+  if (normalizedPath === '/components' || normalizedPath === '/design-system') {
+    return { kind: 'shared-components' };
+  }
+
   return { kind: 'platform' };
 }
 
-export function resolveAppRoute(_pathname = ''): ResolvedAppRoute {
+export function resolveAppRoute(pathname = ''): ResolvedAppRoute {
+  if (matchAppRoute(pathname).kind === 'shared-components') {
+    return {
+      kind: 'shared-components',
+      loadingEyebrow: '正在载入共享组件',
+      loadingText: '正在加载组件展示页',
+      Component: SharedComponentsShowcasePage,
+    };
+  }
+
   return {
     kind: 'platform',
     loadingEyebrow: '正在载入平台',