收口前端平台组件库能力

新增 PlatformUiKit 通用弹窗、按钮、状态、空态、媒体、表单和标签等公共组件
迁移结果页、创作工作台、认证入口、RPG 暗色面板和运行态弹窗的重复 UI chrome
补充组件测试、页面回归测试、技术文档和 Hermes 共享决策记录

src/components/creative-agent/CreativeAgentHome.tsx

@@ -14,6 +14,7 @@ import {
 import { useMemo, useState } from 'react';
 
 import type { CreativeAgentInputPart } from '../../../packages/shared/src/contracts/creativeAgent';
+import { PlatformIconButton } from '../common/PlatformIconButton';
 import type { CreationWorkShelfItem } from '../custom-world-home/creationWorkShelf';
 import { RpgEntryBrandLogo } from '../rpg-entry/RpgEntryBrandLogo';
 import { CreativeAgentInputComposer } from './CreativeAgentInputComposer';
@@ -191,15 +192,12 @@ function CreativeAgentDrawer({
         <div className="flex h-full min-h-0 flex-col">
           <header className="flex shrink-0 items-center justify-between gap-3 px-5 pb-5 pt-[max(1.1rem,env(safe-area-inset-top))]">
             <RpgEntryBrandLogo decorative />
-            <button
-              type="button"
+            <PlatformIconButton
               onClick={onClose}
-              className="platform-icon-button"
-              aria-label="关闭侧边栏"
+              label="关闭侧边栏"
               title="关闭"
-            >
-              <PanelLeftClose className="h-4 w-4" />
-            </button>
+              icon={<PanelLeftClose className="h-4 w-4" />}
+            />
           </header>
 
           <div className="shrink-0 space-y-3 px-5">
@@ -271,30 +269,24 @@ function CreativeAgentDrawer({
               <UserRound className="h-5 w-5" />
             </button>
             <div className="flex items-center gap-3">
-              <button
-                type="button"
+              <PlatformIconButton
                 onClick={() => {
                   onOpenSettings();
                   onClose();
                 }}
-                className="platform-icon-button"
-                aria-label="外观"
+                label="外观"
                 title="外观"
-              >
-                <Moon className="h-4 w-4" />
-              </button>
-              <button
-                type="button"
+                icon={<Moon className="h-4 w-4" />}
+              />
+              <PlatformIconButton
                 onClick={() => {
                   onOpenSettings();
                   onClose();
                 }}
-                className="platform-icon-button"
-                aria-label="设置"
+                label="设置"
                 title="设置"
-              >
-                <Settings className="h-4 w-4" />
-              </button>
+                icon={<Settings className="h-4 w-4" />}
+              />
             </div>
           </footer>
         </div>