@csntgao/uni-base 0.6.1 → 0.6.2

package/AGENTS.md

@@ -45,7 +45,7 @@ examples/vanilla         原生 HTML / JavaScript 接入示例
 
 `<uniplat-organization-single-employee-selector>` 是语义独立的组织员工单选公共组件。它可与多选组件复用内部数据控制器和真实 transport，但公开标签、`open()` 参数和确认 detail 必须独立。单选界面不渲染多选的已选右侧栏和移动端已选页签，候选区占满内容宽度，选择标识必须为单选圆点而非复选框。单选组件只接收 `initialSelectedEmployeeId`，确认时只返回 `{ employeeId, employee }`；不得向任一组件暴露 `selectionMode`，也不得让单选组件接收 `maxSelection` 或多选 ID 数组。候选数据继续只包含当前 JWT 组织内在职且启用的员工，JWT 和身份字段安全边界与多选组件一致。
 
-`<uniplat-account-context>` 是 40.1 原型导航右侧的统一账户工作台组件，不渲染品牌和全局菜单。它在一个 Host 元素内包含工作台入口、账户胶囊、应用入口浮层和 6.7 企业/团队切换浮层；两个浮层互斥并绝对定位，不改变导航布局。组件根据 Host 提供的 `applicationName` 和账户 transport 自行加载当前应用对应的组织投影与企业认证状态；用户资料复用 `list_available_organizations` 顶层的 `display_name`、`avatar_url` 与 `mobile_masked`，不得再请求 `profile_summary_v2`，Host 不再组装这些展示数据。它支持无归属个人态、企业未认证/审核中/未通过/已认证/认证过期和团队态；用户持有有效 JWT 但在任何企业都没有员工身份时，组件仍须渲染账户胶囊，但不得显示工作台入口，即使 Host 配置了 `workbench`；只有存在员工身份的组织时才显示工作台，Open Application 的 `oid=0` 未选中组织仍按既有规则显示。组织切换由 Host 响应事件，应用加载与 ticket 跳转复用独立的 Application Switcher transport。选中组织时，账户胶囊和菜单资料区必须使用服务端投影中该组织的员工姓名与头像；没有选中组织或该组织没有员工身份时，回退到用户资料。账户胶囊宽度固定，胶囊内姓名超过 6 个字、组织名称超过 8 个字必须截断为省略号，完整值只放在 `title` 上，不得让长名称撑宽胶囊挤压导航左侧内容；展开菜单内仍显示完整名称。组织列表严格使用原型中的企业建筑与团队成员图标，不得替换成员工头像或组织首字。
+`<uniplat-account-context>` 是 40.1 原型导航右侧的统一账户工作台组件，不渲染品牌和全局菜单。它在一个 Host 元素内包含工作台入口、账户胶囊、应用入口浮层和 6.7 企业/团队切换浮层；两个浮层互斥并绝对定位，不改变导航布局。组件根据 Host 提供的 `applicationName` 和账户 transport 自行加载当前应用对应的组织投影与企业认证状态；用户资料复用 `list_available_organizations` 顶层的 `display_name`、`avatar_url` 与 `mobile_masked`，不得再请求 `profile_summary_v2`，Host 不再组装这些展示数据。它支持无归属个人态、企业未认证/审核中/未通过/已认证/认证过期和团队态；用户持有有效 JWT 但在任何企业都没有员工身份时，组件仍须渲染账户胶囊，但不得显示工作台入口，即使 Host 配置了 `workbench`；只有存在员工身份的组织时才显示工作台，Open Application 的 `oid=0` 未选中组织仍按既有规则显示。组织切换由 Host 响应事件，应用加载与 ticket 跳转复用独立的 Application Switcher transport。组织投影更新后（创建组织、切换组织、Host 主动 `refresh()`），已挂载的账户菜单必须原地重新配置，不能因为元素实例没变就停留在旧的组织列表；入驻流程收尾时必须再取一次投影，保证新建的组织出现在切换列表里。选中组织时，账户胶囊和菜单资料区必须使用服务端投影中该组织的员工姓名与头像；没有选中组织或该组织没有员工身份时，回退到用户资料。账户胶囊宽度固定，胶囊内姓名超过 6 个字、组织名称超过 8 个字必须截断为省略号，完整值只放在 `title` 上，不得让长名称撑宽胶囊挤压导航左侧内容；展开菜单内仍显示完整名称。组织列表严格使用原型中的企业建筑与团队成员图标，不得替换成员工头像或组织首字。
 
 `<uniplat-notification-center>` 是内嵌通知中心面板，复刻 AE-Enterprise-Admin 通知中心原型的两栏收件箱：面板顶栏、五类页签、列表、详情、关联资源、附件下载与“全部标已读”。**组件和 core 都不建立 WebSocket 连接**：Host 保留自己唯一的 `/api/user-realtime/ws` 连接并订阅 `notification` channel，把事件原始负载通过 `applyRealtimeEvent()` 喂给组件；`authenticate` 首帧、心跳、游标、重连和断连提示全部归 Host。组件只负责收件箱投影、增量更新和未读数，顶栏铃铛仍属 Host chrome。不得为通知新增第二条 socket 或平行实时通道。
 
@@ -438,7 +438,7 @@ npm 包名、导出类型名、Custom Element 标签、`configure()` 结构、
 - Organization Selector 需测试完整列表、企业认证与团队类型样式、脱敏账户摘要与完整手机号拒绝、按名称和统一社会信用代码搜索且代码不进入 DOM、类型筛选与常显计数、“最近进入 / 全部组织”分组与默认选中、带目标名称的主按钮、无匹配与空归属状态、记住偏好、创建/进入/退出登录事件、`modal` 强制态无关闭按钮且遮罩点击与 `Escape` 都不关闭并在移除后解除 `Escape` 拦截、非法 `presentation` 与重复 ID 拒绝和普通文本插值；事件只包含稳定组织 ID 与偏好，不含姓名、手机号、组织名称或信用代码。`resolveOrganizationEntryDecision()` 需测试 0 个归属、单一归属、命中与失效的记住选择、2 个及以上的默认选中项和非法输入拒绝。
 - Organization Multi Employee Selector 需测试部门树、员工分页和搜索、初始选择补取、跨部门按员工 ID 去重、多选上限、受保护项、确认/取消事件、独立滚动、移动视图、错误重试、身份切换清理，以及 JWT、完整手机号、身份字段和后端错误不进入 DOM、事件、URL或日志。专用 transport 必须测试每次请求重新读取 JWT、只使用 Authorization header、组织级 directory scope 和无调用方身份参数。
 - Organization Single Employee Selector 需测试独立标签与导出、初始单个 ID 回显、新选择替换旧选择、未选时禁止确认、受保护项、标量确认 detail、拒绝多选打开参数，以及与多选组件相同的数据和认证安全边界。
-- Account Context 需测试入驻流程始终渲染为居中的原生对话框而非下拉浮层、普通态可由遮罩点击关闭且强制态不可、已归属用户显示“取消”而无归属用户不显示、必填应用名、组件通过 transport 自行加载用户资料与完整应用组织投影、无归属时仍渲染账户胶囊但不显示工作台入口、带 `code` 的邀请页豁免强制入驻且邀请码不进 DOM、缺 `code` 或其他路径仍强制、离开邀请页后重新强制、Host 自定义 `invitePaths` 生效、企业五种认证状态和团队状态、当前组织员工身份优先及无组织用户身份回退、安全头像与加载失败回退、胶囊内姓名 6 字与组织名 8 字截断及完整 `title`、未超长时不加 `title`、工作台、账户菜单与内置入驻浮层互斥、浮层不改变导航布局、内嵌应用九宫格、创建入口直接启动内置入驻、Host 响应组织切换事件、退出和公共事件安全。专用 UniplatBase transport 还必须测试不请求 `profile_summary_v2`、从 `list_available_organizations` 顶层读取用户资料、按 `application_name` 加载投影、Open Application 的 `organization_oid` 切换、组织级应用目标 `xid` 选择、JWT 只进入 Authorization header 和 Host `setAccessToken()`、响应净化、稳定错误以及公共数据无 JWT；组件范围不得扩展为品牌或完整导航。
+- Account Context 需测试创建组织后切换列表包含新组织、菜单保持打开时投影刷新原地更新列表、入驻收尾再次拉取投影、入驻流程始终渲染为居中的原生对话框而非下拉浮层、普通态可由遮罩点击关闭且强制态不可、已归属用户显示“取消”而无归属用户不显示、必填应用名、组件通过 transport 自行加载用户资料与完整应用组织投影、无归属时仍渲染账户胶囊但不显示工作台入口、带 `code` 的邀请页豁免强制入驻且邀请码不进 DOM、缺 `code` 或其他路径仍强制、离开邀请页后重新强制、Host 自定义 `invitePaths` 生效、企业五种认证状态和团队状态、当前组织员工身份优先及无组织用户身份回退、安全头像与加载失败回退、胶囊内姓名 6 字与组织名 8 字截断及完整 `title`、未超长时不加 `title`、工作台、账户菜单与内置入驻浮层互斥、浮层不改变导航布局、内嵌应用九宫格、创建入口直接启动内置入驻、Host 响应组织切换事件、退出和公共事件安全。专用 UniplatBase transport 还必须测试不请求 `profile_summary_v2`、从 `list_available_organizations` 顶层读取用户资料、按 `application_name` 加载投影、Open Application 的 `organization_oid` 切换、组织级应用目标 `xid` 选择、JWT 只进入 Authorization header 和 Host `setAccessToken()`、响应净化、稳定错误以及公共数据无 JWT；组件范围不得扩展为品牌或完整导航。
 - 通知中心需测试组件注册与导出、两栏首版输出、数据驱动分类页签（`includeTypeFacets` 随收件箱请求、后端 `type_facets` 优先、无 facet 回退累积、筛选后页签不塌缩、展示名取 `notification_type_name` 且为空时回退原始 code、契约四个码不得残留内置中文名、实时新分类入目录）、未读角标与 `unread-count-change`、打开未读即标记已读、全部已读、加载更多、关联资源事件只含安全业务标识、附件经 transport 下载、Markdown 净化、`applyRealtimeEvent()` 不建立任何 WebSocket 且原地更新列表与未读数、事件无法映射时降级刷新、收件箱在途时延后 resync 不丢事件、`configure()` 之前与移除之后喂入事件无副作用、错误横幅为净化文案，以及 JWT 与后端原始正文不进入 DOM、公共事件或日志。小型通知浮层还需测试初始关闭、4 条未读投影、未读总数、严格原型结构与 SVG 图标、单条/全部已读、完整通知页意图事件只含稳定 ID、外部关闭、空态以及 Host 实时事件更新。
 - 使用 fake timer 的测试必须恢复 timer；构造 fake WebSocket 时不要把测试凭据写入 URL。
 - 修复竞态或生命周期问题时增加回归测试，不只验证最终 DOM。

package/CLAUDE.md

@@ -45,7 +45,7 @@ examples/vanilla         原生 HTML / JavaScript 接入示例
 
 `<uniplat-organization-single-employee-selector>` 是语义独立的组织员工单选公共组件。它可与多选组件复用内部数据控制器和真实 transport，但公开标签、`open()` 参数和确认 detail 必须独立。单选界面不渲染多选的已选右侧栏和移动端已选页签，候选区占满内容宽度，选择标识必须为单选圆点而非复选框。单选组件只接收 `initialSelectedEmployeeId`，确认时只返回 `{ employeeId, employee }`；不得向任一组件暴露 `selectionMode`，也不得让单选组件接收 `maxSelection` 或多选 ID 数组。候选数据继续只包含当前 JWT 组织内在职且启用的员工，JWT 和身份字段安全边界与多选组件一致。
 
-`<uniplat-account-context>` 是 40.1 原型导航右侧的统一账户工作台组件，不渲染品牌和全局菜单。它在一个 Host 元素内包含工作台入口、账户胶囊、应用入口浮层和 6.7 企业/团队切换浮层；两个浮层互斥并绝对定位，不改变导航布局。组件根据 Host 提供的 `applicationName` 和账户 transport 自行加载当前应用对应的组织投影与企业认证状态；用户资料复用 `list_available_organizations` 顶层的 `display_name`、`avatar_url` 与 `mobile_masked`，不得再请求 `profile_summary_v2`，Host 不再组装这些展示数据。它支持无归属个人态、企业未认证/审核中/未通过/已认证/认证过期和团队态；用户持有有效 JWT 但在任何企业都没有员工身份时，组件仍须渲染账户胶囊，但不得显示工作台入口，即使 Host 配置了 `workbench`；只有存在员工身份的组织时才显示工作台，Open Application 的 `oid=0` 未选中组织仍按既有规则显示。组织切换由 Host 响应事件，应用加载与 ticket 跳转复用独立的 Application Switcher transport。选中组织时，账户胶囊和菜单资料区必须使用服务端投影中该组织的员工姓名与头像；没有选中组织或该组织没有员工身份时，回退到用户资料。账户胶囊宽度固定，胶囊内姓名超过 6 个字、组织名称超过 8 个字必须截断为省略号，完整值只放在 `title` 上，不得让长名称撑宽胶囊挤压导航左侧内容；展开菜单内仍显示完整名称。组织列表严格使用原型中的企业建筑与团队成员图标，不得替换成员工头像或组织首字。
+`<uniplat-account-context>` 是 40.1 原型导航右侧的统一账户工作台组件，不渲染品牌和全局菜单。它在一个 Host 元素内包含工作台入口、账户胶囊、应用入口浮层和 6.7 企业/团队切换浮层；两个浮层互斥并绝对定位，不改变导航布局。组件根据 Host 提供的 `applicationName` 和账户 transport 自行加载当前应用对应的组织投影与企业认证状态；用户资料复用 `list_available_organizations` 顶层的 `display_name`、`avatar_url` 与 `mobile_masked`，不得再请求 `profile_summary_v2`，Host 不再组装这些展示数据。它支持无归属个人态、企业未认证/审核中/未通过/已认证/认证过期和团队态；用户持有有效 JWT 但在任何企业都没有员工身份时，组件仍须渲染账户胶囊，但不得显示工作台入口，即使 Host 配置了 `workbench`；只有存在员工身份的组织时才显示工作台，Open Application 的 `oid=0` 未选中组织仍按既有规则显示。组织切换由 Host 响应事件，应用加载与 ticket 跳转复用独立的 Application Switcher transport。组织投影更新后（创建组织、切换组织、Host 主动 `refresh()`），已挂载的账户菜单必须原地重新配置，不能因为元素实例没变就停留在旧的组织列表；入驻流程收尾时必须再取一次投影，保证新建的组织出现在切换列表里。选中组织时，账户胶囊和菜单资料区必须使用服务端投影中该组织的员工姓名与头像；没有选中组织或该组织没有员工身份时，回退到用户资料。账户胶囊宽度固定，胶囊内姓名超过 6 个字、组织名称超过 8 个字必须截断为省略号，完整值只放在 `title` 上，不得让长名称撑宽胶囊挤压导航左侧内容；展开菜单内仍显示完整名称。组织列表严格使用原型中的企业建筑与团队成员图标，不得替换成员工头像或组织首字。
 
 `<uniplat-notification-center>` 是内嵌通知中心面板，复刻 AE-Enterprise-Admin 通知中心原型的两栏收件箱：面板顶栏、五类页签、列表、详情、关联资源、附件下载与“全部标已读”。**组件和 core 都不建立 WebSocket 连接**：Host 保留自己唯一的 `/api/user-realtime/ws` 连接并订阅 `notification` channel，把事件原始负载通过 `applyRealtimeEvent()` 喂给组件；`authenticate` 首帧、心跳、游标、重连和断连提示全部归 Host。组件只负责收件箱投影、增量更新和未读数，顶栏铃铛仍属 Host chrome。不得为通知新增第二条 socket 或平行实时通道。
 
@@ -438,7 +438,7 @@ npm 包名、导出类型名、Custom Element 标签、`configure()` 结构、
 - Organization Selector 需测试完整列表、企业认证与团队类型样式、脱敏账户摘要与完整手机号拒绝、按名称和统一社会信用代码搜索且代码不进入 DOM、类型筛选与常显计数、“最近进入 / 全部组织”分组与默认选中、带目标名称的主按钮、无匹配与空归属状态、记住偏好、创建/进入/退出登录事件、`modal` 强制态无关闭按钮且遮罩点击与 `Escape` 都不关闭并在移除后解除 `Escape` 拦截、非法 `presentation` 与重复 ID 拒绝和普通文本插值；事件只包含稳定组织 ID 与偏好，不含姓名、手机号、组织名称或信用代码。`resolveOrganizationEntryDecision()` 需测试 0 个归属、单一归属、命中与失效的记住选择、2 个及以上的默认选中项和非法输入拒绝。
 - Organization Multi Employee Selector 需测试部门树、员工分页和搜索、初始选择补取、跨部门按员工 ID 去重、多选上限、受保护项、确认/取消事件、独立滚动、移动视图、错误重试、身份切换清理，以及 JWT、完整手机号、身份字段和后端错误不进入 DOM、事件、URL或日志。专用 transport 必须测试每次请求重新读取 JWT、只使用 Authorization header、组织级 directory scope 和无调用方身份参数。
 - Organization Single Employee Selector 需测试独立标签与导出、初始单个 ID 回显、新选择替换旧选择、未选时禁止确认、受保护项、标量确认 detail、拒绝多选打开参数，以及与多选组件相同的数据和认证安全边界。
-- Account Context 需测试入驻流程始终渲染为居中的原生对话框而非下拉浮层、普通态可由遮罩点击关闭且强制态不可、已归属用户显示“取消”而无归属用户不显示、必填应用名、组件通过 transport 自行加载用户资料与完整应用组织投影、无归属时仍渲染账户胶囊但不显示工作台入口、带 `code` 的邀请页豁免强制入驻且邀请码不进 DOM、缺 `code` 或其他路径仍强制、离开邀请页后重新强制、Host 自定义 `invitePaths` 生效、企业五种认证状态和团队状态、当前组织员工身份优先及无组织用户身份回退、安全头像与加载失败回退、胶囊内姓名 6 字与组织名 8 字截断及完整 `title`、未超长时不加 `title`、工作台、账户菜单与内置入驻浮层互斥、浮层不改变导航布局、内嵌应用九宫格、创建入口直接启动内置入驻、Host 响应组织切换事件、退出和公共事件安全。专用 UniplatBase transport 还必须测试不请求 `profile_summary_v2`、从 `list_available_organizations` 顶层读取用户资料、按 `application_name` 加载投影、Open Application 的 `organization_oid` 切换、组织级应用目标 `xid` 选择、JWT 只进入 Authorization header 和 Host `setAccessToken()`、响应净化、稳定错误以及公共数据无 JWT；组件范围不得扩展为品牌或完整导航。
+- Account Context 需测试创建组织后切换列表包含新组织、菜单保持打开时投影刷新原地更新列表、入驻收尾再次拉取投影、入驻流程始终渲染为居中的原生对话框而非下拉浮层、普通态可由遮罩点击关闭且强制态不可、已归属用户显示“取消”而无归属用户不显示、必填应用名、组件通过 transport 自行加载用户资料与完整应用组织投影、无归属时仍渲染账户胶囊但不显示工作台入口、带 `code` 的邀请页豁免强制入驻且邀请码不进 DOM、缺 `code` 或其他路径仍强制、离开邀请页后重新强制、Host 自定义 `invitePaths` 生效、企业五种认证状态和团队状态、当前组织员工身份优先及无组织用户身份回退、安全头像与加载失败回退、胶囊内姓名 6 字与组织名 8 字截断及完整 `title`、未超长时不加 `title`、工作台、账户菜单与内置入驻浮层互斥、浮层不改变导航布局、内嵌应用九宫格、创建入口直接启动内置入驻、Host 响应组织切换事件、退出和公共事件安全。专用 UniplatBase transport 还必须测试不请求 `profile_summary_v2`、从 `list_available_organizations` 顶层读取用户资料、按 `application_name` 加载投影、Open Application 的 `organization_oid` 切换、组织级应用目标 `xid` 选择、JWT 只进入 Authorization header 和 Host `setAccessToken()`、响应净化、稳定错误以及公共数据无 JWT；组件范围不得扩展为品牌或完整导航。
 - 通知中心需测试组件注册与导出、两栏首版输出、数据驱动分类页签（`includeTypeFacets` 随收件箱请求、后端 `type_facets` 优先、无 facet 回退累积、筛选后页签不塌缩、展示名取 `notification_type_name` 且为空时回退原始 code、契约四个码不得残留内置中文名、实时新分类入目录）、未读角标与 `unread-count-change`、打开未读即标记已读、全部已读、加载更多、关联资源事件只含安全业务标识、附件经 transport 下载、Markdown 净化、`applyRealtimeEvent()` 不建立任何 WebSocket 且原地更新列表与未读数、事件无法映射时降级刷新、收件箱在途时延后 resync 不丢事件、`configure()` 之前与移除之后喂入事件无副作用、错误横幅为净化文案，以及 JWT 与后端原始正文不进入 DOM、公共事件或日志。小型通知浮层还需测试初始关闭、4 条未读投影、未读总数、严格原型结构与 SVG 图标、单条/全部已读、完整通知页意图事件只含稳定 ID、外部关闭、空态以及 Host 实时事件更新。
 - 使用 fake timer 的测试必须恢复 timer；构造 fake WebSocket 时不要把测试凭据写入 URL。
 - 修复竞态或生命周期问题时增加回归测试，不只验证最终 DOM。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csntgao/uni-base",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "type": "module",
   "packageManager": "pnpm@11.3.0",
   "publishConfig": {

package/packages/web-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniplat/ai-employee-web-components",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "description": "Framework-independent Web Components for Uniplat account, login, application switching and AI Employee chat",
   "type": "module",
   "sideEffects": true,

package/packages/web-components/src/account-context.ts

@@ -731,6 +731,7 @@ export class UniplatAccountContext extends LitElement {
   private loadGeneration = 0
   private configuredApplicationSwitcher: UniplatApplicationSwitcher | null = null
   private configuredUserMenu: UniplatUserMenu | null = null
+  private configuredUserMenuViewModel: ResolvedAccountContext | null = null
   private configuredOrganizationOnboarding: InternalOrganizationOnboarding | null = null
   private accountSettingsNavigationInFlight = false
   private employeeInfoGeneration = 0
@@ -757,6 +758,7 @@ export class UniplatAccountContext extends LitElement {
     this.mandatoryOnboarding = false
     this.configuredApplicationSwitcher = null
     this.configuredUserMenu = null
+    this.configuredUserMenuViewModel = null
     this.configuredOrganizationOnboarding = null
     this.activePanel = null
     this.employeeInfo = null
@@ -940,6 +942,7 @@ export class UniplatAccountContext extends LitElement {
     this.employeeInfoGeneration += 1
     this.configuredApplicationSwitcher = null
     this.configuredUserMenu = null
+    this.configuredUserMenuViewModel = null
     this.configuredOrganizationOnboarding = null
     super.disconnectedCallback()
   }
@@ -1055,11 +1058,21 @@ export class UniplatAccountContext extends LitElement {
     if (!applicationSwitcher) this.configuredApplicationSwitcher = null
 
     const userMenu = this.renderRoot.querySelector<UniplatUserMenu>('uniplat-user-menu')
-    if (userMenu && userMenu !== this.configuredUserMenu && this.viewModel) {
+    if (
+      userMenu &&
+      this.viewModel &&
+      (userMenu !== this.configuredUserMenu || this.configuredUserMenuViewModel !== this.viewModel)
+    ) {
+      // 菜单已挂载时投影也会变（创建组织、切换组织、Host 主动 refresh），
+      // 只按元素实例判断会让组织列表停在旧数据上。
       userMenu.configure(this.toUserMenuConfig(this.viewModel))
       this.configuredUserMenu = userMenu
+      this.configuredUserMenuViewModel = this.viewModel
+    }
+    if (!userMenu) {
+      this.configuredUserMenu = null
+      this.configuredUserMenuViewModel = null
     }
-    if (!userMenu) this.configuredUserMenu = null
 
     const onboarding = this.renderRoot.querySelector<InternalOrganizationOnboarding>(
       INTERNAL_ORGANIZATION_ONBOARDING_TAG,
@@ -1342,6 +1355,9 @@ export class UniplatAccountContext extends LitElement {
   private readonly finishOnboarding = (): void => {
     this.mandatoryOnboarding = false
     this.activePanel = null
+    // 创建成功后服务端投影可能晚于 organization-created 才包含新组织，
+    // 流程收尾时再取一次，保证账户菜单里的组织列表是最新的。
+    void this.refresh()
   }
 
   private readonly openEmployeeInfo = (): void => {

package/packages/web-components/tests/account-context.test.ts

@@ -59,6 +59,30 @@ async function settle(context: UniplatAccountContext): Promise<void> {
   await Promise.resolve()
 }
 
+function projectionWithCreatedOrganization(
+  id: string,
+  name: string,
+  type: 'enterprise' | 'team',
+): AccountContextProjection {
+  const organization = {
+    id,
+    name,
+    type,
+    employeeDisplayName: '创建者高志刚',
+    employeeAvatarText: '高',
+    role: '所有者',
+    memberCount: 1,
+    ...(type === 'enterprise' ? { verificationStatus: 'unverified' as const } : {}),
+  }
+  return {
+    applicationName: APPLICATION_NAME,
+    user: { displayName: '131****2222', maskedMobile: '131****2222', avatarText: '1' },
+    currentOrganizationId: null,
+    currentOrganization: null,
+    organizations: [organization],
+  }
+}
+
 function emptyProjection(): AccountContextProjection {
   return {
     applicationName: APPLICATION_NAME,
@@ -69,7 +93,10 @@ function emptyProjection(): AccountContextProjection {
   }
 }
 
-async function mountUnassigned(extraOnboardingConfig: Record<string, unknown> = {}): Promise<{
+async function mountUnassigned(
+  extraOnboardingConfig: Record<string, unknown> = {},
+  projectionAfterCreation?: AccountContextProjection,
+): Promise<{
   context: UniplatAccountContext
   logout: ReturnType<typeof vi.fn>
   join: ReturnType<typeof vi.fn>
@@ -77,11 +104,20 @@ async function mountUnassigned(extraOnboardingConfig: Record<string, unknown> =
   const context = document.createElement(ACCOUNT_CONTEXT_TAG)
   const logout = vi.fn()
   const join = vi.fn()
+  let loadCount = 0
   context.addEventListener('logout-requested', logout)
   context.addEventListener('join-organization-requested', join)
   context.configure({
     applicationName: APPLICATION_NAME,
-    transport: { load: async () => emptyProjection() },
+    transport: {
+      async load() {
+        loadCount += 1
+        // 创建成功后服务端投影应当包含新组织；未提供时保持零归属。
+        return loadCount > 1 && projectionAfterCreation
+          ? projectionAfterCreation
+          : emptyProjection()
+      },
+    },
     organizationOnboarding: {
       transport: createMockOrganizationOnboardingTransport(),
       ...extraOnboardingConfig,
@@ -227,6 +263,72 @@ describe('<uniplat-account-context>', () => {
     expect(menu?.shadowRoot?.textContent).toContain('新创建团队')
   })
 
+  it('reloads the projection again when the onboarding flow finishes', async () => {
+    const created = projectionWithCreatedOrganization('team-created', '更更更小的团队', 'team')
+    const { context } = await mountUnassigned({}, created)
+
+    const onboarding = context.shadowRoot?.querySelector('uniplat-internal-organization-onboarding')
+    onboarding?.dispatchEvent(
+      new CustomEvent('onboarding-finished', {
+        detail: { organizationId: 'team-created' },
+        bubbles: true,
+        composed: true,
+      }),
+    )
+    await settle(context)
+
+    context.shadowRoot?.querySelector<HTMLButtonElement>('.account')?.click()
+    await settle(context)
+    const menu = context.shadowRoot?.querySelector<UniplatUserMenu>('uniplat-user-menu')
+    await vi.waitFor(async () => {
+      await menu?.updateComplete
+      expect(menu?.shadowRoot?.textContent).toContain('更更更小的团队')
+    })
+  })
+
+  it('updates an already open account menu when the projection changes', async () => {
+    const initialProjection = serverProjection()
+    const updatedProjection: AccountContextProjection = {
+      ...initialProjection,
+      organizations: [
+        ...initialProjection.organizations,
+        {
+          id: 'team-created',
+          name: '更更更小的团队',
+          type: 'team' as const,
+          employeeDisplayName: '团队成员小张',
+          role: '所有者',
+          memberCount: 1,
+        },
+      ],
+    }
+    let loadCount = 0
+    const context = document.createElement(ACCOUNT_CONTEXT_TAG)
+    context.configure({
+      applicationName: APPLICATION_NAME,
+      transport: {
+        async load() {
+          loadCount += 1
+          return loadCount === 1 ? initialProjection : updatedProjection
+        },
+      },
+    })
+    document.body.append(context)
+    await vi.waitFor(() => expect(context.shadowRoot?.textContent).toContain('企业 A'))
+
+    context.shadowRoot?.querySelector<HTMLButtonElement>('.account')?.click()
+    await settle(context)
+    const menu = context.shadowRoot?.querySelector<UniplatUserMenu>('uniplat-user-menu')
+    await menu?.updateComplete
+    expect(menu?.shadowRoot?.textContent).not.toContain('更更更小的团队')
+
+    // 菜单保持打开时刷新投影，列表必须原地更新而不是停在旧数据上。
+    await context.refresh()
+    await settle(context)
+    await menu?.updateComplete
+    expect(menu?.shadowRoot?.textContent).toContain('更更更小的团队')
+  })
+
   it('forces unassigned users into a mandatory onboarding modal with only create or logout', async () => {
     const { context, logout } = await mountUnassigned()
 
@@ -284,7 +386,10 @@ describe('<uniplat-account-context>', () => {
   })
 
   it('closes the mandatory modal only after the created organization success action', async () => {
-    const { context } = await mountUnassigned()
+    const { context } = await mountUnassigned(
+      {},
+      projectionWithCreatedOrganization('enterprise-created', '星河科技', 'enterprise'),
+    )
     const onboarding = context.shadowRoot?.querySelector('uniplat-internal-organization-onboarding')
     const onboardingRoot = onboarding?.shadowRoot
 
@@ -309,7 +414,10 @@ describe('<uniplat-account-context>', () => {
   })
 
   it('closes the forced modal from the single confirm action on the team success page', async () => {
-    const { context } = await mountUnassigned()
+    const { context } = await mountUnassigned(
+      {},
+      projectionWithCreatedOrganization('team-created', '更更小的团队', 'team'),
+    )
     const onboarding = context.shadowRoot?.querySelector('uniplat-internal-organization-onboarding')
     const onboardingRoot = onboarding?.shadowRoot