feat(app-iced): M114 账户页三轨登录（微软正版 / 第三方皮肤站 / 本地档案）

- 账户页：当前账户卡 + 全部账户列表 + 空态三入口 + 皮肤区；五项动作（添加/切换/删除/重新登录/校验）
- 三轨添加流程：设备码（用户码+链接+倒计时+过期重试+取消）、授权码（浏览器+可复制链接+取消）、
  本地档案（名字校验）、第三方站（服务地址 + 服务发现校验 + 密码登录，密码掩码且用完即弃）
- 导航：账户为一等页，入口是轨底头像位（未登录=描边剪影 / 已登录=首字母块+名字；窄高收成图标条）
- 凭据红线：DTO 侧形状脱敏 + 状态层二次脱敏 + 密码掩码；Inject-JWT 测试断言视图模型干净（已做变异取证）
- presenter：authlib 登录/服务发现/皮肤抓取（复用下载引擎的 HTTP 客户端，无新增依赖）、
  皮肤原图经 DTO 到 UI 裁剪成头像（既有 image 依赖，未改 Cargo.toml）
- i18n：新增 account 域 51 条中英文案（离线档案口径全量写入），金表同步

crates/app-iced/src/app/message.rs

@@ -80,6 +80,8 @@ pub(super) fn route_of(nav: NavItem) -> Route {
         NavItem::Logs => Route::Logs,
         NavItem::Settings => Route::Settings,
         NavItem::Ai => Route::Agent,
+        // 轨底头像位（M114）：账户是一级页，但**不在主序列**里
+        NavItem::Account => Route::Accounts,
     }
 }
 
@@ -94,5 +96,6 @@ pub(super) fn nav_item_of(route: &Route) -> NavItem {
         Route::Logs => NavItem::Logs,
         Route::Settings => NavItem::Settings,
         Route::Agent => NavItem::Ai,
+        Route::Accounts => NavItem::Account,
     }
 }

crates/app-iced/src/app/state.rs

@@ -150,6 +150,12 @@ pub struct App {
     /// 而检索条件与结果（会跨页存活、要被事件写）在 `AppState::content`。放进 `view` 模型也
     /// 不行——`refresh_view` 每次都用快照重建模型，选择会被冲回默认值。
     pub(super) content: pages::content::PageState,
+    /// 账户页的**表单状态**（三条轨道的输入串；密码只活在这一次请求里）。
+    pub(super) account_form: pages::account::Form,
+    /// 账户页视图模型（与 `view` 同一条「状态变了才重建」的门控）。
+    pub(super) account: pages::account::Page,
+    /// 皮肤/头像解码缓存（M114：同一张皮肤只解一次）。
+    pub(super) avatars: pages::account::avatar::Cache,
 }
 
 impl App {
@@ -251,6 +257,15 @@ impl App {
             download_draft: pages::InstallDraft::default(),
             install_cancelled_seen: 0,
             content: pages::content::PageState::default(),
+            account_form: pages::account::Form::new(),
+            account: pages::account::Page::build(
+                &AppState::new(),
+                &pages::account::Form::new(),
+                &mut pages::account::avatar::Cache::default(),
+                unlucky_i18n::Lang::En,
+                width,
+            ),
+            avatars: pages::account::avatar::Cache::default(),
         };
         // 配色来源档可能已经指向一张背景图：那时 `Ui` 必须由解析出的方案构造，而不是 baseline。
         app.rebuild_ui();
@@ -333,7 +348,7 @@ impl App {
         // 草稿同理（M105）：它也是页面自己持有的输入，重建模型时带回去，
         // 否则每来一条事件（连安装进度都算）用户填的加载器就被抹回「原版」。
         let draft = self.download_draft.clone();
-        // 右栗占掉的宽度先扣掉：面板展开时页面按更窄的宽度排版（「收缩而不是溢出」，M104）
+        // 右栏占掉的宽度先扣掉：面板展开时页面按更窄的宽度排版（「收缩而不是溢出」，M104）
         let width = self.agent.content_width(self.width);
         // M106：语言形参跟着 `LangState` 走（`draft` 那一位是 M105 的安装草稿）。
         self.view = super::view::model(
@@ -345,6 +360,16 @@ impl App {
             self.lang(),
             &self.content,
         );
+        // 账户页（M114）：与 `view` 同一次门控重建；皮肤解码走缓存，所以重复重建不重解图。
+        // 语言同样跟着 M106 的 `LangState` 走（M114 早期钉死 `Lang::En` 的写法已删）。
+        let lang = self.lang();
+        self.account = pages::account::Page::build(
+            &self.state,
+            &self.account_form,
+            &mut self.avatars,
+            lang,
+            width,
+        );
         self.view_dirty = false;
         self.refreshes += 1;
     }

crates/app-iced/src/app/update.rs

@@ -42,6 +42,7 @@ use super::message::{route_of, Message};
 use super::state::{App, IDLE_TICK, TICK, TICK_MS, WATCH_WINDOW};
 use super::CAPTURE_AT_FRAME;
 
+mod account;
 mod agent;
 mod content;
 mod download;
@@ -185,6 +186,7 @@ impl App {
             // M109：直达内容库时补一次检索（与页面内切换同一个入口）
             self.ensure_content_loaded();
         }
+        account::force_account_state(self);
 
         self.auto_select();
         self.view_dirty = true;
@@ -245,6 +247,12 @@ impl App {
         self.state
             .toasts
             .expire(u64::try_from(elapsed.as_millis()).unwrap_or(u64::MAX));
+
+        // 设备码/授权码的倒计时（M114）：等待态每秒都要重画一次，否则「剩 900s」永远不动，
+        // 用户会以为卡死了——这正是任务里「不得只转圈」的那一条。
+        if self.state.device_login.phase == unlucky_presenter::dto::DeviceLoginPhase::Waiting {
+            self.view_dirty = true;
+        }
         // `ticks` 的单位是**33 ms 的一拍**，不是「advance 被调了几次」：空闲心跳一次跨 1 s，
         // 要记 30 拍，这样 `theme::config_poll_due`（30 拍 ≈ 1 秒）在两种时钟下语义一致。
         let ticks = elapsed.as_millis().div_euclid(u128::from(TICK_MS));
@@ -389,6 +397,8 @@ fn env_start_route() -> Option<Route> {
         "agent" => Some(Route::Agent),
         // M109：内容库（截图矩阵要能直达；页面内的四条侧栏不在路由里）
         "content" => Some(Route::Content),
+        // M114：账户页的 D30 矩阵要能直达（`cli.rs` 不在本 mission 的 scope）
+        "accounts" => Some(Route::Accounts),
         _ => None,
     }
 }

crates/app-iced/src/app/update/account.rs

@@ -0,0 +1,156 @@
+//! 账户页消息的落点（M114）：页面只发意图，这里翻成 `AppCommand` 或本地的表单状态写入。
+//!
+//! 三条纪律（与 `update.rs` 同源）：
+//!
+//! 1. **不做乐观回显**：切账户/删账户/登录都只派命令，等 `AccountsChanged` /
+//!    `DeviceLoginChanged` / `AuthlibLoginChanged` 回来才改列表；
+//! 2. **密码只走一次**：`Submit` 把 `AuthlibRequest` 交给后端后立刻清掉表单里的密码
+//!    （成功失败都清——重试用新输入，不在内存里多留一份凭据）；
+//! 3. **表单态是纯 UI 状态**：输入框改动只写 `App::account_form` + 置脏，不派命令。
+
+use unlucky_presenter::dto::{AppCommand, AuthlibRequest};
+
+use crate::pages::account::{Message as Account, Panel, Track};
+
+use super::super::state::App;
+
+impl App {
+    /// 账户页消息。
+    pub(super) fn on_account(&mut self, message: Account) {
+        match message {
+            Account::Open(track) => {
+                self.account_form.open(track);
+                // 微软面板一打开就把「设备码」这条路准备好：用户点开就该看到码或选择按钮，
+                // 而不是再点一次「登录」（面板里的两条流按钮仍然可选）
+                if track == Track::Microsoft && self.state.device_login.phase.visible() {
+                    self.account_form.panel = Panel::Microsoft;
+                }
+                self.view_dirty = true;
+            }
+            Account::Close => {
+                self.account_form.close();
+                // 关面板同时收掉登录任务（避免关掉面板后后台还在轮询、也不会凭空多一个账户）
+                if self.state.device_login.phase.busy() || self.state.authlib_login.phase.busy() {
+                    self.dispatch(AppCommand::CancelDeviceLogin);
+                }
+                self.view_dirty = true;
+            }
+            Account::Server(value) => {
+                self.account_form.server = value;
+                self.view_dirty = true;
+            }
+            Account::Login(value) => {
+                self.account_form.login = value;
+                self.view_dirty = true;
+            }
+            Account::Password(value) => {
+                self.account_form.password = value;
+                self.view_dirty = true;
+            }
+            Account::OfflineName(value) => {
+                self.account_form.offline_name = value;
+                self.view_dirty = true;
+            }
+            Account::Probe => {
+                let server = self.account_form.server.clone();
+                if !server.trim().is_empty() {
+                    self.dispatch(AppCommand::ProbeAuthlibServer(server));
+                }
+            }
+            Account::Submit => match self.account_form.panel {
+                Panel::Offline => {
+                    let name = self.account_form.offline_name.trim().to_string();
+                    if !name.is_empty() {
+                        self.account_form.offline_name.clear();
+                        self.dispatch(AppCommand::AddOfflineAccount(name));
+                    }
+                }
+                Panel::Authlib => {
+                    let ready = self.account_form.authlib_ready();
+                    if ready {
+                        let request = AuthlibRequest::new(
+                            self.account_form.server.clone(),
+                            self.account_form.login.clone(),
+                            std::mem::take(&mut self.account_form.password),
+                        );
+                        self.dispatch(AppCommand::AddAuthlibAccount(request));
+                    }
+                }
+                Panel::Microsoft => self.on_account(Account::StartBrowser),
+                Panel::None => {}
+            },
+            Account::StartDevice => self.dispatch(AppCommand::StartDeviceLogin),
+            Account::StartBrowser => self.dispatch(AppCommand::StartBrowserLogin),
+            Account::Cancel => {
+                self.account_form.close();
+                self.dispatch(AppCommand::CancelDeviceLogin);
+            }
+            Account::Copy(text) => {
+                // 剪贴板只放用户码/链接这类**公开**内容（凭据永不经过这条路径）
+                let _: iced::Task<crate::app::Message> = iced::clipboard::write(text);
+            }
+            Account::Switch(id) => self.dispatch(AppCommand::SwitchAccount(id)),
+            Account::Remove(id) => self.dispatch(AppCommand::RemoveAccount(id)),
+            Account::Relogin => {
+                // 「重新登录」按微软轨的默认流走（授权码 + 系统浏览器）
+                self.account_form.panel = Panel::Microsoft;
+                self.dispatch(AppCommand::StartBrowserLogin);
+            }
+        }
+        self.refresh_view();
+    }
+}
+
+/// 取证开关 `ULL_ACCOUNT_STATE` 的落地：把「很难自然等到」的状态钉死一次。
+///
+/// 为什么需要：设备码过期要等 15 分钟、第三方站表单要手点两下，截图通道等不到。这里只在
+/// **截图模式**下生效（`--screenshot`），交互模式一律不读——与 `ULL_START_ROUTE` 同一口径。
+pub(super) fn force_account_state(app: &mut App) {
+    if !app.has_screenshot() {
+        return;
+    }
+    let Ok(state) = std::env::var("ULL_ACCOUNT_STATE") else {
+        return;
+    };
+    match state.trim().to_lowercase().as_str() {
+        // 设备码已过期：起点往前挪一小时（倒计时自己算出来就是 0）
+        "expired" => {
+            app.state.device_login_started =
+                Some(std::time::Instant::now() - std::time::Duration::from_secs(3_600));
+        }
+        // 第三方站表单：直接把面板打开并预填地址（截图要看到输入框与校验按钮）
+        "authlib" | "authlib-form" => {
+            app.account_form.panel = crate::pages::account::Panel::Authlib;
+            if app.account_form.server.trim().is_empty() {
+                app.account_form.server = "https://littleskin.cn/api/yggdrasil/".to_string();
+            }
+            app.account_form.login = "steve@example.com".to_string();
+            app.account_form.password = "not-a-real-password".to_string();
+        }
+        _ => {}
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use crate::pages::account::{Message as Account, Panel, Track};
+
+    /// 表单态是纯 UI 状态：打开/关闭面板不派命令，但会把面板切对。
+    ///
+    /// 抓得住：`Open` 忘了写 `panel`（点了轨道卡什么都不出现）、`close()` 不清密码。
+    /// 抓不住：真实 dispatch 的副作用（那要真后端）。
+    #[test]
+    fn the_form_state_follows_the_page_messages() {
+        use crate::pages::account::Form;
+        let mut form = Form::new();
+        assert_eq!(form.panel, Panel::None);
+        form.open(Track::Authlib);
+        assert_eq!(form.panel, Panel::Authlib);
+        form.password = "hunter2".to_string();
+        form.close();
+        assert_eq!(form.panel, Panel::None);
+        assert!(form.password.is_empty(), "关闭面板必须把一次性密码清掉");
+
+        let _ = Account::Open(Track::Offline);
+    }
+}

crates/app-iced/src/app/update/page_messages.rs

@@ -88,6 +88,8 @@ impl App {
                 self.view_dirty = true;
                 self.refresh_view();
             }
+            // M114：账户页（三轨登录 / 列表动作 / 表单输入）
+            pages::Message::Account(message) => self.on_account(message),
             // 还没接后端的占位动作：只打日志（哪几个、为什么，见 pages 模块文档的偏离登记）
             pages::Message::Action(action) => {
                 eprintln!("[page] 占位动作 {action:?} pressed（没有对应 AppCommand）");

crates/app-iced/src/app/view.rs

@@ -19,6 +19,7 @@ use super::state::{log_first_frame, App};
 use super::APP_TITLE;
 
 mod logs;
+mod rail;
 
 use logs::logs_model;
 
@@ -55,10 +56,12 @@ impl App {
         // 右栗（M104）：拆出档返回 `None`（会话已在独立页里）；拖拽期间另有铺满窗口的取指针层。
         let overlay = agent::drag_overlay(&self.agent).map(|element| element.map(Message::Agent));
 
+        let account = self.rail_account();
         match pages::Screen::of(self.state.route()) {
             Some(_) => shell::view_with_background(
                 &self.ui,
                 nav_item_of(self.state.route()),
+                &account,
                 APP_TITLE,
                 background,
                 // M101 r2：设置页的只读状态（外观运行期状态 + 各组自己的状态）一次递进去。
@@ -79,10 +82,37 @@ impl App {
                 self.options.force_state,
                 self.lang(),
             ),
-            // `Route::Agent`：独立页与右栗共用同一个 `conversation::view`（`agent::page` 内部调的它）。
+            // 账户页（M114）：它不走 `pages::Screen` 那四页的 `Model`，自己一棵树
+            // （模型在 `App::account`，由 `refresh_view` 按同一条门控重建；宽度用 M104 的
+            // 中栏可用宽，与其它页同源）。
+            None if self.state.route() == &Route::Accounts => shell::view_with_background(
+                &self.ui,
+                NavItem::Account,
+                &account,
+                APP_TITLE,
+                background,
+                pages::account::view(
+                    &self.ui,
+                    pages::layout::frame_metrics(
+                        pages::layout::PaneKit::Single,
+                        self.account.width,
+                    ),
+                    &self.account,
+                    self.lang(),
+                )
+                .map(Message::Page),
+                agent::docked(&self.ui, &self.agent, self.width)
+                    .map(|element| element.map(Message::Agent)),
+                overlay,
+                self.options.force_state,
+                // M106：导航轨标签按当前界面语言取词。
+                self.lang(),
+            ),
+            // `Route::Agent`：独立页与右栏共用同一个 `conversation::view`（`agent::page` 内部调的它）。
             None => shell::view_with_background(
                 &self.ui,
                 NavItem::Ai,
+                &account,
                 APP_TITLE,
                 background,
                 agent::page(&self.ui, &self.agent, self.width).map(Message::Agent),

crates/app-iced/src/app/view/rail.rs

@@ -0,0 +1,35 @@
+//! 导航轨底部**账户头像位**的状态换算（M114）。
+//!
+//! 为什么单独一个文件：`app/view.rs` 贴着 400 行硬线，而这块逻辑与页面树无关——
+//! 它只回答「轨底那个头像位现在该显示成未登录，还是某个账户」。
+
+use crate::shell;
+
+use super::super::state::App;
+
+/// 导航轨收成「图标条」的窗口高度（M114）。
+///
+/// 判据不是「项数」而是**真实可用高度**：四项 + 底部头像位在 48 标题栏之上还要放得下
+/// 4 × 52 + 4 × 4 + 52 ≈ 300；留出一屏正文的最小高度（424 行宽 + 页头 + 边距），
+/// 低于 720 就把标签收掉，只留图标与头像位（头像位**永远可见**，任务要求）。
+const RAIL_COMPACT_HEIGHT: f32 = 720.0;
+
+impl App {
+    /// 导航轨底部头像位的状态（M114）：未登录 / 已登录两态要一眼能分。
+    pub(super) fn rail_account(&self) -> shell::RailAccount {
+        let compact = self.height < RAIL_COMPACT_HEIGHT;
+        match self.state.active_account() {
+            Some(account) => {
+                shell::RailAccount::signed_in(account.monogram(), account.name.clone())
+                    .compact(compact)
+            }
+            // M106：未登录标签跟着**生效语言**走（早期钉死 `Lang::En` 的写法已删）。
+            None => shell::RailAccount::signed_out(
+                self.lang()
+                    .catalog()
+                    .text(unlucky_i18n::Key::AccountRailSignedOut),
+            )
+            .compact(compact),
+        }
+    }
+}