chore(web): update i18n resources and alias imports

Author: Minsecrus

AGENTS.md

@@ -123,9 +123,10 @@ flowchart TD
 1. 读写文档都要用 UTF-8 编码。
 2. 所有代码必须考虑可扩展性和健壮性。
 3. `@mdr/ui` 包下组件库使用 SCSS 进行样式编写，其他样式则用 Tailwind。要用最新的 Tailwind 4 写法，摒弃旧写法。
-4. 为方便开发者看懂代码，当且仅当在重要模块的核心方法或核心组件前编写规范的文档注释，写明白模块的调用链路的逻辑。不要写无用注释。
-5. 如果文件过长，拆分。
-6. 当且仅当需要测试时，补全测试。考虑边界条件。
-7. 当完整的功能写好后，先运行 `pnpm run format` 来格式化代码。
-8. 仅在有明确提示的时候提交并推送。commit msg 使用纯英文，按照业界规范写法：使用 `type(scope): description` 格式。
-9. 在保持 monochrome-ui 设计风格的前提下，样式和 UX 设计可以模仿 Figma 和 Dify。
+4. 优先使用 `@/...` 导入同一个包下的代码，而不是使用相对路径。
+5. 为方便开发者看懂代码，当且仅当在重要模块的核心方法或核心组件前编写规范的文档注释，写明白模块的调用链路的逻辑。不要写无用注释。
+6. 如果文件过长，拆分。
+7. 当且仅当需要测试时，补全测试。考虑边界条件。
+8. 当完整的功能写好后，先运行 `pnpm run format` 来格式化代码。
+9. 仅在有明确提示的时候提交并推送。commit msg 使用纯英文，按照业界规范写法：使用 `type(scope): description` 格式。
+10. 在保持 monochrome-ui 设计风格的前提下，样式和 UX 设计可以模仿 Figma 和 Dify。

README.md

@@ -25,9 +25,7 @@ MFE 采用独创的 **三编辑器统一架构**，所有操作最终都收敛
   时间线、关键帧、过渡曲线、交互动画序列、CSS Filter、SVG Filter
 
 **MIR 是整个系统的“唯一真相源”**：  
-任意编辑器修改都会实时同步到其他视图 → 最终通过“炼化”编译器生成多框架代码。彻底解决传统低代码工具“改一处、乱三处”的顽疾。
-
-（当前进度：蓝图编辑器 + MIR 基础框架正在开发中，节点图与动画编辑器即将启动）
+任意编辑器修改都会实时同步到其他视图 → 最终通过“炼化”编译器生成多框架代码，解决传统低代码工具“改一处、乱三处”的顽疾。
 
 ---
 
@@ -52,21 +50,42 @@ MFE 采用独创的 **三编辑器统一架构**，所有操作最终都收敛
 
 ## 📂 项目结构 (Monorepo)
 
-采用 **Turbo + pnpm workspaces** 构建，实现前后端、工具链、文档的完全解耦：
+采用 **Turbo + pnpm workspaces** 构建：
 
 ```text
 .
+├── .github/               # CI/CD 与仓库工作流
 ├── apps/
-│   ├── web/          # MFE 核心可视化编辑器（React + TS 重度）
-│   ├── backend/      # Go 驱动的高性能后端服务
-│   ├── cli/          # Mdr 命令行工具
-│   ├── vscode/       # VSCode 插件
-│   └── docs/         # 基于 MFE 自身构建的官方文档
+│   ├── web/               # MFE 核心可视化编辑器（React + TS）
+│   ├── backend/           # Go 驱动的后端服务
+│   ├── cli/               # Mdr 命令行工具
+│   ├── vscode/            # VSCode 插件
+│   └── docs/              # VitePress 文档站点
+├── deploy/                # 部署与本地依赖编排（如 postgres）
 ├── packages/
-│   └── ui/           # 共享组件库 + Storybook
+│   ├── ui/                # 共享组件库（SCSS）+ Storybook
+│   ├── themes/            # 主题与设计变量
+│   ├── shared/            # MIR Schema / Types / 公共工具
+│   ├── i18n/              # 国际化资源与工具
+│   ├── mir-compiler/      # MIR 编译器核心包
+│   ├── eslint-plugin-mdr/ # 自定义 ESLint 插件
+│   └── vscode-debugger/   # VSCode 调试适配器
+├── scripts/               # 仓库级脚本
+├── specs/                 # 规范与设计文档
+├── tests/                 # 仓库级测试
+├── package.json
+├── pnpm-workspace.yaml
 └── turbo.json
 ```
 
+子项目说明文档：
+
+- [apps/web/README.md](apps/web/README.md)
+- [apps/backend/README.md](apps/backend/README.md)
+- [apps/cli/README.md](apps/cli/README.md)
+- [apps/docs/README.md](apps/docs/README.md)
+- [apps/vscode/README.md](apps/vscode/README.md)
+
 ---
 
 ## 🚀 快速开始
@@ -107,7 +126,7 @@ pnpm dev
 
 命令有细化版本：比如 `pnpm test:web` 只跑前端测试，`pnpm test:web:coverage` 只跑前端覆盖率测试，等等。
 
-### 子模块开发（专注模式）
+### 子模块开发
 
 | 模块        | 命令               |
 | ----------- | ------------------ |
@@ -157,4 +176,4 @@ pnpm cli sync                     # 同步 MIR 与本地代码
 > **MdrFrontEngine** —— 打破边界，让灵感在可视化与代码间自由跳动。  
 > **Minsecrus** 2026.2.18
 
-**Star 支持我们！** 你的每一个 Star 都是对 MIR 架构的最大肯定！
+**Star 支持我们！**

apps/backend/README.md

@@ -0,0 +1,29 @@
+# @mdr/backend
+
+MdrFrontEngine 的后端服务，基于 Go。
+
+## 目录结构
+
+```text
+apps/backend
+├── cmd/
+│   └── server/        # 服务入口
+├── internal/
+│   ├── app/           # 应用装配
+│   ├── config/        # 配置加载
+│   ├── modules/       # 业务模块
+│   └── platform/      # 基础设施与平台能力
+├── server.go          # 启动入口
+├── go.mod
+├── Dockerfile
+└── docker-compose.yml
+```
+
+## 常用命令
+
+```bash
+pnpm dev:backend
+pnpm dev:backend:hot
+pnpm build:backend
+cd apps/backend && go test ./...
+```

apps/cli/README.md

@@ -0,0 +1,26 @@
+# @mdr/cli
+
+MdrFrontEngine 的命令行工具，提供项目初始化、同步、构建相关能力。
+
+## 目录结构
+
+```text
+apps/cli
+├── src/
+│   ├── commands/      # CLI 子命令实现
+│   ├── utils/         # 命令工具函数
+│   └── cli.ts         # 命令入口
+├── bin/
+│   └── mdr.js         # 可执行入口
+├── test/              # CLI 测试
+├── package.json
+└── tsconfig.json
+```
+
+## 常用命令
+
+```bash
+pnpm dev:cli
+pnpm build:cli
+pnpm cli --help
+```

apps/docs/README.md

@@ -0,0 +1,25 @@
+# @mdr/docs
+
+MdrFrontEngine 官方文档站点，基于 VitePress。
+
+## 目录结构
+
+```text
+apps/docs
+├── .vitepress/
+│   └── config.mts     # 站点配置
+├── guide/             # 使用与开发指南
+├── api/               # API 文档
+├── reference/         # 规范与参考
+├── community/         # 社区与协作文档
+├── index.md           # 首页
+└── package.json
+```
+
+## 常用命令
+
+```bash
+pnpm dev:docs
+pnpm build:docs
+cd apps/docs && pnpm preview
+```

apps/vscode/README.md

@@ -1,71 +1,29 @@
-# mdr-front-engine README
-
-This is the README for your extension "mdr-front-engine". After writing up a brief description, we recommend including the following sections.
-
-## Features
-
-Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.
-
-For example if there is an image subfolder under your extension project workspace:
-
-\!\[feature X\]\(images/feature-x.png\)
-
-> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
-
-## Requirements
-
-If you have any requirements or dependencies, add a section describing those and how to install and configure them.
-
-## Extension Settings
-
-Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
-
-For example:
-
-This extension contributes the following settings:
-
-- `myExtension.enable`: Enable/disable this extension.
-- `myExtension.thing`: Set to `blah` to do something.
-
-## Known Issues
-
-Calling out known issues can help limit users opening duplicate issues against your extension.
-
-## Release Notes
-
-Users appreciate release notes as you update your extension.
-
-### 1.0.0
-
-Initial release of ...
-
-### 1.0.1
-
-Fixed issue #.
-
-### 1.1.0
-
-Added features X, Y, and Z.
-
----
-
-## Following extension guidelines
-
-Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.
-
-- [Extension Guidelines](https://code.visualstudio.com/api/references/extension-guidelines)
-
-## Working with Markdown
-
-You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:
-
-- Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux).
-- Toggle preview (`Shift+Cmd+V` on macOS or `Shift+Ctrl+V` on Windows and Linux).
-- Press `Ctrl+Space` (Windows, Linux, macOS) to see a list of Markdown snippets.
-
-## For more information
-
-- [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
-- [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
-
-**Enjoy!**
+# @mdr/vscode
+
+MdrFrontEngine 的 VSCode 插件，提供 MIR 语言支持、MIR 预览命令与调试适配能力。
+
+## 目录结构
+
+```text
+apps/vscode
+├── src/
+│   ├── commands/      # 命令实现（含 MIR 预览）
+│   ├── language/      # MIR 语言特性
+│   ├── debugger/      # 调试器接入
+│   ├── test/          # 插件测试
+│   ├── extension.ts   # 扩展入口
+│   └── index.ts       # 调试适配入口
+├── out/               # 编译输出
+├── dist/              # 打包输出
+├── esbuild.js         # 构建脚本
+├── package.json
+└── tsconfig.json
+```
+
+## 常用命令
+
+```bash
+pnpm dev:vscode
+pnpm build:vscode
+cd apps/vscode && pnpm lint
+```

apps/web/README.md

@@ -0,0 +1,32 @@
+# @mdr/web
+
+MdrFrontEngine 的核心可视化编辑器前端应用，基于 React + TypeScript + Vite。
+
+## 目录结构
+
+```text
+apps/web
+├── src/
+│   ├── editor/        # 编辑器主模块（蓝图/节点图/动画）
+│   ├── mir/           # MIR 相关模型与协议
+│   ├── core/          # 执行器、节点运行时等核心能力
+│   ├── components/    # 通用 UI 组件封装
+│   ├── stores/        # 状态管理
+│   ├── hooks/         # 复用 hooks
+│   └── utils/         # 通用工具函数
+├── public/            # 静态资源
+├── docker/            # Nginx 等部署配置
+├── .storybook/        # Storybook 配置
+├── vite.config.ts
+├── tailwind.config.ts
+└── vitest.config.ts
+```
+
+## 常用命令
+
+```bash
+pnpm dev:web
+pnpm build:web
+pnpm test:web
+pnpm test:web:coverage
+```

apps/web/src/auth/ProfilePage.tsx

@@ -14,6 +14,7 @@ import {
 import { Calendar, Copy, Mail, Pencil, UserRound } from 'lucide-react';
 import { authApi, ApiError } from './authApi';
 import { useAuthStore } from './useAuthStore';
+import { isAbortError } from '@/infra/api';
 
 type Flash = { type: 'Info' | 'Success' | 'Warning' | 'Danger'; text: string };
 
@@ -80,24 +81,34 @@ export const ProfilePage = () => {
     };
   }, []);
 
-  const fetchProfile = useCallback(async () => {
-    if (!token) return;
-    setError(null);
-    setLoading(true);
-    try {
-      const response = await authApi.me(token);
-      setUser(response.user);
-    } catch (err) {
-      setError(formatError(err));
-    } finally {
-      setLoading(false);
-    }
-  }, [token, setUser]);
-
   useEffect(() => {
     if (!token || user) return;
-    fetchProfile();
-  }, [token, user, fetchProfile]);
+    let cancelled = false;
+    const controller =
+      typeof AbortController === 'function' ? new AbortController() : null;
+    const requestOptions: RequestInit = controller
+      ? { signal: controller.signal }
+      : {};
+    setError(null);
+    setLoading(true);
+    authApi
+      .me(token, requestOptions)
+      .then((response) => {
+        if (cancelled) return;
+        setUser(response.user);
+      })
+      .catch((err) => {
+        if (cancelled || isAbortError(err)) return;
+        setError(formatError(err));
+      })
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => {
+      cancelled = true;
+      controller?.abort();
+    };
+  }, [token, user, setUser]);
 
   const copyText = useCallback(
     async (value: string | undefined, message: string) => {