CamTalk

Files

移除条件渲染和 CSS animation 的冲突，改用纯 CSS transition 控制显示/隐藏。

**问题根源：**
- 组件使用 `if (!open) return null;` 条件渲染，导致挂载时立即出现
- CSS 同时使用 `animation: slideInLeft`，触发从 -100% 的二次滑入
- 两个独立显示机制叠加，造成双重动画闪烁

**修复方案：**
- SessionSidebar: 移除条件渲染，始终保持 DOM 存在，通过动态 className 控制状态
- App.css: 移除 `animation` 和 `@keyframes`，改用 `transition: transform`
- 新增 `.sidebar--collapsed` / `.sidebar--open` 类控制 `translateX`
- 新增 `.sidebar-backdrop--visible` 类控制背景遮罩淡入淡出
- 添加 `pointer-events: none` 确保隐藏状态不响应交互

影响范围：
- frontend/src/components/SessionSidebar/index.tsx
- frontend/src/App.css

2026-06-22 12:05:54 +08:00

AuthPage

feat: 实现前端认证系统，WebSocket 连接携带 JWT token

2026-06-14 18:38:45 +08:00

CameraManager

feat: 实现摄像头和麦克风设备选择功能

2026-06-21 16:49:48 +08:00

ChatPanel

fix: 修复前端 TypeScript 编译错误

2026-06-22 00:28:59 +08:00

ConfigPanel

refactor: 将情景图标和设备选择器的 emoji 统一替换为 SVG 图标