v0.1.53

v0.1.53 — 감시 모드 (Watch Mode) + 외부 서비스 / MCP 실시간 연동 토글

요청 1

• "불러온 프로젝트의 MCP나 외부서비스와 연동할 수 있는 정보가 있다면, ViewWork 프로그램에서 연동/연결하여 실시간으로 외부 서비스의 데이터를 감지할 수 있게 (on/off 토글)"

요청 2

• "감시모드 구현 — 어떤걸 감시할지 체크하고 감시모드 켜두면 알림등 전송 (예시: 데이터 변형감지, 변형자: AI (codex), 세션: @#..., 변경내용: ...)"

신규 파일

• src/store/watchStore.ts — 감시 모드 store (Zustand) + WatchRule 인터페이스 + 기본 규칙 4개 (.env 파일 접근 / create / delete / bash). localStorage persist. ruleMatches() 매칭 함수.
• src/store/notificationStore.ts — 알림 스토어. notifications[] (히스토리 최대 100개) + activeToasts[] (8초 자동 dismiss). push() action.
• src/hooks/useWatchEngine.ts — agentStore.events 의 새 batch 를 모든 enabled 규칙과 매칭. 매칭 시 notificationStore.push. dedup (같은 ruleId+agent+path 5초 내 중복 차단). batch 당 최대 50 이벤트 처리.
• src/components/Watch/WatchToastStack.tsx — 우상단 fixed 알림 toast stack. action 별 색상 + 아이콘. 카드당 (rule명 · agent · 세션 · path · 변경요약) 표시.

변경 파일

• src/App.tsx — useWatchEngine() 마운트, <WatchToastStack /> 추가.
• src/styles/index.css — vw-slide-in 키프레임 (toast 우측에서 슬라이드인).
• src/components/Layout/SettingsModal.tsx:
• TabId 에 'watch' 추가. 새 탭 <WatchTab /> 렌더.
• WatchTab 컴포넌트:
• 최상단: 감시 모드 전체 on/off (큰 토글 + LIVE 배지 + 안내문).
• 감지된 외부 서비스 / MCP 섹션 — analysis.externals / mcpServers / hostingDomains 자동 나열. 각 서비스 별 LIVE 토글 (state 저장, 실제 SDK 연동은 후속 release).
• 감시 규칙 목록 — 카드형 (이름 / 활성 / actions 칩 / agent filter / pathContains). 편집 모드 expand + 삭제. "새 규칙 추가" 버튼.
• 최근 알림 히스토리 (최대 20개) + 클리어 버튼.
• WatchRuleEditor 컴포넌트 — 규칙 1개 편집 UI (actions chips, agent filter buttons, path input).
• src/i18n/locales/{ko,en}.json — settings.tabs.watch 키 추가.

알림 형식 (사용자 요청 예시 따라)

• ```
• [READ] · 보안 파일 접근 감시 (.env / secrets)
• .env.local
• 변형자: claude-code (ai) · 세션 abc123de
• (변경 요약 — Edit 도구의 note 가 있을 때)
• ```

검증

• npx tsc --noEmit exit=0. npm run build 성공 — out/renderer/index-DTj0L5UK.js 3,112.80kB (+28kB).

📦 GitHub 릴리스 노트: v0.1.53