feat(desktop): AIコミットメッセージ自動生成

[MocA-Love]

概要

コミットメッセージ入力欄の右上にスパークルボタンを追加し、AIによるコミットメッセージの自動生成機能を実装。

既存の callSmallModel インフラを活用し、OpenAI / Anthropic のどちらでも動作する（自動フォールバック）。

変更内容

UIの変更（CommitInput.tsx）

• テキストエリアの右上にスパークル(✨)アイコンのボタンを配置
• 生成中は animate-pulse でアニメーション表示
• 失敗時はトーストでエラーメッセージを表示

バックエンドの変更（git-operations.ts）

• changes.generateCommitMessage tRPCプロシージャを新規追加
• **階層的要約方式（gptcommit式）**で最高精度を実現:
  • Phase 1: ファイルごとのdiffを並列でLLM要約（Promise.all）
  • Phase 2: 全ファイルの要約を統合して最終コミットメッセージを生成
• ロックファイル（*.lock, package-lock.json 等）・バイナリはスキップしファイル名のみ渡す
• 300文字未満の小さなdiffはLLM呼び出しをスキップしそのまま渡す
• OpenAI OAuth認証時は generateTitleFromMessageWithStreamingModel を使用
• 全プロバイダー失敗時はコンソールに詳細な診断ログを出力

対応する入力ソース

• staged（ステージ済み）の変更
• unstaged（未ステージ）の変更
• untracked（新規追加）ファイル

生成フォーマット

• 日本語の conventional commit 形式: type(scope): 日本語の説明
• 72文字以内

テスト項目

• スパークルボタンが表示されること
• 変更がある状態でボタンをクリック → コミットメッセージが自動入力されること
• staged / unstaged / untracked いずれの変更でも動作すること
• 大量ファイル変更時でも安定して生成されること
• AI プロバイダー未設定時にエラーメッセージが表示されること
• 生成中にボタンがdisabledになり、アニメーションが表示されること

Summary by CodeRabbit

Release Notes

New Features

• AI-assisted commit message generation: A new button featuring a sparkle icon in the commit input area enables automatic generation of conventional commit messages. The feature analyzes staged changes, unstaged modifications, untracked files, and other modifications to produce comprehensive, contextual commit messages. The button is disabled during processing to ensure timely completion.

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

Two new components add AI-powered commit message generation: a TRPC backend endpoint that collects staged, unstaged, and untracked changes via git commands and generates conventional commit messages through LLM models, and a frontend UI component with a button to trigger the generation and display the result.

Changes

Cohort / File(s)	Summary
Backend TRPC Endpoint apps/desktop/src/lib/trpc/routers/changes/git-operations.ts	Added generateCommitMessage TRPC procedure that collects git changes (staged/unstaged/untracked) via git commands, filters certain file types and binaries, generates hierarchical per-file summaries, then synthesizes a final commit message using LLM models (callSmallModel with OpenAI or fallback providers).
Frontend Commit Input UI apps/desktop/src/renderer/screens/main/components/WorkspaceView/RightSidebar/ChangesView/components/CommitInput/CommitInput.tsx	Integrated generateCommitMessage mutation with loading state handling; wrapped Textarea in a relative container and added AI-generation button (disabled while pending, shows pulsing sparkle icon) that populates commit message or displays error toast on failure.

Sequence Diagram

sequenceDiagram
    actor User
    participant UI as CommitInput UI
    participant TRPC as Git Operations<br/>Endpoint
    participant Git as Git Commands
    participant LLM as LLM Models

    User->>UI: Clicks AI Generate Button
    UI->>TRPC: generateCommitMessage(worktreePath)
    TRPC->>Git: git diff --cached --stat
    Git-->>TRPC: Staged changes
    TRPC->>Git: git diff (per-file cached)
    Git-->>TRPC: Per-file diffs
    TRPC->>Git: git status
    Git-->>TRPC: Untracked files
    TRPC->>TRPC: Filter & collect changes<br/>(staged/unstaged/untracked)
    TRPC->>LLM: callSmallModel(per-file summaries)
    LLM-->>TRPC: Per-file summaries
    TRPC->>LLM: callSmallModel(final message)
    LLM-->>TRPC: Commit message
    TRPC-->>UI: { message: string | null }
    UI->>UI: Populate commitMessage field<br/>or show error toast

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐰 Whiskers twitch with AI delight,
Git diffs dance in morning light,
Commits flow like carrot juice,
LLM magic, set it loose!
Messages born from sparkling wit,
Auto-crafted, a perfect fit. ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the main change: adding AI-powered commit message auto-generation to the desktop application.
Description check	✅ Passed	The description provides comprehensive coverage of the changes, technical implementation details, and testing criteria, though it does not follow the exact template structure (missing formal sections for Related Issues, Type of Change, etc.).

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/desktop-ai-commit-message

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}