code-squad-cli 1.2.3 → 1.2.5

package/dist/adapters/GitAdapter.d.ts

@@ -9,5 +9,18 @@ export declare class GitAdapter implements PartialGitPort {
     deleteBranch(branchName: string, workspaceRoot: string, force?: boolean): Promise<void>;
     isValidWorktree(path: string, workspaceRoot: string): Promise<boolean>;
     getWorktreeBranch(worktreePath: string): Promise<string>;
+    /**
+     * 현재 디렉토리가 워크트리인지 확인하고 컨텍스트 반환
+     */
+    getWorktreeContext(cwd: string): Promise<{
+        isWorktree: boolean;
+        mainRoot: string | null;
+        currentPath: string;
+        branch: string | null;
+    }>;
+    /**
+     * staged 또는 unstaged 변경사항이 있는지 확인 (untracked 제외)
+     */
+    hasDirtyState(workspacePath: string): Promise<boolean>;
 }
 export {};

package/dist/adapters/GitAdapter.js

@@ -1,102 +1,84 @@
-import { exec } from 'child_process';
+import { exec as execCallback } from 'child_process';
+import { promisify } from 'util';
 import * as fs from 'fs';
+const exec = promisify(execCallback);
+const execOptions = { maxBuffer: 1024 * 1024 };
 export class GitAdapter {
     async isGitRepository(workspaceRoot) {
-        return new Promise((resolve) => {
-            exec(`cd "${workspaceRoot}" && git rev-parse --git-dir`, { maxBuffer: 1024 * 1024 }, (error) => {
-                resolve(!error);
-            });
-        });
+        try {
+            await exec(`cd "${workspaceRoot}" && git rev-parse --git-dir`, execOptions);
+            return true;
+        }
+        catch {
+            return false;
+        }
     }
     async getCurrentBranch(workspaceRoot) {
-        return new Promise((resolve, reject) => {
-            exec(`cd "${workspaceRoot}" && git rev-parse --abbrev-ref HEAD`, { maxBuffer: 1024 * 1024 }, (error, stdout) => {
-                if (error) {
-                    reject(error);
-                    return;
-                }
-                resolve(stdout.trim());
-            });
-        });
+        const { stdout } = await exec(`cd "${workspaceRoot}" && git rev-parse --abbrev-ref HEAD`, execOptions);
+        return stdout.trim();
     }
     async listWorktrees(workspaceRoot) {
-        return new Promise((resolve) => {
-            exec(`cd "${workspaceRoot}" && git worktree list --porcelain`, { maxBuffer: 1024 * 1024 }, (error, stdout) => {
-                if (error) {
-                    resolve([]);
-                    return;
+        try {
+            const { stdout } = await exec(`cd "${workspaceRoot}" && git worktree list --porcelain`, execOptions);
+            const worktrees = [];
+            const lines = stdout.split('\n').filter((line) => line.trim());
+            // Parse porcelain format: groups of 3 lines
+            // worktree /path
+            // HEAD sha
+            // branch refs/heads/name
+            let i = 0;
+            while (i < lines.length) {
+                const worktreeLine = lines[i];
+                const headLine = lines[i + 1];
+                const branchLine = lines[i + 2];
+                if (!worktreeLine || !headLine) {
+                    i++;
+                    continue;
                 }
-                const worktrees = [];
-                const lines = stdout.split('\n').filter((line) => line.trim());
-                // Parse porcelain format: groups of 3 lines
-                // worktree /path
-                // HEAD sha
-                // branch refs/heads/name
-                let i = 0;
-                while (i < lines.length) {
-                    const worktreeLine = lines[i];
-                    const headLine = lines[i + 1];
-                    const branchLine = lines[i + 2];
-                    if (!worktreeLine || !headLine) {
-                        i++;
-                        continue;
-                    }
-                    const pathMatch = worktreeLine.match(/^worktree (.+)$/);
-                    const headMatch = headLine.match(/^HEAD (.+)$/);
-                    const branchMatch = branchLine?.match(/^branch refs\/heads\/(.+)$/);
-                    if (pathMatch && headMatch) {
-                        const path = pathMatch[1];
-                        const head = headMatch[1];
-                        const branch = branchMatch ? branchMatch[1] : 'HEAD';
-                        // Skip main repository root (first entry)
-                        if (path !== workspaceRoot) {
-                            worktrees.push({ path, branch, head });
-                        }
+                const pathMatch = worktreeLine.match(/^worktree (.+)$/);
+                const headMatch = headLine.match(/^HEAD (.+)$/);
+                const branchMatch = branchLine?.match(/^branch refs\/heads\/(.+)$/);
+                if (pathMatch && headMatch) {
+                    const path = pathMatch[1];
+                    const head = headMatch[1];
+                    const branch = branchMatch ? branchMatch[1] : 'HEAD';
+                    // Skip main repository root (first entry)
+                    if (path !== workspaceRoot) {
+                        worktrees.push({ path, branch, head });
                     }
-                    // Move to next worktree entry
-                    i += 3;
                 }
-                resolve(worktrees);
-            });
-        });
+                // Move to next worktree entry
+                i += 3;
+            }
+            return worktrees;
+        }
+        catch {
+            return [];
+        }
     }
     async createWorktree(worktreePath, branch, workspaceRoot) {
-        return new Promise((resolve, reject) => {
-            // Extract parent directory and create it if needed
-            const parentDir = worktreePath.substring(0, worktreePath.lastIndexOf('/'));
-            const mkdirCmd = parentDir ? `mkdir -p "${parentDir}" && ` : '';
-            exec(`cd "${workspaceRoot}" && ${mkdirCmd}git worktree add "${worktreePath}" -b "${branch}"`, { maxBuffer: 1024 * 1024 }, (error) => {
-                if (error) {
-                    reject(error);
-                    return;
-                }
-                resolve();
-            });
-        });
+        // Extract parent directory and create it if needed
+        const parentDir = worktreePath.substring(0, worktreePath.lastIndexOf('/'));
+        const mkdirCmd = parentDir ? `mkdir -p "${parentDir}" && ` : '';
+        await exec(`cd "${workspaceRoot}" && ${mkdirCmd}git worktree add "${worktreePath}" -b "${branch}"`, execOptions);
     }
     async removeWorktree(worktreePath, workspaceRoot, force = false) {
-        return new Promise((resolve, reject) => {
-            const forceFlag = force ? ' --force' : '';
-            exec(`cd "${workspaceRoot}" && git worktree remove "${worktreePath}"${forceFlag}`, { maxBuffer: 1024 * 1024 }, (error) => {
-                if (error) {
-                    reject(new Error(`Failed to remove worktree: ${error.message}`));
-                    return;
-                }
-                resolve();
-            });
-        });
+        const forceFlag = force ? ' --force' : '';
+        try {
+            await exec(`cd "${workspaceRoot}" && git worktree remove "${worktreePath}"${forceFlag}`, execOptions);
+        }
+        catch (error) {
+            throw new Error(`Failed to remove worktree: ${error.message}`);
+        }
     }
     async deleteBranch(branchName, workspaceRoot, force = false) {
-        return new Promise((resolve, reject) => {
-            const deleteFlag = force ? '-D' : '-d';
-            exec(`cd "${workspaceRoot}" && git branch ${deleteFlag} "${branchName}"`, { maxBuffer: 1024 * 1024 }, (error) => {
-                if (error) {
-                    reject(new Error(`Failed to delete branch: ${error.message}`));
-                    return;
-                }
-                resolve();
-            });
-        });
+        const deleteFlag = force ? '-D' : '-d';
+        try {
+            await exec(`cd "${workspaceRoot}" && git branch ${deleteFlag} "${branchName}"`, execOptions);
+        }
+        catch (error) {
+            throw new Error(`Failed to delete branch: ${error.message}`);
+        }
     }
     async isValidWorktree(path, workspaceRoot) {
         // Step 1: Check if path exists and is accessible
@@ -107,12 +89,10 @@ export class GitAdapter {
             return false;
         }
         // Step 2: Check if path is a valid git repository
-        const isGitRepo = await new Promise((resolve) => {
-            exec(`cd "${path}" && git rev-parse --git-dir`, { maxBuffer: 1024 * 1024 }, (error) => {
-                resolve(!error);
-            });
-        });
-        if (!isGitRepo) {
+        try {
+            await exec(`cd "${path}" && git rev-parse --git-dir`, execOptions);
+        }
+        catch {
             return false;
         }
         // Step 3: Verify path is listed in main repo's worktree list
@@ -120,15 +100,60 @@ export class GitAdapter {
         return worktrees.some((wt) => wt.path === path);
     }
     async getWorktreeBranch(worktreePath) {
-        return new Promise((resolve, reject) => {
-            exec(`cd "${worktreePath}" && git rev-parse --abbrev-ref HEAD`, { maxBuffer: 1024 * 1024 }, (error, stdout) => {
-                if (error) {
-                    reject(new Error(`Failed to get branch name: ${error.message}`));
-                    return;
-                }
-                const branch = stdout.trim();
-                resolve(branch);
-            });
-        });
+        try {
+            const { stdout } = await exec(`cd "${worktreePath}" && git rev-parse --abbrev-ref HEAD`, execOptions);
+            return stdout.trim();
+        }
+        catch (error) {
+            throw new Error(`Failed to get branch name: ${error.message}`);
+        }
+    }
+    /**
+     * 현재 디렉토리가 워크트리인지 확인하고 컨텍스트 반환
+     */
+    async getWorktreeContext(cwd) {
+        // git-common-dir로 워크트리 여부 확인
+        let commonDir = null;
+        try {
+            const { stdout } = await exec(`cd "${cwd}" && git rev-parse --git-common-dir`, execOptions);
+            commonDir = stdout.trim();
+        }
+        catch {
+            return { isWorktree: false, mainRoot: null, currentPath: cwd, branch: null };
+        }
+        // .git 이면 메인 레포, 아니면 워크트리
+        const isWorktree = commonDir !== '.git';
+        if (!isWorktree) {
+            return { isWorktree: false, mainRoot: cwd, currentPath: cwd, branch: null };
+        }
+        // 메인 레포 루트 찾기 (worktree list의 첫 번째)
+        let mainRoot = null;
+        try {
+            const { stdout } = await exec(`cd "${cwd}" && git worktree list --porcelain`, execOptions);
+            const match = stdout.match(/^worktree (.+)$/m);
+            mainRoot = match ? match[1] : null;
+        }
+        catch {
+            // ignore
+        }
+        // 현재 브랜치
+        const branch = await this.getWorktreeBranch(cwd).catch(() => null);
+        return { isWorktree, mainRoot, currentPath: cwd, branch };
+    }
+    /**
+     * staged 또는 unstaged 변경사항이 있는지 확인 (untracked 제외)
+     */
+    async hasDirtyState(workspacePath) {
+        try {
+            const { stdout } = await exec(`cd "${workspacePath}" && git status --porcelain`, execOptions);
+            // ?? 로 시작하는 줄(untracked)을 제외한 변경사항이 있는지
+            const lines = stdout.split('\n').filter(line => line.trim());
+            const dirtyLines = lines.filter(line => !line.startsWith('??'));
+            return dirtyLines.length > 0;
+        }
+        catch {
+            // 에러 시 안전하게 dirty로 처리 (데이터 손실 방지)
+            return true;
+        }
     }
 }

package/dist/flip/routes/file.js

@@ -2,42 +2,130 @@ import { Router } from 'express';
 import fs from 'fs';
 import path from 'path';
 const router = Router();
+// Extension to language mapping
+const extensionMap = {
+    // JavaScript/TypeScript
+    js: 'javascript',
+    mjs: 'javascript',
+    cjs: 'javascript',
+    ts: 'typescript',
+    mts: 'typescript',
+    cts: 'typescript',
+    tsx: 'tsx',
+    jsx: 'jsx',
+    // Systems languages
+    rs: 'rust',
+    go: 'go',
+    c: 'c',
+    cpp: 'cpp',
+    cc: 'cpp',
+    cxx: 'cpp',
+    h: 'cpp',
+    hpp: 'cpp',
+    hxx: 'cpp',
+    // JVM languages
+    java: 'java',
+    kt: 'kotlin',
+    kts: 'kotlin',
+    scala: 'scala',
+    groovy: 'groovy',
+    // Scripting languages
+    py: 'python',
+    rb: 'ruby',
+    php: 'php',
+    pl: 'perl',
+    lua: 'lua',
+    // Mobile
+    swift: 'swift',
+    m: 'objective-c',
+    mm: 'objective-cpp',
+    dart: 'dart',
+    // Web
+    html: 'html',
+    htm: 'html',
+    css: 'css',
+    scss: 'scss',
+    sass: 'sass',
+    less: 'less',
+    vue: 'vue',
+    svelte: 'svelte',
+    astro: 'astro',
+    // Data formats
+    json: 'json',
+    jsonc: 'jsonc',
+    yaml: 'yaml',
+    yml: 'yaml',
+    toml: 'toml',
+    xml: 'xml',
+    csv: 'csv',
+    // Documentation
+    md: 'markdown',
+    mdx: 'mdx',
+    rst: 'rst',
+    tex: 'latex',
+    // Shell
+    sh: 'bash',
+    bash: 'bash',
+    zsh: 'bash',
+    fish: 'fish',
+    ps1: 'powershell',
+    bat: 'batch',
+    cmd: 'batch',
+    // Database
+    sql: 'sql',
+    prisma: 'prisma',
+    graphql: 'graphql',
+    gql: 'graphql',
+    // Config
+    ini: 'ini',
+    conf: 'ini',
+    cfg: 'ini',
+    env: 'dotenv',
+    // Other
+    dockerfile: 'dockerfile',
+    makefile: 'makefile',
+    cmake: 'cmake',
+    diff: 'diff',
+    patch: 'diff',
+};
+// Filename to language mapping (for files without extensions)
+const filenameMap = {
+    'Makefile': 'makefile',
+    'makefile': 'makefile',
+    'GNUmakefile': 'makefile',
+    'Dockerfile': 'dockerfile',
+    'dockerfile': 'dockerfile',
+    'Containerfile': 'dockerfile',
+    'Jenkinsfile': 'groovy',
+    'Vagrantfile': 'ruby',
+    'Gemfile': 'ruby',
+    'Rakefile': 'ruby',
+    'Brewfile': 'ruby',
+    'Podfile': 'ruby',
+    'Fastfile': 'ruby',
+    'Guardfile': 'ruby',
+    '.gitignore': 'gitignore',
+    '.gitattributes': 'gitattributes',
+    '.editorconfig': 'editorconfig',
+    '.bashrc': 'bash',
+    '.zshrc': 'bash',
+    '.bash_profile': 'bash',
+    '.profile': 'bash',
+    'CMakeLists.txt': 'cmake',
+    'CODEOWNERS': 'gitignore',
+};
 function detectLanguage(filePath) {
+    const basename = path.basename(filePath);
+    // Check filename first (for files like Makefile, Dockerfile)
+    if (filenameMap[basename]) {
+        return filenameMap[basename];
+    }
+    // Then check extension
     const ext = path.extname(filePath).slice(1).toLowerCase();
-    const languageMap = {
-        rs: 'rust',
-        js: 'javascript',
-        ts: 'typescript',
-        tsx: 'tsx',
-        jsx: 'jsx',
-        py: 'python',
-        go: 'go',
-        java: 'java',
-        c: 'c',
-        cpp: 'cpp',
-        cc: 'cpp',
-        cxx: 'cpp',
-        h: 'cpp',
-        hpp: 'cpp',
-        md: 'markdown',
-        json: 'json',
-        yaml: 'yaml',
-        yml: 'yaml',
-        toml: 'toml',
-        html: 'html',
-        css: 'css',
-        scss: 'scss',
-        sh: 'bash',
-        bash: 'bash',
-        sql: 'sql',
-        rb: 'ruby',
-        swift: 'swift',
-        kt: 'kotlin',
-        kts: 'kotlin',
-        xml: 'xml',
-        vue: 'vue',
-    };
-    return languageMap[ext] || 'plaintext';
+    if (extensionMap[ext]) {
+        return extensionMap[ext];
+    }
+    return 'text';
 }
 // GET /api/file?path=<path>
 router.get('/', (req, res) => {

package/dist/flip/routes/files.js

@@ -24,9 +24,36 @@ const DEFAULT_IGNORES = [
     'yarn.lock',
     '.DS_Store',
 ];
+// Dotfiles that should be visible in the file tree
+const VISIBLE_DOTFILES = new Set([
+    '.gitignore',
+    '.gitattributes',
+    '.env.example',
+    '.env.local.example',
+    '.eslintrc',
+    '.eslintrc.js',
+    '.eslintrc.cjs',
+    '.eslintrc.json',
+    '.eslintrc.yml',
+    '.prettierrc',
+    '.prettierrc.js',
+    '.prettierrc.cjs',
+    '.prettierrc.json',
+    '.prettierrc.yml',
+    '.editorconfig',
+    '.npmrc',
+    '.nvmrc',
+    '.node-version',
+    '.dockerignore',
+    '.browserslistrc',
+    '.babelrc',
+    '.babelrc.js',
+    '.babelrc.json',
+]);
 function shouldIgnore(name) {
-    if (name.startsWith('.') && name !== '.gitignore' && name !== '.env.example') {
-        return true;
+    if (name.startsWith('.')) {
+        // Allow specific dotfiles
+        return !VISIBLE_DOTFILES.has(name);
     }
     return DEFAULT_IGNORES.includes(name);
 }

package/dist/flip-ui/dist/assets/index-DTf1sRAX.css

@@ -0,0 +1 @@
+*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: #30363d;--bg-selected: #1f6feb26;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--border-color: #30363d;--border-subtle: #21262d;--accent-primary: #238636;--accent-primary-hover: #2ea043;--accent-secondary: #1f6feb;--git-modified: #d29922;--git-untracked: #3fb950;--git-deleted: #f85149;--git-added: #3fb950;--line-number-color: #6e7681;--selection-bg: #264f78;--diff-add-bg: rgba(46, 160, 67, .15);--diff-add-text: #7ee787;--diff-add-border: rgba(46, 160, 67, .4);--diff-delete-bg: rgba(248, 81, 73, .15);--diff-delete-text: #ffa198;--diff-delete-border: rgba(248, 81, 73, .4);--diff-hunk-bg: rgba(56, 139, 253, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease}body{font-family:var(--font-sans);font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100%}.app{display:flex;flex-direction:column;height:100%}.main-content{display:flex;flex:1;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--space-3);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);height:28px;padding:0 var(--space-2);border:none;background:transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toolbar-btn.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn svg{flex-shrink:0}.diff-toggle{min-width:100px}.diff-mode-label{font-size:12px}.sidebar{width:280px;background-color:var(--bg-secondary);border-right:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;transition:width var(--transition-normal),opacity var(--transition-fast)}.sidebar.collapsed{width:0;opacity:0;border-right:none}.content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.staging-panel{width:320px;background-color:var(--bg-secondary);border-left:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;transition:width var(--transition-normal),opacity var(--transition-fast)}.staging-panel.collapsed{width:0;opacity:0;border-left:none}.footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);gap:var(--space-4)}.footer-actions{display:flex;gap:var(--space-2)}.file-tree{display:flex;flex-direction:column;height:100%}.file-tree-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.file-tree-header-actions{display:flex;gap:var(--space-1)}.filter-btn{display:flex;align-items:center;gap:var(--space-1);padding:2px 8px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.filter-btn.active{background-color:var(--accent-secondary);color:#fff}.filter-btn .count{background-color:var(--bg-hover);padding:0 4px;border-radius:3px;font-size:9px}.filter-btn.active .count{background-color:#fff3}.file-tree-content{flex:1;overflow-y:auto;padding:var(--space-1) 0}.tree-item{display:flex;align-items:center;padding:var(--space-1) var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px}.tree-item:hover{background-color:var(--bg-hover)}.tree-icon{display:flex;align-items:center;justify-content:center;width:14px;color:var(--text-secondary);flex-shrink:0}.tree-folder-icon{display:flex;align-items:center;justify-content:center;width:14px;color:var(--git-modified);flex-shrink:0}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.git-badge{font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px}.git-badge-modified{color:var(--git-modified);background-color:#d2992226}.git-badge-untracked{color:var(--git-untracked);background-color:#3fb95026}.git-badge-deleted{color:var(--git-deleted);background-color:#f8514926}.git-badge-added{color:var(--git-added);background-color:#3fb95026}.code-viewer{display:flex;flex-direction:column;height:100%;overflow:hidden}.code-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:var(--space-3)}.code-viewer-empty .hint{display:flex;align-items:center;gap:var(--space-1);font-size:12px;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);gap:var(--space-3)}.empty-state-icon{color:var(--text-muted);opacity:.5}.code-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.file-path{font-size:13px;font-family:var(--font-mono)}.file-language{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.code-viewer-content{flex:1;overflow:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.code-line{display:flex;min-height:20px;cursor:pointer}.code-line:hover{background-color:var(--bg-hover)}.code-line-selected{background-color:var(--selection-bg)!important}.code-line-added{background-color:var(--diff-add-bg)!important}.code-line-added:hover{background-color:#2ea04340!important}.code-line-deleted{background-color:var(--diff-delete-bg)!important}.code-line-deleted:hover{background-color:#f8514940!important}.line-number{display:inline-block;min-width:50px;padding:0 var(--space-3);text-align:right;color:var(--line-number-color);-webkit-user-select:none;user-select:none;background-color:var(--bg-tertiary);border-right:1px solid var(--border-subtle)}.code-line code{flex:1;padding:0 var(--space-3);white-space:pre;background:transparent}.code-line code.hljs{background:transparent;padding:0 var(--space-3)}.code-content{flex:1;padding:0 var(--space-3);white-space:pre}.staging-list{display:flex;flex-direction:column;height:100%}.staging-list-empty{padding:var(--space-4)}.staging-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.staging-hint{font-size:12px;color:var(--text-muted);line-height:1.5}.staging-items{flex:1;overflow-y:auto;padding:var(--space-2)}.staging-item{background-color:var(--bg-tertiary);border-radius:6px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.staging-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.staging-location{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.staging-comment{font-size:13px;line-height:1.4}.comment-input{display:flex;align-items:center;gap:var(--space-3);flex:1}.comment-selection{font-family:var(--font-mono);font-size:12px;color:var(--accent-secondary);white-space:nowrap}.comment-field{flex:1;padding:var(--space-2) var(--space-3);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:border-color var(--transition-fast)}.comment-field:focus{outline:none;border-color:var(--accent-secondary)}.comment-hint{color:var(--text-muted);font-size:13px}.fuzzy-finder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;padding-top:80px;z-index:100}.fuzzy-finder{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 16px 48px #00000080;width:600px;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.fuzzy-finder-input{padding:var(--space-4);background-color:var(--bg-tertiary);border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:16px}.fuzzy-finder-input:focus{outline:none}.fuzzy-finder-results{flex:1;overflow-y:auto}.fuzzy-finder-item{padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-mono);font-size:13px}.fuzzy-finder-item:hover,.fuzzy-finder-item-selected{background-color:var(--bg-selected)}.fuzzy-finder-empty{padding:var(--space-4);color:var(--text-muted);text-align:center}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn-small{padding:var(--space-1) var(--space-3)}.btn-link{background:none;border:none;color:var(--accent-secondary);cursor:pointer;font-size:11px}.btn-link:hover{text-decoration:underline}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px}.btn-icon:hover{color:var(--text-primary)}.diff-side-by-side{display:flex;height:100%;overflow:hidden}.diff-pane{flex:1;overflow:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.diff-pane-left{border-right:1px solid var(--border-color)}.diff-pane-header{padding:var(--space-2) var(--space-3);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.code-viewer-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#484f58}::-webkit-scrollbar-corner{background:transparent}