Your Name
a81a7b162d
修复群系统事件消息重新变回普通气泡+"未找到"作者名（并发编辑意外丢失CSS）
...
e6e51f628087fd7e
2026-09-06 15:03:25 +08:00
Your Name and Claude Sonnet 5
cdca509183
修复群邀请消息卡片丢弃"立即加入"按钮，被邀请人无法接受邀请
...
根因：POST /groups/{topic}/invitations 邀请成功后，后端会往邀请人与被邀请人的
单聊会话里发一条 x-im-type=system_action、template=group_invitation_created 的
消息，content.actions 里带着真实可用的 {type:"group_invitation_accept",
label:"立即加入", target_id:<invitation_id>}（对照参考图 6.3 加入群聊.png）。但
chat-message.jsx 原来对所有 system_action/system_notice 消息一律只取
content.text 渲染成纯文本，这个 action 数据被整体丢弃，消息只显示"邀请你加入群聊。"
没有任何按钮——im-api.js 里封装好的 acceptGroupInvitation() 因此从来没有调用点。
怎么修：chat-message.jsx 在原有的文本兜底之前，单独识别 content.actions 里
type=="group_invitation_accept" 的这一种模板，渲染一张带按钮的小卡片（其余
system_action/system_notice 模板的纯文本渲染保持不变，不受影响）；
messages-view.jsx 新增 handleAcceptGroupInvitation，调用 acceptGroupInvitation()
并用已有的 showToast 反馈结果，逐层传给 ChatMessage 的新 onAcceptGroupInvitation
prop。按钮点击后按 busy/joined/pending_approval/error 四态展示，避免重复提交。
验证：用两个真实账号（A 建群，直接对 B 发起 POST /invitations）复现，重新构建后
B 的会话里正确出现"邀请你加入群聊。"+"立即加入"按钮；点击后正确调用
POST /group-invitations/{id}/accept 并把返回的失败原因("服务器繁忙，请稍后重试")
展示出来——这一步暴露了一个独立的后端 500 bug（accept 接口本身的实现有问题，
已记录在测试报告里，不在本次前端修复范围内），前端的请求发起、按钮状态机和错误展示
均已确认按预期工作。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-06 13:26:14 +08:00
Your Name
01325ad009
fix(css): 补齐按钮内标题/内容间距异常的遗漏实例
...
用户反馈"我的收藏-文件"tab标题(strong)与内容(small)间距过大，根因是全局
`button{line-height:2.2rem}`重置（面向单行居中按钮文案）继承进了改造成
卡片/多行行容器的<button>内部未显式覆盖line-height的<strong>/<small>。
本次除修复用户直接指出的.library-file-card/.library-record-header外，
系统排查全项目同类模式（button内嵌套strong+small），额外修复3处此前遗漏：
- .library-message-results（查找聊天记录-聊天记录tab搜索结果）
- .personal-identity（"我"页头像+昵称+企业名身份卡片）
- .report-cards > button（月报列表行，日报列表用article非button故不受影响）
均已在浏览器实测line-height从2.2rem降至1.3，视觉间距恢复正常。
2026-09-06 10:40:40 +08:00
Your Name and Claude Sonnet 5
6882103461
实现收藏文本长文本折叠/展开/复制、收藏搜索关键词高亮
...
需求7.4两处此前完全没接：文本收藏是不限高度的纯<p>，长文本不折叠、
没有展开/收起，也没有复制按钮；收藏搜索的query从未传到文本收藏这一
层，History那边已有的Highlight组件在Favorites里从未被引用（实测：
搜索一个真实命中的关键词，结果列表0个<mark>）。
新增FavoriteText组件：用scrollHeight/clientHeight判断是否真的溢出
（避免给短文本也显示无用的"展开"按钮），复制走和context-menu.jsx
的copyMessageText一致的navigator.clipboard.writeText。
-webkit-line-clamp在当前环境对这个<p>不生效（getComputedStyle能读到
设置值但视觉不裁切），改用line-height反推的max-height+overflow:hidden；
外层容器不能用display:flex，会被UA blockify成flow-root导致同样失效。
第十二轮最小粒度测试 Ch7 发现，已用真实浏览器验证展开/收起切换正常、
搜索关键词高亮正确命中。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-06 05:30:40 +08:00
Your Name and Claude Sonnet 5
ee2cf6f965
修复收藏/聊天记录检索的请求竞态、下载页按钮占一半宽度、两个类名零CSS覆盖
...
- Favorites/History 组件的 load() 原来没有过期响应保护：切换类型/输入搜索词都会触发新请求，
但如果一个更早发出的、范围更宽的请求（比如"全部"）比后发的窄范围搜索请求更晚返回，会无条件
覆盖掉已经正确显示的搜索结果——实测复现过"搜索框显示查询词，列表却是全量未过滤结果"。改成
每次调用 load() 时认领一个自增计数器，响应到达时如果计数器已经被更新的调用推进过，直接丢弃
这个过期响应。History组件（按topic/tab/query切换）是同一个模式，一并修复。
- `.library-download-actions`（下载页loading/done两态的按钮容器）是2列等宽grid，但两个状态
永远只渲染1个按钮——按钮固定占左侧50%宽度，右侧约一半容器宽度是死空白。改成单列。
- `.library-empty-hint`（收藏/聊天记录/下载页的加载中提示文字）和`.library-load-more`
（"加载更多"按钮）在base.css里完全没有对应规则，退化成浏览器默认段落间距/按钮外观——
补了基础样式，跟第八轮修复的.library-link-text/.library-record-header是同一类遗漏。
均已重新构建并实测验证（下载按钮宽度、空状态文字样式、加载更多按钮样式均用真实DOM测量确认；
请求竞态修复通过真实收藏页搜索/清空往返验证无回归，竞态本身的精确时序难以在测试环境里稳定
复现，但修复采用的是标准、成熟的自增计数器丢弃过期响应模式）。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 18:46:29 +08:00
Your Name and Claude Sonnet 5
47148aa75d
修复登录页浏览器后退卡死、已认证态下登录/注册的凭据校验绕过、系统消息分页丢失等第1-2章问题
...
- 最主要的一处：登录成功后点浏览器"后退"，会回到一个仍然认为"已登录"的底层连接、但重新挂载出来
的登录表单——按钮永久卡在禁用的"登录中…"（loginDisabled只有失败分支会重置，成功分支从来没有,
因为正常路径下这个页面早就导航走了，没人会看到）；如果不管这个直接切换企业码后再次提交，
doLogin()/handleNewAccountRequest()开头的"已认证就直接放行"逻辑会让登录悄悄跳过凭据校验，
或者让注册请求收到后端原始英文错误"already authenticated (409)"。根治方式是在
handleHashRoute加一道门：hash指向登录/注册等纯"未登录态"视图、但连接其实已认证时，直接重定向
离开，不让这类表单有机会被重新渲染出来——已用真实浏览器验证4个入口(login/register/tenant/
reset/cred)全部正确重定向，且确认不影响真正的登录后安全类页面(如identity-check)。
handleLoginSuccessful也顺手补了loginDisabled:false兜底。
- 系统消息列表：后端`GET /system-notifications`明明返回`next_cursor`表示还有更多，前端从来没用过，
未读50+条永远只能看到最近20条、永远没法真正清零。补了"加载更多"分页——已用真实账号（60+条历史
通知）验证，点击后正确追加下一页、游标耗尽后正确不再显示按钮。
- 已处理(通过/拒绝)的好友申请通知，原来只要event_type以"friend.request"开头就显示"查看新朋友"
按钮——不区分"待处理"和"已是历史结果"，点了跳到待处理列表也找不到对应项。改成只在
`friend.request.created`时显示，已用真实账号里同时存在created/accepted/rejected三种通知
验证行为符合预期。
- 注册页四处不统一的占位品牌名（讯工捷迅/捷信密使/捷讯/即时通讯，没有一个是真实品牌名）与
系统消息页脚"即时通讯安全团队"，统一改用BASE_APP_NAME("MeetingIM")。
- config.js的KNOWN_HOSTS.hosted从web.tinode.co改为web.118im.com（这是WS连接失败时的最终
兜底地址，指向无关第三方域名不只是品牌问题，是真实会连错服务器）；host-name.js的
detectServerAddress()原来只要hostname是localhost就无条件返回硬编码的localhost:6060，
完全不管页面实际监听的端口——本项目自己的开发代理跑在8093，清缓存后首次连接必然先撞一次
死连接，改成和非localhost分支一样用页面自己的真实端口。
- 实名认证提交成功后，姓名/证件号输入框原来会变成空白（后端成功响应不含masked_name/
masked_id_number，组件切到只读态时又没有回退到用户自己刚输入的草稿值）——改成没有脱敏字段时
回退显示用户本次会话里刚输入的原始值，不是留白。
- Firebase推送通知初始化失败原来复用登录/注册表单的错误提示通道，可能盖住一个同时发生的真实
登录错误，或在用户还没操作登录表单时就先弹出一条无关提示——推送本身是锦上添花功能，改成只
console记录+静默关闭开关，不再抢占登录页的错误展示位。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 18:36:03 +08:00
Your Name and Claude Sonnet 5
8b51fd3eb8
修复通讯录顶部入口箭头图标错位、群管理员列表移除后读到服务端过期缓存
...
- .people-entry-list > button 是4列grid，最后一列专留给箭头图标，但"新朋友"未处理申请数为0/
"群组"/"文件助手"/"系统消息"这几个入口没有badge时，JSX只渲染3个真实子元素，grid自动布局
把箭头挤进第3列——实测空出623px空白，图标紧贴文字，完全不是贴右对齐效果。改成显式
grid-column:4 钉住箭头位置，不再依赖前面到底渲染了几个兄弟节点。
- AdminList移除管理员后紧接着的load()重新查询命中了服务端对这个查询形状的过期缓存，界面上
刚移除的管理员会短暂"复活"。改成移除成功后直接用已确认生效的结果本地更新state+patch共享
缓存，不再指望立即重新查询能反映刚发生的变更（这个缓存问题本身是后端"新增7"已记录的问题，
重新查询本身没有办法绕过，前端这次做的是不依赖它）。
均已用真实DOM结构/computed style确认修复生效。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 18:23:19 +08:00
Your Name and Claude Sonnet 5
7db687602b
修复移动端语音通话胶囊被撑成方块、来电页认证徽章在长姓名截断时完全不可见
...
- #video-container.minimized 的移动端媒体查询规则（宽度100%/高度11rem/方角，本是给视频悬浮窗
修的）和 #video-container.audio-minimized（语音胶囊自己的auto/auto/无阴影）特异度相同
(1,1,0)，前者写在文件更后面、源码顺序上赢了——语音通话点最小化后，移动端下胶囊被强行撑成
贯穿屏幕顶部的方形透明条，胶囊本体和还原按钮挤在左上角。补 :not(.audio-minimized) 排除。
- 来电全屏页认证徽章原来和姓名文字共用同一个 white-space:nowrap+ellipsis 的<h1>，姓名够长
触发省略号时，排在姓名后面的徽章（同一行内容里靠后的部分）跟着一起被截断出可视区域之外——
不是"字体显示不全"，是整个徽章都看不见。改成flex布局：姓名单独一个可截断的flex子项，
徽章作为flex:none的兄弟节点，不参与省略号裁切，姓名截多短徽章都能跟在后面。
均已用真实DOM结构/getComputedStyle确认修复生效。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 18:19:58 +08:00
Your Name and Claude Sonnet 5
d573b38d10
第九轮(部分)：修复日报徽章配色、彻底重做PIN定位方案、清理静态文件品牌残留
...
- 日报卡片"已提交/未提交"状态徽章补色：DailyReportCard用<article><header><em>结构，原选择器
要求.report-cards直接子<button>，日报卡片永远命中不了、只落到不分状态的兜底样式；月报因为
行本身就是<button>所以没受影响。详情页.report-author em同理补了区分色（原来恒为绿色，"未
提交"用绿色在语义上很怪）。
- 青少年模式/独立密码设置的PIN输入定位改用结构性方案，不再靠猜一个rem偏移量：给
.auth-pin-boxes/.auth-pin-input包一层.auth-pin-wrap，输入框inset:0精确覆盖方块的真实
渲染框，不管外层页面有没有标题、padding多少都自动对齐。上一轮的补丁（.youth-password-gate
.auth-pin-input{top:1.75rem}）把重叠率从0%提到32.5%，本轮实测确认还是不够（方块下方
67.5%的面积点不中），根治后4个采样点（四角+中心）全部精确命中输入框。过程中额外发现并
修复了两个更隐蔽的层叠问题：全局input[type=text]的height:2.5rem特异度反超裸class、
textarea/input共享的margin:0.25rem重置——不清掉这两个会让inset:0看起来生效了、实际尺寸/
位置还是被悄悄改掉。
- .report-loading（举报原因页加载态）补基础样式，原来在base.css里零匹配，吃浏览器默认<p>样式。
- 清理静态文件里的Tinode品牌残留：index.html/index-dev.html的<meta>标签（application-name/
description/og:*/canonical，此前只改了<title>，meta标签一直没跟上）、manifest.json（name/
short_name/description改MeetingIM；prefer_related_applications+related_applications整个
删掉——这两个字段会让Android/Chrome"添加到主屏幕"时引导用户去装无关的第三方开源Tinode App，
不只是文案问题）；删除.well-known/assetlinks.json（声明了无关第三方App对本域名的URL处理/
登录凭据代理权限，属于遗留模板残留，无真实对应关系，直接移除而非编造虚假内容）。
manifest.json里的图标文件(logo96.png/logo192.png/logo.svg)本身画的就是Tinode的蓝绿橙"t"标志，
是真实的视觉品牌泄漏，但重新设计一套图标涉及视觉识别决策，本次未动，留给用户决定。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 18:17:48 +08:00
Your Name and Claude Sonnet 5
d759f67b11
第八轮最小粒度测试：修复CSS选择器/JSX结构不匹配的一整类bug，清理Tinode品牌残留
...
第八轮改用"读CSS选择器+核对JSX结构"的方式复测全部11章，命中了7轮纯接口测试从未发现的一类
问题——选择器写对了但目标元素的实际DOM结构/className对不上，样式静默失效：
- 语音通话最小化胶囊按钮尺寸被同特异度规则覆盖；移动端悬浮通话窗口left/right/width三值同时
生效导致过度约束；来电全屏页认证徽章/姓名标题缺少专属样式覆盖
- 我的收藏-语音卡片三列grid对应实际只有1个子元素，播放器被压缩到卡片左侧一角；链接/记录头部
完全没有基础样式，退化成浏览器默认外观
- 多选模式下"收到的"消息气泡被flex auto-margin一起拖到最右侧；.avatar-box/#send-message-panel
两处逗号断句错误导致后半句选择器丢失祖先限定
- 按住说话悬浮反馈渲染成内联胶囊，而参考图要求的居中悬浮卡片样式其实已经存在（挂在了另一个非
生产demo组件上）；批量转发确认框沿用了80%视口高度；audio-player.jsx的playback类点在canvas
上而非包裹层，波形和计时器可能纵向堆叠
- "消息已撤回"占位符误拼了日期分隔条的class而非专属的deleted
品牌清理：浏览器标签页标题、未读数标题更新均硬编码"Tinode"；LINK_CONTACT_US等三个链接常量
指向开源Tinode项目自己的域名（联系我们改为跟用户条款/隐私协议一致的toast，不再发起外部mailto）。
以及：空会话丢失.chat-box样式类、青少年模式PIN定位、若干收藏/文件类型展示细节。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 17:09:42 +08:00
Your Name and Claude Sonnet 5
290fc80f3e
群二维码行的小图标也应跟箭头贴在一起靠右，而不是单独留在文字标签后面
...
上一次修复把 margin-left:auto 放在了这一行的最后一个图标（箭头）身上，箭头确实到了最右，
但二维码小图标是这一行倒数第二个子元素，没吃到这个 auto margin，还留在原位——变成"二维码
图标贴左、箭头单独贴右"两边分家。auto margin 改放到这一组里最靠前的图标（二维码图标）身上，
箭头作为它后面的下一个兄弟元素自然跟上，两个图标现在整组一起贴右。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 13:30:43 +08:00
Your Name and Claude Sonnet 5
e66550867c
修复群资料页箭头图标参差不齐
...
"群头像"/"群二维码"两行没有其它行都有的 <small>（靠 margin-left:auto 把末尾箭头推到最右），
末尾图标紧贴在文字标签后面，导致整页箭头图标一个贴左一个贴右，参差不齐。给这两行末尾图标
直接加 margin-left:auto，跟其它行的箭头对齐到同一条竖线上。
（过程中试过给文字标签加 margin-right:auto 间接推挤，实测反而导致标签本身被推到行中间，
不是预期效果，改为直接在末尾图标自己身上加 margin-left:auto，语义更明确也更可靠。）
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 13:25:42 +08:00
Your Name and Claude Sonnet 5
bd1d6ff0b0
修复群资料页头像被拉伸变形，成员数改为跟列表一致的可点击行
...
- .group-profile > button > span 漏排除 .group-avatar，把只该用于文字标签列对齐的
min-width:6rem 也套到了头像 span 上，头像被横向拉伸成80px宽的长方形而不是正方形
- 底部"N位成员"原来是一个孤立的灰底纯文本 <p>，样式和上面的列表格格不入；改成与其它
行一致的可点击行，点击跳转真实的群成员列表页（复用群聊设置页已验证过的同一个跳转）
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 13:16:55 +08:00
Your Name and Claude Sonnet 5
f2218a822e
修复用户实测反馈的4处问题：品牌名泄露、修改密码页注释泄露、安全提醒页未居中、群相关行间距
...
- 品牌名：BASE_APP_NAME 从 "TinodeWeb" 改为 "MeetingIM"（关于页/青少年模式文案不再暴露 Tinode 字样）；
logo-view.jsx（未选中会话时的空状态）去掉开源模板遗留的 Tinode 主页/GitHub 链接/原始版本号，
换成品牌图标+"选择一个会话开始聊天"
- personal-settings-view.jsx：删除 ChangePassword 页面里被误当正文渲染的开发注释（提及 Tinode 协议），
改回真正的代码注释
- base.css：.risk-info-page（安全提醒整页）补 margin:0 auto——原来复用模态弹窗的 .risk-dialog 样式，
宽屏下整块内容贴左显示，没有居中
- base.css：.group-member-picker/.group-settings-header/.group-member-section-title 的 strong/small
漏加入既有的 line-height:1.3 覆盖名单，继承通用 button{line-height:2.2rem}，导致群成员列表/群聊设置
头部的姓名与角色/简介文字行间距异常大、贴底部分割线过近
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 13:06:18 +08:00
Your Name and Claude Sonnet 5
f42b8536e5
第六轮深度测试：7个并行agent覆盖全部11章，修复21处前端问题
...
Ch1-2: 用户名注册邀请码错误改为友好文案(原为原始TypeError泄露给用户)；
企业注册页扫描图标补上点击反馈。
Ch3-4: 发名片消息补传typeHint(此前被后端误分类成text，搜索/历史摘要显示成JSON)；
文件卡片按mime大类区分图标颜色(此前所有文件都是同一个灰色通用图标)；
表情面板补上专属退格/发送按钮(浅蓝禁用/深蓝启用两态)；订正一处与截图不符的代码注释。
Ch5-6: 群聊设置页"群成员"补上可点击的完整成员列表页(复用MemberPicker字母分组)；
群文件页去掉无依据的硬编码"/10GB"容量上限显示。
Ch7: 收藏点击图片/视频缩略图补上预览；"查找聊天记录-链接"tab补上定位回原消息；
文件下载页返回入口按来源tab纠正；批量转发成功计数改为按目标会话去重
(原公式混用"收藏条数"和"目标会话数"两个维度，混选多条收藏转发时可能显示负数)；
收藏/视频tab切换补上URL路由同步。
Ch8: topic.onInfo在通话期间补上事件转发(此前通话中"对方正在输入"和已读回执静默失效)；
主叫等待接听页补上"正在等待对方接受邀请…"文案；语音通话最小化胶囊的还原按钮移出
拖拽区域(原来嵌在draggable内部，指针捕获可能吞掉点击)；修复中等窗宽(641-750px)下
本地摄像头预览遮挡"切换摄像头"按钮的CSS重叠。
Ch9: 部门树展开时跳过child_count=0的注定空请求；月报字数上限从硬编码1000改为读取
后端真实的10000；发起会议补上"结束时间需晚于开始时间"的本地校验和更具体的报错；
日报/月报统计接口补上department_id透传(此前包装函数注释断言后端会忽略，实际已支持)。
Ch10-11: URL风险检测补上g标志(原来一条消息只检查第一个链接，第二个链接哪怕是高危
也不会被拦截)；补上"安全教育"设置入口(原功能完整实现但零入口，需手改hash才能打开)；
修改密码按钮补上busy态反馈；青少年模式PIN页补上"忘记独立密码"入口(后端已支持重置，
前端未接)；"关于我们"补上"联系我们"行。
7个agent同时对全部11章存量后端问题条目逐一复核，结论详见待整理的后端问题清单更新
(Ch1-2发现一条P0级后端问题：验证码固定值"123456"，已记录未修复，不在此commit修改
im_be仓库范围内)。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 03:48:28 +08:00
Your Name and Claude Sonnet 5
d42591284f
第五轮深度测试：管理员撤回、所有人@提醒、失效附件UI，并核对现存后端问题清单
...
- messages-view.jsx: 拖拽发送/回复菜单在编辑态下的旁路修复；群主/管理员可撤回他人消息
(对齐后端 authorizeIMMessageMutation 的 allowAdmin)；新增"所有人"@提醒(head.mention_all)。
- chat-message.jsx: system_action 头类型消息按 system_notice 同款渲染(此前显示"内容无效")。
- content-library-view.jsx: 语音/链接/图文收藏与聊天记录卡片补上 removed(已失效)态UI，
之前只有 FileCard 处理了这个状态。
- call-panel.jsx: handleVideoOfferMsg(5步.then链，用reject sentinel跳过后续步骤)、
handleToggleSpeakerClick 补组件卸载守卫，修完此前遗漏的两处。
- group-management-view.jsx: 治理开关(Governance.setField)和群主转让(OwnerSelect)
补上乐观锁 version 参数(此前从不传，服务端 version<=0 时会跳过冲突检测)；群文件搜索框
文案承诺"搜索文件名或者上传者"但服务端q参数只匹配文件名，改为拉取全量列表本地按文件名+
已解析的上传者昵称一起过滤；群公告详情页补上从未被调用过的已读上报(readGroupAnnouncement)。
以上均用真实账号在浏览器/直接请求验证：管理员撤回、system_action渲染、mention_all、
文件按上传者搜索、公告已读上报(200)、治理开关stale-version探测确认409冲突检测生效。
7个并行测试agent对全部11章做了第二轮回归+现存后端问题清单逐条复核，结论待整理进
docs/IM-后端问题清单*.md（全部现存条目复核后均建议保留，多条证据强度从推断升级为已验证）。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com >
2026-09-05 02:07:47 +08:00
Your Name and Claude Opus 5
505a6d7d56
补齐第3-4章composer功能缺口：跨话题草稿/@提醒/表情面板/附件面板/名片/收藏发送/按住说话/语音未读红点
...
第3-4章复测确认这批原型图要求的功能之前完全没做（真实聊天引擎 messages-view.jsx/
send-message.jsx 从Ch1开始一直是最基础的版本：两个附件图标+文本框+发送/麦克风，
没有@、没有表情面板、没有7宫格附件面板、没有名片/收藏发送、语音是点一下进入录音模式
不是按住说话）。这次一次性把8项都接上，除了新功能外，过程中顺带发现并修了4个真bug。
**跨话题草稿**（im-api.js 新增 getTopicDraft/updateTopicDraft，messages-view.jsx）
话题切换时拉取 GET /topics/{topic}/draft（真实验证过P2P用原生话题名——对方user_id——
可以正常读写，接口内部自己会查Subs.Get校验，不需要额外归一化），输入框内容600ms防抖
PUT回去；真正发送成功后立即清空服务端草稿，不等下一次防抖。真实验证：输入文字→切走
再切回→草稿还在；刷新整个页面（新WS会话）→草稿依然从服务端正确恢复。
**@提醒**（send-message.jsx 新增 mention 相关状态和UI，messages-view.jsx 新增
mentionSearch/mentionedUsers/applyMentionResolution）
只在群聊开放，检测"光标前最近一个未闭合的@"触发面板，调 getGroupMembers(topic,
{mentionable:true, query}) 做实时搜索。协议层面：Tinode原生Drafty.parse本来就会把
纯文本里的"@word"自动识别成MN实体，但data.val存的是匹配到的原始文字，不是uid——
真正的uid只有用户从选择器里点选时才知道，记在 messages-view.jsx 的
this.mentionedUsers，发送前重新parse一遍把匹配上的占位符换成真uid。真实验证：选
"kcg051307"发送后直接查后端存储，MN实体的data.val确认是真实uid
"usrYVeV0yZs8tw"，不是原始文字。
**表情面板**（send-message.jsx）
2个tab（😊 表情/♡常用），常用表情本地localStorage维护。图片没有拍到第二个tab具体
内容，判断"常用"是这类两tab设计里最常见、也是本项目里唯一有本地存储依据能撑起来的
语义。真实验证：点表情正确插入文本框，用过的表情正确出现在"常用"tab。
**7宫格附件面板**（send-message.jsx，替换原来常驻的照片/文件两个图标）
照片/拍摄/语音通话/名片/文件/收藏/视频通话。语音通话、视频通话复用第8章已有的
handleStartAudioCall/handleStartVideoCall（从 tinode-web.jsx 新抽出 canStartCall()
方法，同时替换掉"..."菜单里原来的内联判断，避免同一个判断逻辑两处维护),仅P2P且
真实通话功能可用时才不置灰——真实验证过群聊里这两项正确显示为禁用状态。
**名片消息**（send-message.jsx openCardPicker/sendCard，复用原生TheCard/
Drafty.appendTheCard）
选好友生成名片，uid必须用TheCard.setTinodeID写进vCard的comm数组（不是随便塞进某个
字段——widgets/the-card-mini.jsx渲染时用TheCard.getFirstTinodeID读这个协议项来判断
"发消息"按钮指向谁）。真实验证：选中好友后发出的名片消息真实带"聊天"按钮，点击可用。
**收藏发送到当前会话**（send-message.jsx openFavPicker/sendFavorite，复用Ch7的
forwardFavorites接口）
真实联调中发现并修复一个新bug：这个接口和其它几个批量接口一样，HTTP层恒定200，
真实成败要看items[].status——原来的写法完全没检查这个字段，等于假装总是成功。已改成
检查失败项并报错。同时真实测试还发现该接口对P2P目标会返回200+items[0].status:
"failed", reason:"PERMISSION_DENIED"（哪怕是真实好友、这个会话本身发消息完全正常），
看起来是后端这个接口自己的写权限判断有问题，不是前端能修的，已记录。
**按住说话+上滑取消录音**（send-message.jsx新增手势处理，audio-recorder.jsx新增
holdMode展示态）
mousedown/touchstart直接挂载AudioRecorder（挂载即开始录音，复用原有机制不动），
移动超过80px判定为"松开取消"，松手时通过ref直接调组件内部的handleDone/handleDelete。
过程中发现并修复3个真bug：① injectIntl包裹AudioRecorder默认不支持ref转发
（"Function components cannot be given refs"警告，ref静默失效)，加
{forwardRef:true}修好；② handleDelete从来没有像handleDone那样判空mediaRecorder，
录音还没真正开始（getUserMedia尚未resolve)就点删除会直接抛TypeError，这是原有代码
一直存在的问题，这次因为按住松手可能在录音刚开始的瞬间发生而被真实触发；③
cleanUp()同理没判空this.stream。补上判空后，"从未真正开始录音就结束"这个场景会
直接当作取消处理并正确调用onDeleted，不会再把UI卡在录音态出不来（真实验证：这个
环境的浏览器面板本身会拦截麦克风访问，用这个"getUserMedia永远拒绝"的真实场景反而
完整测出了正常/取消两条路径在录音真正开始前结束时都不再卡死或报错）。
**语音消息未读红点**（chat-message.jsx/audio-player.jsx/formatters.js）
纯客户端概念，原生Tinode的recv/read只到"消息本身有没有被看到"，跟"这条语音有没有
真的被点开听过"是两回事。audio-player.jsx的播放按钮新增可选onPlay回调（不传不影响
现有调用方），formatters.js的AU分支透传给它，chat-message.jsx按话题维护一份
localStorage"已播放seq集合"，对收到的（非自己发的）语音消息，没播放过就在气泡右上角
显示红点。真实验证：用原生SDK的_routeData往话题本地缓存注入一条真实结构的语音消息
（浏览器面板拦截麦克风，没有真实语音消息可用，用这个方式验证渲染/播放回调/持久化
三段逻辑），红点正确出现；直接触发播放回调后红点消失且localStorage正确写入对应seq。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com >
2026-09-04 21:59:09 +08:00
Your Name and Claude Opus 5
d01547d3de
重新生成 base.min.css（自9月3日起已落后11次真实CSS提交，生产环境从未见过）
...
生产环境的 index.html 引用的是 base.min.css，本地/测试用的 index-dev.html 引用的
是未压缩的 base.css——这次全需求复测（含第6-11章一系列真实bug修复+今天新增的
实名提醒弹窗/群主转让确认等样式）改的都是 base.css，没有一次顺手跑
`npm run build:css` 重新生成压缩版。也就是说，这段时间验证过的每一处CSS修复，
如果现在直接照旧部署 index.html 到生产，用户会一处都看不到。
跑 `npx postcss css/base.css > css/base.min.css` 补上这次遗漏，往前追平到
c4189646noreply@anthropic.com >
2026-09-04 17:21:33 +08:00
Your Name and Claude Opus 5
c4189646f4
消息首页：群聊头像图标、昨天的时间格式、常联系的人名字截断
...
对照 docs/images/消息.png 逐项核对消息首页，实测 DOM 后确认三处：
1. 群聊会话的兜底头像画成了单人像：normalizeConversations 没给任何会话设 icon，全部落到
Avatar 的默认值 person，列表里分不出哪条是群。按 topic 的 grp 前缀区分，群用 group 图标。
顺带把群的 online 传 undefined——群不存在"在线"概念，之前会给群也渲染一个状态点。
2. 昨天的会话只显示"昨天"，参考图是"昨天21:03"带具体时间。实测修复后显示"昨天17:40"。
3. "常联系的人"的名字被截断：格子 3.75rem(50px)，而 "kcg051307" 这类用户名需要 52px，
显示成 "kcg0513..."；参考图里这一栏名字是完整显示的。加宽到 4.4rem，实测 59px 可见宽、
59px 实际宽，不再截断。
另外记录一个未改的观感偏差供决策：这一栏的头像实测占视口宽 10.1%（42.7px / 424px），参考图
里约占 17%，明显小一号。放大属于观感调整不是缺陷修复，没有自行改动。
本轮还做了一次全局层叠扫描（遍历 19 个页面，自动检测图标在容器内不居中、文字被压成 0 高度、
元素溢出视口、意外截断四类问题）：除上面这处截断外没有新命中，说明之前群设置页那组 CSS 层叠
冲突是孤立的，没有蔓延到其他页面。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com >
2026-09-03 18:09:00 +08:00
Your Name and Claude Opus 5
0ba3577c96
群头像图标贴顶不居中；成员格子文字区过窄
...
用户实机反馈的三点，逐项查证后：
1. 图标垂直不居中（真bug，已修）：.group-settings-header span 这条规则把 .group-avatar 一起
命中了——它本身就是个 span，被改成 flex-direction:column 之后，自己的 place-items:center
只剩交叉轴（水平）生效，主轴（垂直）退回 flex-start，图标贴着方块顶部。实测头部群头像上边距
0px、下边距 28.7px，左右各 14.3px，正好对应这个成因。选择器改为
> span:not(.group-avatar) 精确排除；同时给 .group-avatar 补 align-content/justify-content，
以后再被外部规则改成 flex 也不会散架。修完三处（头部群头像、成员头像、添加格）实测上下左右
边距全部对称。
2. 文字区过窄只显示两个字（真问题，已修）：上一版把成员格子宽度收到与头像等宽（3rem），昵称
被截成"测试..."。按参考图比例重算——那张图里头像约占格子宽七成、相邻头像间隙约头像宽四成，
且五字昵称完整显示——格子改 4.4rem、头像改 3.6rem、间距 0.5rem。实测"测试昵称A"完整显示
不再截断。
3. 头像配色：上一版我把兜底头像从饱和蓝底白图标改成了浅蓝底蓝图标，这是自作主张、用户没要求，
已还原成原来的 #4389df 底 + 白色图标。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com >
2026-09-03 17:54:22 +08:00
Your Name and Claude Opus 5
f7bc98811e
群聊设置：重做成员预览区，修掉错位间距、多余横线和被压扁的名字
...
用户实机截图反馈这块"图标和间距有问题"。对照 docs/images/群聊设置.png 逐项查证，实际有四个独立
缺陷叠在一起：
1. 多余横线：成员容器 div 和邀请按钮都是 section 的直接子元素，命中了通用列表项样式
（.group-settings section > button/div 带 border-bottom + min-height + padding），
于是这一块被当成两个普通设置行渲染，凭空多出两截下划线。
2. 间距错位：原来是 flex 布局，成员列表 flex:1 占满剩余宽度，把邀请按钮一路挤到最右，两者之间
出现一大片空白；参考图是等宽网格。
3. 名字看不见：全局 button 规则（base.css:1999）写死 height/line-height 2.2rem，成员格子没有
覆盖它，整个格子被压到 29px 高——48px 的头像直接溢出，名字被压成 0 高度，实测
getBoundingClientRect().height 为 0。
4. 图标撞车：成员头像的兜底图标沿用了 Avatar 的默认值 group（双人图标），跟上方群头像长得一模
一样，分不清哪个是群哪个是人；改传 icon="person"。
改成参考图的结构：一行"群成员"标题（右侧显示人数）+ 5 列等宽网格，最后一格是与头像同尺寸、
同圆角的浅色"添加"块。新样式用 .group-settings section > .group-member-* 提高特异性，明确压过
那套列表项规则，并显式写 height:auto 覆盖全局 button 高度。
刻意没做的两点，都是因为本分支没有对应页面，不想做点了没反应或跳错地方的入口：参考图里"查看
15465群成员"那个可点链接（没有通用群成员列表页，这里只展示人数文字），以及"删除"格（没有移除
成员的页面）。这两个缺口需要单独补页面，不在这次范围内。
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com >
2026-09-03 17:43:22 +08:00
Your Name and Claude Sonnet 5
251c9de87c
Convert im_webapp from static mock prototypes to real backend integration
...
Implements all 11 product chapters (auth, messaging, contacts, groups,
files/favorites, calls, workplace/reports, settings, security) against the
real /v1/im REST API and native Tinode WS protocol, replacing the hardcoded
mock data the ba8f48eenoreply@anthropic.com >
2026-09-03 11:40:53 +08:00
or-else
7bf3fa71d6
partially dependencies updated
2026-07-04 15:19:03 +03:00
or-else
2aa1b731ee
fix for #140 , fix for some UI breakage, cosmetic changes
2026-03-01 13:59:59 +03:00
or-else
e9d6c2e5bf
fix #139 : use dvh/dvw css units for the top viewport size
2026-02-13 15:38:45 +03:00
or-else
a54ae70746
split out a few modules, handle esc key
2026-01-19 15:41:33 +03:00
or-else
dea781b423
adding TheCard preview
2026-01-17 12:55:45 +03:00
or-else
930f4f0656
TheCard handling in messages
2026-01-16 20:51:57 +03:00
or-else
16489432cf
fix wallpaper defaults
2026-01-16 11:51:42 +03:00
or-else
c17a314640
fix dark mode button color
2025-11-08 10:20:30 +03:00
or-else
896505e49d
fix incoming call colors in dark mode
2025-11-06 18:39:05 +03:00
or-else
ad3c6f5d36
fixed position of controls in incoming call
2025-11-06 13:15:57 +03:00
or-else
b4ba9ab7d8
slightly stronger indicator of pinned chat
2025-10-28 12:36:05 +03:00
or-else
89c1cc7add
minor UI tweak, screenshots updated
2025-10-27 19:07:25 +03:00
or-else
ca492e2e93
wallpapers in dark/light mode seem to work now
2025-10-26 21:51:40 +03:00
or-else
ec3974f2f0
dark/light mode wallpaper filters partially work
2025-10-26 19:56:55 +03:00
or-else
478fb421bf
wallpapers are done except the dark mode
2025-10-22 16:04:18 +04:00
or-else
0f8d94ac2f
wallpapers
2025-10-18 15:32:14 +03:00
or-else
16e688d4c1
fix CallPannel: do not remount between menimized/full screen
2025-10-10 14:58:01 +03:00
or-else
1085d1caf6
allow messaging while call is in progress (same topic only for now)
2025-10-08 16:49:45 +03:00
or-else
44e2fc3a23
rebuilt with the sdk changes
2025-09-30 14:41:02 +03:00
or-else
e505b0a607
minor visual adjustments
2025-09-29 20:52:17 +03:00
or-else
a74ad9dd63
adjust pinned topic background in dark mode
2025-09-24 19:41:20 +03:00
or-else
5faacc1f53
pinning topics work as expected
2025-09-23 17:08:34 +03:00
or-else
4818ee7a25
support for pinning topics; truncate text with support for RTL languages
2025-09-20 18:18:01 +03:00
or-else
0fb5132d24
fix error color in dark mode
2025-09-14 17:50:35 +03:00
or-else
89e9b85551
cropper: fix incorrect image positioning after zoom-out
2025-08-21 10:13:43 +03:00
or-else
0b05d480c7
change fixed color to light-dark
2025-08-10 12:18:43 +03:00
or-else
7d1011400e
merge devel
2025-08-10 12:15:14 +03:00
or-else
fa436b61be
remove unused css style
2025-08-09 14:45:14 +03:00
Your Name