@autional/ui 0.1.0-rc.45 → 0.1.0-rc.47

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@autional/ui",
-  "version": "0.1.0-rc.45",
-  "description": "Autional shared React component library (atoms + molecules) — the canonical home of the component layer",
+  "version": "0.1.0-rc.47",
+  "description": "Autional shared React component library (atoms + molecules) �?the canonical home of the component layer",
   "license": "AGPL-3.0",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -82,7 +82,7 @@
     "react-i18next": "17.0.7",
     "typescript": "5.8.3",
     "vitest": "3.2.0",
-    "@autional/tokens": "0.1.0-rc.13"
+    "@autional/tokens": "0.1.0-rc.15"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",

package/src/molecules/{ConsolePageHeader.tsx → AppPageHeader.tsx}

@@ -2,17 +2,23 @@
 
 import React from 'react';
 
-// ConsolePageHeader —— 控制台页面的页头：左对齐标题 + 右侧操作槽 + 可选副标题。
+// AppPageHeader —— **应用外壳里的页面页头**：左对齐标题 + 右侧操作槽 + 可选副标题。
 //
 // 为什么不是 DS 里已有的 PageHeader：那是**营销 hero**（text-center + text-3xl/sm:text-4xl），
-// 落地页在用；控制台页头是另一种东西（左对齐 + text-xl/font-semibold + 右侧操作槽）。
+// 落地页在用；应用页头是另一种东西（左对齐 + text-xl/font-semibold + 右侧操作槽）。
 // 两者**同名不同物**，互相替换会把控制台的密度打散 —— 所以这里另立一件，PageHeader 保持原样（D5）。
 //
+// 第 63 轮改名（L17）：原名 ConsolePageHeader 把契约说小了 —— user 门户（面向终端用户，
+// 不是「控制台」）早就是它的大用户。实测改名当时 **393 处**调用（站点 359 + 设计系统 34），
+// 而 L17 登记的是 174 处：**台账里的数字也会腐**，动手前必须重数。
+// 新名字跟着 AppShell 走：外壳叫什么，外壳里的页头就叫什么，与页面是不是「控制台」无关。
+// 不保留旧名别名 —— 全舰队同一批迁完，留一个只被我们自己引用的旧名字只会变成死代码。
+//
 // 收敛前实测（2026-10）：三个控制台在 **106 个页面**里把这段页头内联写了 106 遍，
 // 包裹容器的 className 有 **11 种**（mb-4 / mb-6、有没有 justify-between、有没有响应式断点各不相同）。
 // 这里固定成一种：窄屏纵向堆叠、sm 起横向两端对齐、gap-3、下边距 mb-6 —— 与其中 55 处的多数派一致。
 
-export interface ConsolePageHeaderProps {
+export interface AppPageHeaderProps {
 	/** 页面标题。 */
 	title: React.ReactNode;
 	/** 标题下方的说明文字（可选）。 */
@@ -23,12 +29,12 @@ export interface ConsolePageHeaderProps {
 	className?: string;
 }
 
-export const ConsolePageHeader = React.memo(function ConsolePageHeader({
+export const AppPageHeader = React.memo(function AppPageHeader({
 	title,
 	description,
 	actions,
 	className = '',
-}: ConsolePageHeaderProps) {
+}: AppPageHeaderProps) {
 	return (
 		<div
 			className={`mb-6 flex flex-col items-start gap-3 sm:flex-row sm:items-center sm:justify-between ${className}`}

package/src/molecules/Toast.tsx

@@ -45,7 +45,7 @@ const ICONS: Record<ToastType, typeof CheckCircle> = {
 const STYLES: Record<ToastType, string> = {
 	success: 'bg-success text-white',
 	error: 'bg-danger text-white',
-	warning: 'bg-amber-500 text-white',
+	warning: 'bg-warning text-white',
 	info: 'bg-[var(--color-brand)] text-white',
 };
 

package/src/molecules/index.ts

@@ -23,8 +23,8 @@ export { PageContainer } from './PageContainer';
 export type { PageContainerProps } from './PageContainer';
 export { AppShell } from './AppShell';
 export type { AppShellProps } from './AppShell';
-export { ConsolePageHeader } from './ConsolePageHeader';
-export type { ConsolePageHeaderProps } from './ConsolePageHeader';
+export { AppPageHeader } from './AppPageHeader';
+export type { AppPageHeaderProps } from './AppPageHeader';
 export { Alert } from './Alert';
 export type { AlertProps, AlertVariant } from './Alert';
 export { Result } from './Result';