gsuid_hub

当用户要求"开发/维护 GsCore Web 控制台前端（gsuid_hub）"、"新增一个页面 / 配置页 / Tab"、 "页面排版应该怎么写 / 标题/副标题/图标/页边距怎么排 / 上边距和侧边栏怎么对齐 / page-fill 是什么"、 "主题怎么适配 / glass-card 怎么用 / 毛玻璃 vs 纯色"、"i18n 怎么加翻译 / 三语言怎么同步 / index.ts 怎么改 / t() 插值"、"侧边栏怎么加菜单项 / 子菜单 / 展开状态丢失"、 "Input 和下拉框高度不一致 / 一行筛选组件怎么对齐 / h-9"、 "InputWithDropdown / TagsInput / ChipGroup / TabButtonGroup / DynamicConfigPanel / ConfigField 怎么用"、 "Switch 主题色 / Switch 被 Tooltip 包裹失效"、"Radix Select 空值报错"、 "渐进式配置页 / EXPECTED_CONFIG_KEYS / rawConfig / 预料之外配置项"、 "保存按钮误亮 / dirty 检查 / originalConfig 竞态"、"卡片列表页 / 表格详情页 / Dialog 弹窗 / 移动端适配"、 "API 怎么封装 / 401 跳登录 / getLoginPath"、"改前端要注意什么 / 有哪些已知坑 / 性能优化"时触发此 SKILL。 凡是改动 `src/`（React + TS 前端控制台）的任务都应优先读取此 SKILL。 面向 **GsCore Web 控制台（gsuid_hub，前端 React 项目）开发者与维护者**的系统级开发规范指南。 与后端框架 SKILL（`gscore-development` 等，位于 gsuid_core 仓库）不同，本 SKILL 讲的是 **前端工程自身的设计约束与组件契约**：技术栈与目录结构、路由、API 层封装与 401、i18n 三语言同步、 主题系统（ThemeContext / CSS HSL 变量 / glass-card 自动适配 / 侧栏三布局 / 圆角与 UI 缩放）、 页面排版铁律（页面解剖学：layout-gutter/page-top 边距体系 / page-fill 全高卡片页 / text-3xl 标题 / 内联