feat: 实现观察模式,支持持续场景监控(US-05/US-10)

- 新增 useObservationMode Hook:定时 5s 采帧,similarity < 0.85 触发变化回调
- useVisionSession 新增 dialogue/observation 模式切换
- App Footer 加观察模式切换按钮(激活时蓝色脉冲)
- 视频区左上角显示'👁️ 观察中'绿色角标
- 观察模式下画面变化自动发送 query

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2026-06-13 14:46:42 +08:00
parent 2c6489b9a6
commit f5536005f6
4 changed files with 177 additions and 1 deletions

View File

@@ -287,6 +287,18 @@ body {
opacity: 0.9;
}
.btn--active {
background: var(--color-primary);
color: white;
box-shadow: 0 0 8px rgba(37, 99, 235, 0.5);
animation: pulseBtn 2s ease-in-out infinite;
}
@keyframes pulseBtn {
0%, 100% { box-shadow: 0 0 8px rgba(37, 99, 235, 0.5); }
50% { box-shadow: 0 0 16px rgba(37, 99, 235, 0.8); }
}
/* ---- Streaming Cursor ---- */
.cursor {
@@ -458,3 +470,16 @@ body {
font-weight: 700;
letter-spacing: 0.5px;
}
.observation-badge {
position: absolute;
top: 8px;
left: 8px;
background: rgba(34, 197, 94, 0.8);
color: white;
padding: 2px 8px;
border-radius: 4px;
font-size: 0.7rem;
font-weight: 700;
animation: pulse 2s ease-in-out infinite;
}