fix: 회의 모드 녹음 개선

마이크 캡처 강제(시스템 오디오→마이크), CaptionOverlay 숨김,
오디오 레벨 인디케이터 추가, 상태 전환 꼬임 수정,
전사 타임스탬프 상대 시간 변환.

src/renderer/pages/MeetingModePage.tsx

@@ -50,6 +50,7 @@ export function MeetingModePage(): React.ReactElement {
   const [memoInput, setMemoInput] = useState('')
   const [elapsedMs, setElapsedMs] = useState(0)
   const [progress, setProgress] = useState<MeetingProcessingProgress | null>(null)
+  const [audioLevel, setAudioLevel] = useState(0)
   const transcriptRef = useRef<HTMLDivElement>(null)
   const elapsedTimerRef = useRef<ReturnType<typeof setInterval> | null>(null)
   const recordingStartRef = useRef<number>(0)
@@ -79,10 +80,9 @@ export function MeetingModePage(): React.ReactElement {
     const unsubState = window.electronAPI.meetingMode.onStateChanged((info) => {
       setStateInfo(info)
       if (info.state === 'idle' && view === 'recording') {
-        // 후처리 완료 → 목록으로 이동
-        if (!progress) {
-          setView('list')
-        }
+        // 후처리 완료 또는 에러 → 목록으로 이동 + 새로고침
+        setProgress(null)
+        setView('list')
       }
     })
 
@@ -110,14 +110,19 @@ export function MeetingModePage(): React.ReactElement {
       setView('list')
     })
 
+    const unsubAudioLevel = window.electronAPI.meetingMode.onAudioLevel((data) => {
+      setAudioLevel(Math.min(data.level * 10, 1)) // RMS 정규화
+    })
+
     return () => {
       unsubState()
       unsubSegment()
       unsubProgress()
       unsubCompleted()
       unsubError()
+      unsubAudioLevel()
     }
-  }, [view, progress])
+  }, [view])
 
   // ── 경과 시간 타이머 ──
   useEffect(() => {
@@ -355,7 +360,7 @@ export function MeetingModePage(): React.ReactElement {
                     component="span"
                     sx={{ color: d3roPalette.text.inactive, fontSize: 11, mr: 1, fontFamily: d3roFontMono }}
                   >
-                    [{formatTime(seg.timestamp)}]
+                    [{formatTime(seg.timestamp - (recordingStartRef.current || seg.timestamp))}]
                   </Typography>
                   <Typography component="span" sx={{ fontSize: 13, fontFamily: d3roFontMono }}>
                     {seg.text}
@@ -409,6 +414,31 @@ export function MeetingModePage(): React.ReactElement {
             )}
           </Box>
         </Box>
+
+        {/* 오디오 레벨 미터 */}
+        {!isProcessing && (
+          <Box sx={{ mt: 1.5, display: 'flex', alignItems: 'center', gap: 1.5 }}>
+            <Led color={audioLevel > 0.02 ? 'green' : 'amber'} size={8} />
+            <Box sx={{
+              flex: 1,
+              height: 6,
+              borderRadius: 3,
+              bgcolor: d3roPalette.bg.inset,
+              overflow: 'hidden',
+            }}>
+              <Box sx={{
+                height: '100%',
+                width: `${Math.max(audioLevel * 100, 0)}%`,
+                bgcolor: audioLevel > 0.7 ? d3roPalette.tag.red : audioLevel > 0.3 ? d3roPalette.tag.orange : d3roPalette.tag.green,
+                borderRadius: 3,
+                transition: 'width 0.1s ease-out',
+              }} />
+            </Box>
+            <PhosphorText variant="dim" sx={{ fontSize: 10, fontFamily: d3roFontMono, minWidth: 30 }}>
+              {Math.round(audioLevel * 100)}%
+            </PhosphorText>
+          </Box>
+        )}
       </Box>
     )
   }