> For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt.

# 11. Account Settings

Account Settings 用于查看当前账号资料、可访问的门店，以及调整外观、浏览器通知和登录密码。从侧栏底部的账号菜单点击 **Account Settings** 打开。

这些设置不随当前门店切换；其中外观和通知与当前设备或浏览器有关，不代表会同步到其他设备。

## 1 弹窗布局与标签切换

顶部显示 **Account Settings** 和说明“Personal preferences that apply across every store.”，右上角 `×` 关闭弹窗，回到原页面。

左侧标签按以下顺序排列，点击后在右侧显示对应内容，当前标签高亮。右侧内容较多时可滚动查看。

| 标签              | 用途               |
| --------------- | ---------------- |
| Profile         | 查看登录邮箱           |
| Appearance      | 选择浅色、深色或跟随系统     |
| Store Access    | 查看可访问的门店、角色和电话线路 |
| Notifications   | 控制当前浏览器的新邮件线索提醒  |
| Change Password | 修改登录密码           |

## 2 Profile：账号资料

右侧显示 **Email address**，下面是当前登录邮箱和只读说明。

邮箱与身份认证系统绑定，不能在这里修改。当前 Profile 没有姓名、头像编辑入口，也没有保存按钮。

## 3 Appearance：外观

右侧并排显示三张选项卡，各有对应图标。选中的卡片以强调边框和右上角勾选标记表示。

| 选项                         | 显示效果        |
| -------------------------- | ----------- |
| Light · 太阳图标               | 浅色界面        |
| Dark · 月亮图标                | 深色界面        |
| Use system setting · 显示器图标 | 跟随设备的系统颜色模式 |

点击选项后立即应用，不需要另点 Save。外观偏好保存在当前浏览器，不跨设备同步。

## 4 Store Access：可访问的门店

右侧按门店纵向排列卡片，用于核对当前账号可访问哪些已激活门店，以及每家门店绑定的电话线路。

### 4.1 门店卡片

| 位置  | 内容                                                  |
| --- | --------------------------------------------------- |
| 左上角 | 门店图标和名称                                             |
| 右上角 | 当前账号在这家门店的角色：Owner、Editor 或 Viewer；缺少角色信息时显示 Member |
| 第二行 | 电话图标和线路数量，例如 `8 phone lines`                        |
| 下方  | 每个电话号码单独显示为标签，数量较多时换行                               |

截图中的 West Harlem、kinevi ai 及线路数量为当前账号示例。这里是只读清单，不能修改角色、分配号码或编辑门店。

### 4.2 加载与空状态

| 状态       | 显示内容                                                      |
| -------- | --------------------------------------------------------- |
| 加载中      | 门店卡片占位骨架                                                  |
| 加载失败     | Unable to load your store access. Please try again later. |
| 没有已激活门店  | No activated stores；不等于账号完全没有门店权限，未激活门店不在此清单中             |
| 门店没有绑定号码 | No phone lines assigned.                                  |

## 5 Notifications：浏览器线索提醒

右侧显示铃铛图标、**Lead notifications**、说明文字和右上方的开关。开启后，允许当前浏览器接收新邮件线索提醒。

### 5.1 提醒来自哪里

通知只来自当前账号可访问、且在 Store Setup 中开启 **Send lead notifications** 的门店。提醒显示门店名和线索姓名；同一门店的多条线索可能合并成一条提醒。

| 条件                                    | 控制范围          |
| ------------------------------------- | ------------- |
| Store Setup → Send lead notifications | 这家门店是否发送线索通知  |
| Account Settings → Lead notifications | 当前浏览器是否订阅接收通知 |
| 浏览器站点通知权限                             | 浏览器是否允许本站显示通知 |

需要门店允许发送、当前浏览器已订阅且权限允许，才能接收提醒。这个开关不控制 [Lead Line](/funding-strategy/02-产品说明书/10-lead-line.md) 的自动提醒电话。

### 5.2 开启、关闭与异常提示

- 打开开关时，如浏览器询问通知权限，需要选择允许；成功后显示已在本浏览器启用的提示。
- 关闭开关后，当前浏览器停止订阅线索推送，不会关闭门店的通知设置。
- 浏览器已阻止本站通知时，显示权限被阻止的提示，开关不可用，需要到浏览器站点权限中调整。
- 浏览器不支持 Web Push 时显示不支持的说明；状态加载或保存期间，开关也不可用。

换设备或浏览器后，需要在对应浏览器检查通知权限和订阅状态。

## 6 Change Password：修改密码

右侧从上到下排列密码输入框、密码要求和操作按钮。

### 6.1 输入字段

| 字段                   | 填写内容              |
| -------------------- | ----------------- |
| Current Password     | 当前登录密码            |
| New Password         | 新密码               |
| Confirm New Password | 再输入一次新密码          |
| 每个输入框右侧的眼睛图标         | 单独切换该字段的明文 / 隐藏显示 |

### 6.2 校验与提交

新密码需同时满足：至少 8 个字符、包含大写字母、数字和表单认可的特殊字符（例如 `!`、`@`、`#`、`$`）。下方要求列表随输入更新，满足的项目显示绿色勾选；确认密码输入后会显示两次输入是否一致。

| 操作或状态           | 结果                                |
| --------------- | --------------------------------- |
| Change Password | 当前密码已填写、新密码满足要求且两次输入一致时可点击        |
| 提交中             | 显示 Changing password，输入框和提交按钮暂不可用 |
| 修改成功            | 清空密码输入并返回 Profile；当前弹窗流程不会自动退出登录  |
| 修改失败            | 留在表单中显示错误原因，可修改后重试                |
| Cancel          | 不提交修改，返回 Profile                  |

## 7 实现依据

本篇按本地代码核查，页面实际启用情况以部署版本为准。

[设置弹窗](https://github.com/retaintive/callytics-infrastructure/blob/main/apps/web/src/components/settings/account-settings-dialog.vue) · [Store Access](https://github.com/retaintive/callytics-infrastructure/blob/main/apps/web/src/pages/settings/connections.vue) · [外观](https://github.com/retaintive/callytics-infrastructure/blob/main/apps/web/src/pages/settings/components/appearance-form.vue) · [线索通知开关](https://github.com/retaintive/callytics-infrastructure/blob/main/apps/web/src/pages/settings/components/notifications-form.vue) · [改密码表单](https://github.com/retaintive/callytics-infrastructure/blob/main/apps/web/src/components/settings/PasswordChangeForm.vue)