feat: sync app and web settings

README.ja.md

@@ -70,13 +70,26 @@
 
 > これはすべてのアクセス方法で機能します — デスクトップ、リモートブラウザ、IMボット — CodeMux が動作する場所であれば、画像入力も使えます。
 
+### 5. 開発ワークフローツール
+
+CodeMux はチャットにとどまりません — 開発ワークフローを直接インターフェースから管理する統合ツールを提供します。
+
+- **スケジュールタスク**：定期的なエージェントタスクを自動化 — 毎朝のコードレビュー、インターバルでのレポート生成、週次のイシュー一括処理。手動トリガー、インターバル（5分〜12時間）、日次、週次スケジューリングに対応し、アプリ再起動時に実行漏れを自動補完します。
+
+- **Git Worktree 並列セッション**：`git stash` なしで複数ブランチの同時作業が可能。サイドバーから隔離されたワークツリーを作成し、それぞれが独自のディレクトリ、ブランチ、AIセッションを持ちます。merge、squash、rebase から選択してマージバック — すべてUI内で完結します。
+
+- **ファイルエクスプローラーとGit変更監視**：折りたたみ可能なツリーでプロジェクトファイルを閲覧し、シンタックスハイライト付きでコードをプレビュー、Git変更をリアルタイムに追跡。「変更」タブで変更ファイルを行レベルの追加/削除数と共に表示し、インラインdiffビューアーでCodeMuxを離れずにすべての変更を確認できます。
+
+- **スラッシュコマンドとエンジンスキル**：入力欄で `/` を入力すると、オートコンプリートでエンジンネイティブのコマンドとスキルを呼び出せます — `/cancel`、`/status`、`/mode`、`/model` など。各エンジンは独自のコマンドを公開; Copilot はプロジェクトレベルおよび個人スキルを、Claude Code はユーザーインストール済みスキルを、OpenCode は SDK コマンドをパススルーします — すべて統一されたオートコンプリート UI で操作できます。
+
 ### その他の機能
 
 - **エージェントモード切替**：Build / Plan / Autopilot モードをエンジンごとに切り替え — それぞれ異なる動作とプロンプトスタイル
 - **リアルタイムタスクパネル**：エージェントが生成したタスクリストを入力エリア上部に表示、進捗をリアルタイム追跡
 - **パーミッション承認**：シェルやファイル編集などの機密操作をインラインで承認/拒否 — 信頼済みパターンには「常に許可」オプション
 - **インタラクティブ質問**：エンジンが単一/複数選択の質問を提示可能、説明文とカスタム入力をサポート
 - **エンジンごとのモデル選択**：エンジンごとに異なるモデルを選択可能; Copilot と Claude Code はカスタムモデル ID の手動入力をサポート
+- **トークン使用量追跡**：入力、出力、キャッシュトークンの消費量をエンジンごとのコスト内訳と共に監視
 
 #### ブラウザリモートアクセス
 
@@ -262,15 +275,23 @@ codemux/
 │   │   ├── engines/          # エンジンアダプター (OpenCode, Copilot, Claude Code)
 │   │   ├── gateway/          # WebSocket サーバー + エンジンルーティング
 │   │   ├── channels/         # IM ボットチャネル（Feishu、DingTalk、Telegram、WeCom、Teams）
-│   │   └── services/         # 認証、デバイスストア、トンネル、セッション
+│   │   │   └── streaming/    # クロスチャネルストリーミング基盤
+│   │   ├── services/         # 認証、デバイスストア、トンネル、セッション、ファイルサービス、トレイなど
+│   │   └── utils/            # 共有ユーティリティ（ID生成など）
 │   └── preload/
 ├── src/                      # SolidJS レンダラー
 │   ├── pages/                # Chat, Settings, Devices, Entry
 │   ├── components/           # UIコンポーネント + コンテンツレンダラー
 │   ├── stores/               # リアクティブステート (session, message, config)
 │   ├── lib/                  # Gateway クライアント、認証、i18n、テーマ
+│   ├── locales/              # i18n翻訳ファイル (en, zh, ru)
 │   └── types/                # 統一型システム + ツールマッピング
-├── scripts/                  # セットアップ、バイナリアップデーター
+├── shared/                   # 共有バックエンドモジュール（認証、JWT、デバイスストアベース）
+├── tests/                    # ユニットテスト、E2Eテスト（Playwright）、ベンチマーク
+├── docs/                     # チャネル設定ガイド + 設計ドキュメント
+├── website/                  # プロジェクトウェブサイト（SolidJS + Vite）
+├── scripts/                  # セットアップ、バイナリアップデーター、CIヘルパー
+├── homebrew/                 # macOS Homebrew 配布用フォーミュラ
 ├── electron.vite.config.ts
 └── electron-builder.yml
 ```
@@ -279,7 +300,7 @@ codemux/
 
 ## コントリビューション
 
-コントリビューションを歓迎します！以下の規約に従ってください：
+コントリビューションを歓迎します！詳細なガイドラインは [CONTRIBUTING.md](CONTRIBUTING.md) をご覧ください。
 
 **コードスタイル**: TypeScript strict モード、SolidJS リアクティブパターン、Tailwind によるスタイリング
 

README.ko.md

@@ -70,13 +70,26 @@ API 키를 바꿔 끼우는 채팅 래퍼가 아닙니다. CodeMux는 **프로
 
 > 이것은 모든 접속 방법에서 작동합니다 — 데스크톱, 원격 브라우저, IM 봇 — CodeMux가 실행되는 곳이라면 어디서든 이미지 입력이 가능합니다.
 
+### 5. 개발 워크플로 도구
+
+CodeMux는 채팅을 넘어 — 개발 워크플로를 인터페이스에서 직접 관리할 수 있는 통합 도구를 제공합니다.
+
+- **스케줄 작업**: 반복적인 에이전트 작업을 자동화 — 매일 아침 코드 리뷰, 인터벌 기반 보고서 생성, 주간 이슈 일괄 처리. 수동 트리거, 인터벌(5분~12시간), 일간, 주간 스케줄링을 지원하며, 앱 재시작 시 놓친 실행을 자동 보완합니다.
+
+- **Git Worktree 병렬 세션**: `git stash` 없이 여러 브랜치에서 동시 작업이 가능합니다. 사이드바에서 격리된 워크트리를 생성하면, 각각 독립된 디렉토리, 브랜치, AI 세션을 갖습니다. merge, squash, rebase 중 선택하여 머지 — UI를 벗어나지 않고 모든 작업을 완료합니다.
+
+- **파일 탐색기 & Git 변경 모니터링**: 접을 수 있는 트리로 프로젝트 파일을 탐색하고, 구문 강조 지원 코드 미리보기, Git 변경 사항을 실시간 추적합니다. "변경" 탭에서 라인 수준 추가/삭제 카운트와 함께 수정된 파일을 보여주며, 인라인 diff 뷰어로 CodeMux를 벗어나지 않고 모든 변경을 검토할 수 있습니다.
+
+- **슬래시 명령 & 엔진 스킬**: 입력창에서 `/`를 입력하면 자동완성으로 엔진 네이티브 명령과 스킬을 호출할 수 있습니다 — `/cancel`, `/status`, `/mode`, `/model` 등. 각 엔진은 고유 명령을 노출합니다; Copilot은 프로젝트 및 개인 스킬을, Claude Code는 사용자 설치 스킬을, OpenCode는 SDK 명령을 전달합니다 — 모두 통합된 자동완성 UI로 조작합니다.
+
 ### 더 많은 기능
 
 - **에이전트 모드 전환**: 엔진별로 Build / Plan / Autopilot 모드 전환 — 각각 고유한 동작과 프롬프트 스타일
 - **실시간 작업 패널**: 에이전트가 생성한 작업 목록을 입력 영역 위에 표시, 실시간 진행 상황 추적
 - **권한 승인**: 민감한 작업(셸, 파일 편집)을 인라인으로 승인 또는 거부 — 신뢰할 수 있는 패턴에 대한 "항상 허용" 옵션
 - **대화형 질문**: 엔진이 단일/다중 선택 질문을 제시, 설명 텍스트와 사용자 정의 입력 지원
 - **엔진별 모델 선택**: 각 엔진에 대해 독립적으로 다른 모델 선택 가능; Copilot과 Claude Code는 사용자 정의 모델 ID 입력 지원
+- **토큰 사용량 추적**: 입력, 출력 및 캐시 토큰 소비량을 엔진별 비용 분석과 함께 모니터링
 
 #### 브라우저 원격 접속
 
@@ -262,15 +275,23 @@ codemux/
 │   │   ├── engines/          # 엔진 어댑터 (OpenCode, Copilot, Claude Code)
 │   │   ├── gateway/          # WebSocket 서버 + 엔진 라우팅
 │   │   ├── channels/         # IM 봇 채널 (Feishu, DingTalk, Telegram, WeCom, Teams)
-│   │   └── services/         # 인증, 기기 저장소, 터널, 세션
+│   │   │   └── streaming/    # 크로스 채널 스트리밍 인프라
+│   │   ├── services/         # 인증, 기기 저장소, 터널, 세션, 파일 서비스, 트레이 등
+│   │   └── utils/            # 공유 유틸리티 (ID 생성 등)
 │   └── preload/
 ├── src/                      # SolidJS 렌더러
 │   ├── pages/                # Chat, Settings, Devices, Entry
 │   ├── components/           # UI 컴포넌트 + 콘텐츠 렌더러
 │   ├── stores/               # 반응형 상태 (session, message, config)
 │   ├── lib/                  # Gateway 클라이언트, 인증, i18n, 테마
+│   ├── locales/              # i18n 번역 파일 (en, zh, ru)
 │   └── types/                # 통합 타입 시스템 + 도구 매핑
-├── scripts/                  # 설정, 바이너리 업데이터
+├── shared/                   # 공유 백엔드 모듈 (인증, JWT, 기기 저장소 베이스)
+├── tests/                    # 단위 테스트, E2E 테스트 (Playwright), 벤치마크
+├── docs/                     # 채널 설정 가이드 + 설계 문서
+├── website/                  # 프로젝트 웹사이트 (SolidJS + Vite)
+├── scripts/                  # 설정, 바이너리 업데이터, CI 헬퍼
+├── homebrew/                 # macOS Homebrew 배포 포뮬러
 ├── electron.vite.config.ts
 └── electron-builder.yml
 ```
@@ -279,7 +300,7 @@ codemux/
 
 ## 기여하기
 
-기여를 환영합니다! 다음 컨벤션을 따라주세요:
+기여를 환영합니다! 자세한 가이드라인은 [CONTRIBUTING.md](CONTRIBUTING.md)를 참고하세요.
 
 **코드 스타일**: TypeScript strict 모드, SolidJS 반응형 패턴, Tailwind을 사용한 스타일링
 

README.md

@@ -70,13 +70,26 @@ Paste a screenshot, drag in a design mockup, or upload an error image — all th
 
 > This works across all access methods — desktop, remote browser, and IM bots — wherever CodeMux runs, image input follows.
 
+### 5. Developer Workflow Tools
+
+CodeMux goes beyond chat — it provides integrated tools to manage your development workflow directly from the interface.
+
+- **Scheduled Tasks**: Automate recurring agent tasks — run code reviews every morning, generate reports on an interval, or batch-process issues weekly. Supports manual trigger, interval (5 min – 12 hours), daily, and weekly scheduling with missed-run catch-up when the app restarts.
+
+- **Git Worktree Parallel Sessions**: Work on multiple branches simultaneously without `git stash`. Create isolated worktrees from the sidebar, each with its own directory, branch, and AI sessions. Merge back with your choice of merge, squash, or rebase — all without leaving the UI.
+
+- **File Explorer & Git Monitoring**: Browse project files with a collapsible tree, preview code with syntax highlighting, and track git changes in real time. A "Changes" tab shows modified files with line-level add/remove counts, and an inline diff viewer lets you inspect every change without leaving CodeMux.
+
+- **Slash Commands & Engine Skills**: Type `/` in the input to invoke engine-native commands and skills with autocomplete — `/cancel`, `/status`, `/mode`, `/model`, and more. Each engine exposes its own commands; Copilot surfaces project-level and personal skills, Claude Code surfaces user-installed skills, and OpenCode passes through its SDK commands — all through a unified autocomplete UI.
+
 ### And More
 
 - **Agent mode switching**: Toggle between Build / Plan / Autopilot modes per engine — each with its own behavior and prompt style
 - **Live todo panel**: Agent-generated task lists displayed above the input area with real-time progress tracking
 - **Permission approvals**: Approve or deny sensitive operations (shell, file edits) inline — with "always allow" for trusted patterns
 - **Interactive questions**: Engines can ask single/multi-select questions with descriptions and custom input
 - **Per-engine model selection**: Pick different models for each engine independently; Copilot and Claude Code support custom model ID input
+- **Token usage tracking**: Monitor input, output, and cache token consumption with per-engine cost breakdowns
 
 #### Browser Remote Access
 
@@ -264,15 +277,23 @@ codemux/
 │   │   ├── engines/          # Engine adapters (OpenCode, Copilot, Claude Code)
 │   │   ├── gateway/          # WebSocket server + engine routing
 │   │   ├── channels/         # IM bot channels (Feishu, DingTalk, Telegram, WeCom, Teams)
-│   │   └── services/         # Auth, device store, tunnel, sessions
+│   │   │   └── streaming/    # Cross-channel streaming infrastructure
+│   │   ├── services/         # Auth, device store, tunnel, sessions, file service, tray, etc.
+│   │   └── utils/            # Shared utilities (ID generation, etc.)
 │   └── preload/
 ├── src/                      # SolidJS renderer
 │   ├── pages/                # Chat, Settings, Devices, Entry
 │   ├── components/           # UI components + content renderers
 │   ├── stores/               # Reactive state (session, message, config)
 │   ├── lib/                  # Gateway client, auth, i18n, theme
+│   ├── locales/              # i18n translation files (en, zh, ru)
 │   └── types/                # Unified type system + tool mapping
-├── scripts/                  # Setup, binary updaters
+├── shared/                   # Shared backend modules (auth, JWT, device store base)
+├── tests/                    # Unit tests, e2e tests (Playwright), benchmarks
+├── docs/                     # Channel setup guides + design documents
+├── website/                  # Project website (SolidJS + Vite)
+├── scripts/                  # Setup, binary updaters, CI helpers
+├── homebrew/                 # Homebrew formula for macOS distribution
 ├── electron.vite.config.ts
 └── electron-builder.yml
 ```
@@ -281,7 +302,7 @@ codemux/
 
 ## Contributing
 
-Contributions are welcome! Please follow these conventions:
+Contributions are welcome! See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
 
 **Code Style**: TypeScript strict mode, SolidJS reactive patterns, Tailwind for styling