idea-manager 0.7.7 → 0.7.9

package/README.ja.md

@@ -1,6 +1,6 @@
 # IM (Idea Manager)
 
-[한국어](README.md) | [English](README.en.md) | **日本語** | [中文](README.zh.md)
+[English](README.md) | [한국어](README.ko.md) | **日本語** | [中文](README.zh.md)
 
 > アイデアから実行可能なプロンプトまで — マルチプロジェクトワークフローマネージャー
 

package/README.ko.md

@@ -0,0 +1,127 @@
+# IM (Idea Manager)
+
+[English](README.md) | **한국어** | [日本語](README.ja.md) | [中文](README.zh.md)
+
+> 아이디어에서 실행 가능한 프롬프트까지, 멀티 프로젝트 워크플로우 매니저
+
+여러 프로젝트를 동시에 진행하는 개발자를 위한 태스크 관리 도구입니다. 아이디어를 서브 프로젝트와 태스크로 조직화하고, 각 태스크별 프롬프트를 정제하여 Claude Code 등 AI 에이전트에게 전달할 수 있습니다. MCP Server를 내장하고 있어 AI 에이전트가 자율적으로 태스크를 가져가 실행할 수 있습니다.
+
+![IM Workspace](docs/screenshot.png)
+
+## 핵심 워크플로우
+
+```
+브레인스토밍 → 서브 프로젝트/태스크 조직화 → 프롬프트 정제 → MCP로 AI 실행
+```
+
+### 계층 구조
+
+```
+프로젝트
+├── 서브 프로젝트 A
+│   ├── 태스크 1  →  프롬프트
+│   ├── 태스크 2  →  프롬프트
+│   └── 태스크 3  →  프롬프트
+└── 서브 프로젝트 B
+    ├── 태스크 4  →  프롬프트
+    └── 태스크 5  →  프롬프트
+```
+
+### 태스크 상태 흐름
+
+```
+💡 Idea → ✏️ Writing → 🚀 Submitted → 🧪 Testing → ✅ Done
+                                                      🔴 Problem
+```
+
+## 설치
+
+```bash
+npm install -g idea-manager
+```
+
+## 사용법
+
+### 웹 UI 실행
+
+```bash
+im start
+```
+
+`http://localhost:3456`에서 웹 UI가 열립니다.
+
+```bash
+# 포트 변경
+im start -p 4000
+```
+
+### MCP Server 실행
+
+```bash
+im mcp
+```
+
+#### Claude Desktop 설정 (claude_desktop_config.json)
+
+```json
+{
+  "mcpServers": {
+    "idea-manager": {
+      "command": "npx",
+      "args": ["-y", "idea-manager", "mcp"]
+    }
+  }
+}
+```
+
+#### Claude Code 설정
+
+```bash
+claude mcp add idea-manager -- npx -y idea-manager mcp
+```
+
+### MCP 제공 도구
+
+| 도구 | 설명 |
+|------|------|
+| `list-projects` | 프로젝트 목록 조회 |
+| `get-project-context` | 서브 프로젝트 + 태스크 트리 전체 조회 |
+| `get-next-task` | 다음 실행할 태스크와 프롬프트 조회 (status=submitted) |
+| `get-task-prompt` | 특정 태스크의 프롬프트 조회 |
+| `update-status` | 태스크 상태 변경 (idea/writing/submitted/testing/done/problem) |
+| `report-completion` | 태스크 완료 보고 |
+
+## 주요 기능
+
+- **탭 기반 멀티 프로젝트** — 브라우저/IDE처럼 여러 프로젝트를 탭으로 동시에 열기, 탭 전환 시 상태 보존
+- **3-패널 워크스페이스** — 브레인스토밍 | 프로젝트 트리 | 태스크 상세, 패널 간 드래그로 크기 조절
+- **트리형 프로젝트 구조** — 서브 프로젝트 아래 태스크가 계층적으로 표시
+- **브레인스토밍 패널** — 자유 형식 메모, 접기/펼치기 가능
+- **프롬프트 에디터** — 태스크별 프롬프트 작성/편집/복사, AI 다듬기
+- **AI 채팅** — 태스크별 AI 대화로 프롬프트 구체화
+- **3탭 대시보드** — 진행 중 / 전체 / 오늘 할 일
+- **키보드 단축키** — Ctrl+Tab/Ctrl+Shift+Tab으로 탭 이동, B: 브레인스토밍 토글, N: 서브 프로젝트 추가, T: 태스크 추가, Cmd+1~6: 상태 변경 (한영 전환 상관없이 동작)
+- **PWA 지원** — 앱으로 설치하여 독립 창에서 사용 가능
+- **Watch 모드** — submitted 태스크를 Claude CLI로 자동 실행, 실시간 진행 표시
+- **MCP Server 내장** — AI 에이전트 자율 실행 지원
+- **로컬 우선** — SQLite 기반, 데이터는 `~/.idea-manager/`에 저장
+
+## 기술 스택
+
+| 영역 | 기술 |
+|------|------|
+| Frontend | Next.js 15, React 19, TypeScript, Tailwind CSS 4 |
+| Backend | Next.js API Routes |
+| Database | SQLite (better-sqlite3) |
+| AI | Claude CLI (구독 기반, API 키 불필요) |
+| MCP | Model Context Protocol (stdio) |
+| CLI | Commander.js |
+
+## 요구 사항
+
+- **Node.js** 18+
+- **Claude CLI** — AI 채팅/다듬기 기능 사용 시 필요 (Claude 구독 필요). 없어도 태스크 관리, 프롬프트 작성 등 기본 기능은 정상 동작합니다.
+
+## 라이선스
+
+MIT

package/README.md

@@ -1,67 +1,67 @@
 # IM (Idea Manager)
 
-**한국어** | [English](README.en.md) | [日本語](README.ja.md) | [中文](README.zh.md)
+**English** | [한국어](README.ko.md) | [日本語](README.ja.md) | [中文](README.zh.md)
 
-> 아이디어에서 실행 가능한 프롬프트까지, 멀티 프로젝트 워크플로우 매니저
+> From ideas to executable prompts — a multi-project workflow manager
 
-여러 프로젝트를 동시에 진행하는 개발자를 위한 태스크 관리 도구입니다. 아이디어를 서브 프로젝트와 태스크로 조직화하고, 각 태스크별 프롬프트를 정제하여 Claude Code 등 AI 에이전트에게 전달할 수 있습니다. MCP Server를 내장하고 있어 AI 에이전트가 자율적으로 태스크를 가져가 실행할 수 있습니다.
+A task management tool for developers juggling multiple projects simultaneously. Organize ideas into sub-projects and tasks, refine prompts for each task, and hand them off to AI agents like Claude Code. With a built-in MCP Server, AI agents can autonomously pick up and execute tasks.
 
 ![IM Workspace](docs/screenshot.png)
 
-## 핵심 워크플로우
+## Core Workflow
 
 ```
-브레인스토밍 → 서브 프로젝트/태스크 조직화 → 프롬프트 정제 → MCP로 AI 실행
+Brainstorming → Organize into Sub-projects/Tasks → Refine Prompts → Execute via MCP
 ```
 
-### 계층 구조
+### Hierarchy
 
 ```
-프로젝트
-├── 서브 프로젝트 A
-│   ├── 태스크 1  →  프롬프트
-│   ├── 태스크 2  →  프롬프트
-│   └── 태스크 3  →  프롬프트
-└── 서브 프로젝트 B
-    ├── 태스크 4  →  프롬프트
-    └── 태스크 5  →  프롬프트
+Project
+├── Sub-project A
+│   ├── Task 1  →  Prompt
+│   ├── Task 2  →  Prompt
+│   └── Task 3  →  Prompt
+└── Sub-project B
+    ├── Task 4  →  Prompt
+    └── Task 5  →  Prompt
 ```
 
-### 태스크 상태 흐름
+### Task Status Flow
 
 ```
 💡 Idea → ✏️ Writing → 🚀 Submitted → 🧪 Testing → ✅ Done
                                                       🔴 Problem
 ```
 
-## 설치
+## Installation
 
 ```bash
 npm install -g idea-manager
 ```
 
-## 사용법
+## Usage
 
-### 웹 UI 실행
+### Start Web UI
 
 ```bash
 im start
 ```
 
-`http://localhost:3456`에서 웹 UI가 열립니다.
+Opens the web UI at `http://localhost:3456`.
 
 ```bash
-# 포트 변경
+# Custom port
 im start -p 4000
 ```
 
-### MCP Server 실행
+### Start MCP Server
 
 ```bash
 im mcp
 ```
 
-#### Claude Desktop 설정 (claude_desktop_config.json)
+#### Claude Desktop Configuration (claude_desktop_config.json)
 
 ```json
 {
@@ -74,54 +74,54 @@ im mcp
 }
 ```
 
-#### Claude Code 설정
+#### Claude Code Configuration
 
 ```bash
 claude mcp add idea-manager -- npx -y idea-manager mcp
 ```
 
-### MCP 제공 도구
-
-| 도구 | 설명 |
-|------|------|
-| `list-projects` | 프로젝트 목록 조회 |
-| `get-project-context` | 서브 프로젝트 + 태스크 트리 전체 조회 |
-| `get-next-task` | 다음 실행할 태스크와 프롬프트 조회 (status=submitted) |
-| `get-task-prompt` | 특정 태스크의 프롬프트 조회 |
-| `update-status` | 태스크 상태 변경 (idea/writing/submitted/testing/done/problem) |
-| `report-completion` | 태스크 완료 보고 |
-
-## 주요 기능
-
-- **탭 기반 멀티 프로젝트** — 브라우저/IDE처럼 여러 프로젝트를 탭으로 동시에 열기, 탭 전환 시 상태 보존
-- **3-패널 워크스페이스** — 브레인스토밍 | 프로젝트 트리 | 태스크 상세, 패널 간 드래그로 크기 조절
-- **트리형 프로젝트 구조** — 서브 프로젝트 아래 태스크가 계층적으로 표시
-- **브레인스토밍 패널** — 자유 형식 메모, 접기/펼치기 가능
-- **프롬프트 에디터** — 태스크별 프롬프트 작성/편집/복사, AI 다듬기
-- **AI 채팅** — 태스크별 AI 대화로 프롬프트 구체화
-- **3탭 대시보드** — 진행 중 / 전체 / 오늘 할 일
-- **키보드 단축키** — Ctrl+Tab/Ctrl+Shift+Tab으로 탭 이동, B: 브레인스토밍 토글, N: 서브 프로젝트 추가, T: 태스크 추가, Cmd+1~6: 상태 변경 (한영 전환 상관없이 동작)
-- **PWA 지원** — 앱으로 설치하여 독립 창에서 사용 가능
-- **Watch 모드** — submitted 태스크를 Claude CLI로 자동 실행, 실시간 진행 표시
-- **MCP Server 내장** — AI 에이전트 자율 실행 지원
-- **로컬 우선** — SQLite 기반, 데이터는 `~/.idea-manager/`에 저장
-
-## 기술 스택
-
-| 영역 | 기술 |
-|------|------|
+### MCP Tools
+
+| Tool | Description |
+|------|-------------|
+| `list-projects` | List all projects |
+| `get-project-context` | Get full sub-project + task tree |
+| `get-next-task` | Get next task to execute (status=submitted) |
+| `get-task-prompt` | Get prompt for a specific task |
+| `update-status` | Change task status (idea/writing/submitted/testing/done/problem) |
+| `report-completion` | Report task completion |
+
+## Key Features
+
+- **Tab-based Multi-project** — Open multiple projects in tabs like a browser/IDE, state preserved on tab switch
+- **3-Panel Workspace** — Brainstorming | Project Tree | Task Detail, drag to resize panels
+- **Tree-structured Projects** — Tasks displayed hierarchically under sub-projects
+- **Brainstorming Panel** — Free-form notes, collapsible
+- **Prompt Editor** — Write/edit/copy prompts per task, AI refinement
+- **AI Chat** — Per-task AI conversations to refine prompts
+- **3-Tab Dashboard** — Active / All / Today
+- **Keyboard Shortcuts** — Ctrl+Tab/Ctrl+Shift+Tab for tab navigation, B: toggle brainstorm, N: add sub-project, T: add task, Cmd+1~6: change status
+- **PWA Support** — Install as an app for a standalone window experience
+- **Watch Mode** — Auto-execute submitted tasks via Claude CLI with real-time progress
+- **Built-in MCP Server** — Supports autonomous AI agent execution
+- **Local-first** — SQLite-based, data stored in `~/.idea-manager/`
+
+## Tech Stack
+
+| Area | Technology |
+|------|------------|
 | Frontend | Next.js 15, React 19, TypeScript, Tailwind CSS 4 |
 | Backend | Next.js API Routes |
 | Database | SQLite (better-sqlite3) |
-| AI | Claude CLI (구독 기반, API 키 불필요) |
+| AI | Claude CLI (subscription-based, no API key needed) |
 | MCP | Model Context Protocol (stdio) |
 | CLI | Commander.js |
 
-## 요구 사항
+## Requirements
 
 - **Node.js** 18+
-- **Claude CLI** — AI 채팅/다듬기 기능 사용 시 필요 (Claude 구독 필요). 없어도 태스크 관리, 프롬프트 작성 등 기본 기능은 정상 동작합니다.
+- **Claude CLI** — Required for AI chat/refinement features (Claude subscription needed). Core features like task management and prompt editing work without it.
 
-## 라이선스
+## License
 
 MIT

package/README.zh.md

@@ -1,6 +1,6 @@
 # IM (Idea Manager)
 
-[한국어](README.md) | [English](README.en.md) | [日本語](README.ja.md) | **中文**
+[English](README.md) | [한국어](README.ko.md) | [日本語](README.ja.md) | **中文**
 
 > 从创意到可执行提示词 — 多项目工作流管理器
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idea-manager",
-  "version": "0.7.7",
+  "version": "0.7.9",
   "description": "AI 기반 브레인스토밍 → 구조화 → 프롬프트 생성 도구. MCP Server 내장.",
   "keywords": [
     "brainstorm",

package/src/app/api/projects/[id]/git-sync/route.ts

@@ -0,0 +1,118 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { getProject } from '@/lib/db/queries/projects';
+import { execFile } from 'child_process';
+import { existsSync, readdirSync, statSync } from 'fs';
+import path from 'path';
+import type { IGitSyncResult } from '@/types';
+
+function gitPull(cwd: string): Promise<{ stdout: string; stderr: string }> {
+  return new Promise((resolve, reject) => {
+    execFile('git', ['pull'], { cwd, timeout: 15000 }, (err, stdout, stderr) => {
+      if (err) reject(err);
+      else resolve({ stdout, stderr });
+    });
+  });
+}
+
+async function syncOneRepo(dirPath: string, name: string): Promise<IGitSyncResult> {
+  try {
+    const { stdout, stderr } = await gitPull(dirPath);
+    const message = (stdout || stderr || '').trim().slice(0, 500);
+    return {
+      projectId: name,
+      projectName: name,
+      projectPath: dirPath,
+      status: 'success',
+      message: message || 'Already up to date.',
+    };
+  } catch (err: unknown) {
+    const message = err instanceof Error ? err.message.slice(0, 500) : 'Unknown error';
+    return {
+      projectId: name,
+      projectName: name,
+      projectPath: dirPath,
+      status: 'error',
+      message,
+    };
+  }
+}
+
+function findGitRepos(rootPath: string): { name: string; path: string }[] {
+  // If root itself is a git repo
+  if (existsSync(path.join(rootPath, '.git'))) {
+    return [{ name: path.basename(rootPath), path: rootPath }];
+  }
+
+  // Otherwise scan immediate subdirectories
+  const repos: { name: string; path: string }[] = [];
+  try {
+    const entries = readdirSync(rootPath);
+    for (const entry of entries) {
+      if (entry.startsWith('.')) continue;
+      const fullPath = path.join(rootPath, entry);
+      try {
+        if (statSync(fullPath).isDirectory() && existsSync(path.join(fullPath, '.git'))) {
+          repos.push({ name: entry, path: fullPath });
+        }
+      } catch {
+        // skip inaccessible dirs
+      }
+    }
+  } catch {
+    // skip
+  }
+  return repos;
+}
+
+export async function POST(
+  _request: NextRequest,
+  { params }: { params: Promise<{ id: string }> },
+) {
+  const { id } = await params;
+  const project = getProject(id);
+
+  if (!project) {
+    return NextResponse.json({ error: 'Project not found' }, { status: 404 });
+  }
+
+  if (!project.project_path) {
+    return NextResponse.json([{
+      projectId: project.id,
+      projectName: project.name,
+      projectPath: '',
+      status: 'no-path',
+      message: 'No folder linked',
+    }] satisfies IGitSyncResult[]);
+  }
+
+  const projectPath = project.project_path;
+
+  if (!existsSync(projectPath)) {
+    return NextResponse.json([{
+      projectId: project.id,
+      projectName: project.name,
+      projectPath,
+      status: 'error',
+      message: 'Directory not found',
+    }] satisfies IGitSyncResult[]);
+  }
+
+  const repos = findGitRepos(projectPath);
+
+  if (repos.length === 0) {
+    return NextResponse.json([{
+      projectId: project.id,
+      projectName: project.name,
+      projectPath,
+      status: 'no-git',
+      message: 'No git repositories found',
+    }] satisfies IGitSyncResult[]);
+  }
+
+  const results: IGitSyncResult[] = [];
+  for (const repo of repos) {
+    results.push(await syncOneRepo(repo.path, repo.name));
+  }
+
+  return NextResponse.json(results);
+}

package/src/components/dashboard/GitSyncResultsModal.tsx

@@ -0,0 +1,90 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+import type { IGitSyncResult } from '@/types';
+
+const STATUS_STYLE: Record<IGitSyncResult['status'], { icon: string; color: string }> = {
+  success: { icon: '\u2705', color: 'text-success' },
+  error: { icon: '\u274C', color: 'text-destructive' },
+  'no-git': { icon: '\u2796', color: 'text-muted-foreground' },
+  'no-path': { icon: '\u2796', color: 'text-muted-foreground' },
+};
+
+export default function GitSyncResultsModal({
+  open,
+  results,
+  onClose,
+}: {
+  open: boolean;
+  results: IGitSyncResult[];
+  onClose: () => void;
+}) {
+  const overlayRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    };
+    window.addEventListener('keydown', handler);
+    return () => window.removeEventListener('keydown', handler);
+  }, [open, onClose]);
+
+  if (!open) return null;
+
+  const successCount = results.filter(r => r.status === 'success').length;
+  const errorCount = results.filter(r => r.status === 'error').length;
+  const skipCount = results.filter(r => r.status === 'no-git' || r.status === 'no-path').length;
+
+  return (
+    <div
+      ref={overlayRef}
+      onClick={(e) => { if (e.target === overlayRef.current) onClose(); }}
+      className="fixed inset-0 z-50 flex items-center justify-center"
+      style={{ background: 'rgba(0,0,0,0.5)', backdropFilter: 'blur(2px)' }}
+    >
+      <div className="bg-card border border-border rounded-xl shadow-2xl shadow-black/40
+                      w-full max-w-md mx-4 animate-dialog-in">
+        <div className="p-5 border-b border-border">
+          <h3 className="text-sm font-semibold text-foreground">Git Sync Results</h3>
+          <p className="text-xs text-muted-foreground mt-1">
+            {successCount} synced, {errorCount} failed, {skipCount} skipped
+          </p>
+        </div>
+
+        <div className="max-h-64 overflow-y-auto p-3 space-y-1.5">
+          {results.length === 0 ? (
+            <p className="text-xs text-muted-foreground text-center py-4">
+              No projects with linked folders
+            </p>
+          ) : (
+            results.map((r) => {
+              const style = STATUS_STYLE[r.status];
+              return (
+                <div key={r.projectId} className="flex items-start gap-2 p-2 rounded-lg bg-muted/50">
+                  <span className="text-sm flex-shrink-0">{style.icon}</span>
+                  <div className="flex-1 min-w-0">
+                    <div className="text-xs font-medium truncate">{r.projectName}</div>
+                    <div className={`text-xs ${style.color} truncate`} title={r.message}>
+                      {r.message}
+                    </div>
+                  </div>
+                </div>
+              );
+            })
+          )}
+        </div>
+
+        <div className="flex justify-end px-5 pb-4 pt-2">
+          <button
+            onClick={onClose}
+            className="px-3 py-1.5 text-xs text-muted-foreground hover:text-foreground
+                       bg-muted hover:bg-card-hover border border-border rounded-md transition-colors"
+          >
+            Close
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/components/workspace/WorkspacePanel.tsx

@@ -8,7 +8,8 @@ import TaskDetail from '@/components/task/TaskDetail';
 import DirectoryPicker from '@/components/DirectoryPicker';
 import ConfirmDialog from '@/components/ui/ConfirmDialog';
 import AiPolicyModal from '@/components/ui/AiPolicyModal';
-import type { ISubProject, ITask, TaskStatus, ISubProjectWithStats } from '@/types';
+import GitSyncResultsModal from '@/components/dashboard/GitSyncResultsModal';
+import type { ISubProject, ITask, TaskStatus, ISubProjectWithStats, IGitSyncResult } from '@/types';
 
 interface IProject {
   id: string;
@@ -58,6 +59,10 @@ export default function WorkspacePanel({
   const [showBrainstorm, setShowBrainstorm] = useState(true);
   const [newSubName, setNewSubName] = useState('');
   const [showAiPolicy, setShowAiPolicy] = useState(false);
+  const [syncing, setSyncing] = useState(false);
+  const [syncResults, setSyncResults] = useState<IGitSyncResult[] | null>(null);
+  const [lastSyncTime, setLastSyncTime] = useState<Date | null>(null);
+  const syncingRef = useRef(false);
 
   // Resizable panel widths
   const [leftWidth, setLeftWidth] = useState(500);
@@ -279,6 +284,35 @@ export default function WorkspacePanel({
     }
   };
 
+  const handleGitSync = useCallback(async (silent = false) => {
+    if (syncingRef.current) return;
+    syncingRef.current = true;
+    if (!silent) setSyncing(true);
+    try {
+      const res = await fetch(`/api/projects/${id}/git-sync`, { method: 'POST' });
+      if (res.ok) {
+        const results: IGitSyncResult[] = await res.json();
+        setLastSyncTime(new Date());
+        if (!silent) {
+          setSyncResults(results);
+        }
+      }
+    } catch {
+      // silent fail
+    } finally {
+      syncingRef.current = false;
+      if (!silent) setSyncing(false);
+    }
+  }, [id]);
+
+  // Auto git-sync every 30 minutes
+  useEffect(() => {
+    if (!project?.project_path) return;
+    const INTERVAL_MS = 30 * 60 * 1000;
+    const timer = setInterval(() => handleGitSync(true), INTERVAL_MS);
+    return () => clearInterval(timer);
+  }, [project?.project_path, handleGitSync]);
+
   const handleToggleWatch = async () => {
     if (!project) return;
     const res = await fetch(`/api/projects/${id}`, {
@@ -370,7 +404,24 @@ export default function WorkspacePanel({
             }`}>
             AI Policy{project.ai_context ? ' *' : ''}
           </button>
-          {!project.project_path && (
+          {project.project_path ? (
+            <div className="flex items-center gap-1.5">
+              <button
+                onClick={() => handleGitSync(false)}
+                disabled={syncing}
+                className="px-3 py-1.5 text-xs bg-muted hover:bg-card-hover text-foreground border border-border rounded-md transition-colors disabled:opacity-50 flex items-center gap-1.5"
+                title={lastSyncTime ? `Last sync: ${lastSyncTime.toLocaleTimeString()}` : 'Git pull'}
+              >
+                <span className={syncing ? 'animate-spin' : ''}>&#x21bb;</span>
+                {syncing ? 'Syncing...' : 'Git Sync'}
+              </button>
+              {lastSyncTime && (
+                <span className="text-xs text-muted-foreground">
+                  {lastSyncTime.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+                </span>
+              )}
+            </div>
+          ) : (
             <button onClick={() => setShowDirPicker(true)}
               className="px-3 py-1.5 text-xs bg-muted hover:bg-card-hover text-foreground border border-border rounded-md transition-colors">
               Link folder
@@ -450,6 +501,11 @@ export default function WorkspacePanel({
         onConfirm={handleConfirmAction} onCancel={() => setConfirmAction(null)} />
       <AiPolicyModal open={showAiPolicy} content={project.ai_context || ''}
         onSave={handleSaveAiPolicy} onClose={() => setShowAiPolicy(false)} />
+      <GitSyncResultsModal
+        open={!!syncResults}
+        results={syncResults || []}
+        onClose={() => setSyncResults(null)}
+      />
     </div>
   );
 }

package/src/types/index.ts

@@ -63,6 +63,14 @@ export interface ITaskConversation {
   created_at: string;
 }
 
+export interface IGitSyncResult {
+  projectId: string;
+  projectName: string;
+  projectPath: string;
+  status: 'success' | 'error' | 'no-git' | 'no-path';
+  message: string;
+}
+
 export interface ISubProjectWithStats extends ISubProject {
   task_count: number;
   active_count: number;

package/README.en.md

@@ -1,127 +0,0 @@
-# IM (Idea Manager)
-
-[한국어](README.md) | **English** | [日本語](README.ja.md) | [中文](README.zh.md)
-
-> From ideas to executable prompts — a multi-project workflow manager
-
-A task management tool for developers juggling multiple projects simultaneously. Organize ideas into sub-projects and tasks, refine prompts for each task, and hand them off to AI agents like Claude Code. With a built-in MCP Server, AI agents can autonomously pick up and execute tasks.
-
-![IM Workspace](docs/screenshot.png)
-
-## Core Workflow
-
-```
-Brainstorming → Organize into Sub-projects/Tasks → Refine Prompts → Execute via MCP
-```
-
-### Hierarchy
-
-```
-Project
-├── Sub-project A
-│   ├── Task 1  →  Prompt
-│   ├── Task 2  →  Prompt
-│   └── Task 3  →  Prompt
-└── Sub-project B
-    ├── Task 4  →  Prompt
-    └── Task 5  →  Prompt
-```
-
-### Task Status Flow
-
-```
-💡 Idea → ✏️ Writing → 🚀 Submitted → 🧪 Testing → ✅ Done
-                                                      🔴 Problem
-```
-
-## Installation
-
-```bash
-npm install -g idea-manager
-```
-
-## Usage
-
-### Start Web UI
-
-```bash
-im start
-```
-
-Opens the web UI at `http://localhost:3456`.
-
-```bash
-# Custom port
-im start -p 4000
-```
-
-### Start MCP Server
-
-```bash
-im mcp
-```
-
-#### Claude Desktop Configuration (claude_desktop_config.json)
-
-```json
-{
-  "mcpServers": {
-    "idea-manager": {
-      "command": "npx",
-      "args": ["-y", "idea-manager", "mcp"]
-    }
-  }
-}
-```
-
-#### Claude Code Configuration
-
-```bash
-claude mcp add idea-manager -- npx -y idea-manager mcp
-```
-
-### MCP Tools
-
-| Tool | Description |
-|------|-------------|
-| `list-projects` | List all projects |
-| `get-project-context` | Get full sub-project + task tree |
-| `get-next-task` | Get next task to execute (status=submitted) |
-| `get-task-prompt` | Get prompt for a specific task |
-| `update-status` | Change task status (idea/writing/submitted/testing/done/problem) |
-| `report-completion` | Report task completion |
-
-## Key Features
-
-- **Tab-based Multi-project** — Open multiple projects in tabs like a browser/IDE, state preserved on tab switch
-- **3-Panel Workspace** — Brainstorming | Project Tree | Task Detail, drag to resize panels
-- **Tree-structured Projects** — Tasks displayed hierarchically under sub-projects
-- **Brainstorming Panel** — Free-form notes, collapsible
-- **Prompt Editor** — Write/edit/copy prompts per task, AI refinement
-- **AI Chat** — Per-task AI conversations to refine prompts
-- **3-Tab Dashboard** — Active / All / Today
-- **Keyboard Shortcuts** — Ctrl+Tab/Ctrl+Shift+Tab for tab navigation, B: toggle brainstorm, N: add sub-project, T: add task, Cmd+1~6: change status
-- **PWA Support** — Install as an app for a standalone window experience
-- **Watch Mode** — Auto-execute submitted tasks via Claude CLI with real-time progress
-- **Built-in MCP Server** — Supports autonomous AI agent execution
-- **Local-first** — SQLite-based, data stored in `~/.idea-manager/`
-
-## Tech Stack
-
-| Area | Technology |
-|------|------------|
-| Frontend | Next.js 15, React 19, TypeScript, Tailwind CSS 4 |
-| Backend | Next.js API Routes |
-| Database | SQLite (better-sqlite3) |
-| AI | Claude CLI (subscription-based, no API key needed) |
-| MCP | Model Context Protocol (stdio) |
-| CLI | Commander.js |
-
-## Requirements
-
-- **Node.js** 18+
-- **Claude CLI** — Required for AI chat/refinement features (Claude subscription needed). Core features like task management and prompt editing work without it.
-
-## License
-
-MIT