clicodelog 0.1.0__py3-none-any.whl → 0.2.1__py3-none-any.whl

clicodelog/__init__.py

@@ -2,5 +2,5 @@
 CLI Code Log - Browse, inspect, and export logs from CLI-based AI coding agents.
 """
 
-__version__ = "0.1.0"
+__version__ = "0.2.1"
 __author__ = "monk1337"

clicodelog/app.py

@@ -1,21 +1,29 @@
+#!/usr/bin/env python3
 """
-cli code log
-A web app to browse, inspect, and export logs from CLI-based AI coding agents.
-Data is copied from source directories to ~/.clicodelog/data/ for backup and local use.
+AI Conversation History Viewer
+A web app to browse and view Claude Code, OpenAI Codex, and Google Gemini conversation history.
+Data is copied from source directories to ./data/ for backup and local use.
 Background sync runs every hour to keep data updated.
 """
 
-import base64
 import json
 import os
 import shutil
+import signal
+import subprocess
 import threading
 import time
+import webbrowser
 from datetime import datetime
 from pathlib import Path
+from typing import Optional
 
-from flask import Flask, Response, jsonify, render_template, request
-from flask_cors import CORS
+import uvicorn
+from fastapi import FastAPI, Request
+from fastapi.responses import HTMLResponse, JSONResponse, Response
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from fastapi.middleware.cors import CORSMiddleware
 
 # Package directory for templates
 PACKAGE_DIR = Path(__file__).parent
@@ -51,13 +59,9 @@ sync_lock = threading.Lock()
 last_sync_time = {}  # Track per-source sync times
 current_source = "claude-code"  # Default source
 
-# Create Flask app with template folder from package
-app = Flask(__name__, template_folder=str(PACKAGE_DIR / "templates"))
-CORS(app)
-
 
 def sync_data(source_id=None, silent=False):
-    """Copy data from source directory to data dir for backup."""
+    """Copy data from source directory to ./data/{source}/ for backup."""
     global last_sync_time
 
     if source_id is None:
@@ -79,7 +83,7 @@ def sync_data(source_id=None, silent=False):
             return False
 
         # Create data directory if it doesn't exist
-        DATA_DIR.mkdir(parents=True, exist_ok=True)
+        DATA_DIR.mkdir(exist_ok=True)
 
         # Copy source directory
         if not silent:
@@ -156,11 +160,13 @@ def background_sync():
 
 def encode_path_id(path):
     """Encode a path as a safe ID using base64."""
+    import base64
     return base64.urlsafe_b64encode(path.encode()).decode().rstrip('=')
 
 
 def decode_path_id(encoded_id):
     """Decode a base64-encoded path ID."""
+    import base64
     # Add back padding if needed
     padding = 4 - len(encoded_id) % 4
     if padding != 4:
@@ -577,11 +583,18 @@ def parse_codex_conversation(session_file, session_id):
 
                     elif payload_type == "reasoning":
                         # Reasoning/thinking block
-                        summary_parts = payload.get("summary", [])
                         thinking_text = ""
-                        for part in summary_parts:
-                            if isinstance(part, dict) and part.get("type") == "summary_text":
-                                thinking_text += part.get("text", "") + "\n"
+                        
+                        # Check if content is encrypted
+                        if payload.get("encrypted_content"):
+                            thinking_text = "[Reasoning content is encrypted and cannot be displayed]\n\nOpenAI Codex encrypts extended thinking for privacy. The model used reasoning here, but the content is not accessible in the logs."
+                        else:
+                            # Try to extract from summary (unencrypted format)
+                            summary_parts = payload.get("summary", [])
+                            for part in summary_parts:
+                                if isinstance(part, dict) and part.get("type") == "summary_text":
+                                    thinking_text += part.get("text", "") + "\n"
+                        
                         if thinking_text:
                             messages.append({
                                 "role": "assistant",
@@ -711,13 +724,29 @@ def parse_gemini_conversation(session_file, session_id):
     }
 
 
-@app.route('/')
-def index():
-    return render_template('index.html')
+# Create FastAPI app
+app = FastAPI(title="CLI Code Log", version="0.2.0")
+
+# Add CORS middleware
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Templates
+templates = Jinja2Templates(directory=str(PACKAGE_DIR / "templates"))
 
 
-@app.route('/api/sources')
-def api_sources():
+@app.get("/", response_class=HTMLResponse)
+async def index(request: Request):
+    return templates.TemplateResponse("index.html", {"request": request})
+
+
+@app.get("/api/sources")
+async def api_sources():
     """Get available sources."""
     sources = []
     for source_id, config in SOURCES.items():
@@ -726,55 +755,55 @@ def api_sources():
             "name": config["name"],
             "available": config["source_dir"].exists()
         })
-    return jsonify({
+    return {
         "sources": sources,
         "current": current_source
-    })
+    }
 
 
-@app.route('/api/sources/<source_id>', methods=['POST'])
-def api_set_source(source_id):
+@app.post("/api/sources/{source_id}")
+async def api_set_source(source_id: str):
     """Set the current source."""
     global current_source
     if source_id not in SOURCES:
-        return jsonify({"error": "Unknown source"}), 400
+        return JSONResponse({"error": "Unknown source"}, status_code=400)
     current_source = source_id
-    return jsonify({"status": "success", "current": current_source})
+    return {"status": "success", "current": current_source}
 
 
-@app.route('/api/projects')
-def api_projects():
-    source_id = request.args.get('source', current_source)
-    return jsonify(get_projects(source_id))
+@app.get("/api/projects")
+async def api_projects(source: Optional[str] = None):
+    source_id = source or current_source
+    return get_projects(source_id)
 
 
-@app.route('/api/projects/<project_id>/sessions')
-def api_sessions(project_id):
-    source_id = request.args.get('source', current_source)
-    return jsonify(get_sessions(project_id, source_id))
+@app.get("/api/projects/{project_id}/sessions")
+async def api_sessions(project_id: str, source: Optional[str] = None):
+    source_id = source or current_source
+    return get_sessions(project_id, source_id)
 
 
-@app.route('/api/projects/<project_id>/sessions/<session_id>')
-def api_conversation(project_id, session_id):
-    source_id = request.args.get('source', current_source)
-    return jsonify(get_conversation(project_id, session_id, source_id))
+@app.get("/api/projects/{project_id}/sessions/{session_id}")
+async def api_conversation(project_id: str, session_id: str, source: Optional[str] = None):
+    source_id = source or current_source
+    return get_conversation(project_id, session_id, source_id)
 
 
-@app.route('/api/search')
-def api_search():
+@app.get("/api/search")
+async def api_search(q: Optional[str] = None, source: Optional[str] = None):
     """Search across all conversations."""
-    query = request.args.get('q', '').lower()
-    source_id = request.args.get('source', current_source)
+    query = (q or '').lower()
+    source_id = source or current_source
 
     if not query:
-        return jsonify([])
+        return []
 
     if source_id not in SOURCES:
-        return jsonify([])
+        return []
 
     data_dir = DATA_DIR / SOURCES[source_id]["data_subdir"]
     if not data_dir.exists():
-        return jsonify([])
+        return []
 
     results = []
 
@@ -827,17 +856,17 @@ def api_search():
             except Exception:
                 continue
 
-    return jsonify(results[:50])  # Limit results
+    return results[:50]  # Limit results
 
 
-@app.route('/api/projects/<project_id>/sessions/<session_id>/export')
-def api_export(project_id, session_id):
+@app.get("/api/projects/{project_id}/sessions/{session_id}/export")
+async def api_export(project_id: str, session_id: str, source: Optional[str] = None):
     """Export conversation as text file."""
-    source_id = request.args.get('source', current_source)
+    source_id = source or current_source
     conversation = get_conversation(project_id, session_id, source_id)
 
     if "error" in conversation:
-        return jsonify(conversation), 404
+        return JSONResponse(conversation, status_code=404)
 
     # Build text content
     lines = []
@@ -851,7 +880,7 @@ def api_export(project_id, session_id):
     if conversation.get("summaries"):
         lines.append("SUMMARIES:")
         for s in conversation["summaries"]:
-            lines.append(f"  * {s}")
+            lines.append(f"  • {s}")
         lines.append("")
         lines.append("-" * 60)
         lines.append("")
@@ -902,63 +931,100 @@ def api_export(project_id, session_id):
     text_content = "\n".join(lines)
 
     return Response(
-        text_content,
-        mimetype="text/plain",
+        content=text_content,
+        media_type="text/plain",
         headers={"Content-Disposition": f"attachment; filename={session_id}.txt"}
     )
 
 
-@app.route('/api/sync', methods=['POST'])
-def api_sync():
+@app.post("/api/sync")
+async def api_sync(source: Optional[str] = None):
     """Manually trigger a data sync."""
-    source_id = request.args.get('source', current_source)
+    source_id = source or current_source
     try:
         sync_data(source_id=source_id, silent=True)
-        return jsonify({
+        return {
             "status": "success",
             "source": source_id,
             "last_sync": last_sync_time.get(source_id).isoformat() if last_sync_time.get(source_id) else None
-        })
+        }
     except Exception as e:
-        return jsonify({"status": "error", "message": str(e)}), 500
+        return JSONResponse({"status": "error", "message": str(e)}, status_code=500)
 
 
-@app.route('/api/status')
-def api_status():
+@app.get("/api/status")
+async def api_status(source: Optional[str] = None):
     """Get sync status."""
-    source_id = request.args.get('source', current_source)
+    source_id = source or current_source
     source_config = SOURCES.get(source_id, {})
     data_dir = DATA_DIR / source_config.get("data_subdir", "")
 
-    return jsonify({
+    return {
         "source": source_id,
         "last_sync": last_sync_time.get(source_id).isoformat() if last_sync_time.get(source_id) else None,
         "sync_interval_hours": SYNC_INTERVAL / 3600,
         "data_dir": str(data_dir)
-    })
-
+    }
 
-def find_available_port(host, start_port, max_attempts=100):
-    """Find an available port starting from start_port."""
-    import socket
 
-    for port in range(start_port, start_port + max_attempts):
+def kill_process_on_port(port, max_retries=3):
+    """Kill any process running on the specified port."""
+    for attempt in range(max_retries):
         try:
-            with socket.socket(socket.AF_INET, socket.SOCK_STREAM) as s:
-                s.bind((host, port))
-                return port
-        except OSError:
-            continue
-    raise RuntimeError(f"Could not find an available port in range {start_port}-{start_port + max_attempts}")
-
+            # Find process ID on the port
+            result = subprocess.run(
+                ["lsof", "-ti", f":{port}"],
+                capture_output=True,
+                text=True
+            )
+            if result.returncode == 0 and result.stdout.strip():
+                pids = result.stdout.strip().split('\n')
+                for pid in pids:
+                    print(f"⚠️  Port {port} is in use by process {pid}")
+                    print(f"🔄 Killing process {pid}...")
+                    try:
+                        os.kill(int(pid), signal.SIGKILL)  # Use SIGKILL for immediate termination
+                    except ProcessLookupError:
+                        pass  # Process already gone
+                    except Exception as e:
+                        print(f"Warning: Could not kill process: {e}")
+                
+                # Wait longer and verify
+                time.sleep(1.5)
+                
+                # Check if port is now free
+                check = subprocess.run(
+                    ["lsof", "-ti", f":{port}"],
+                    capture_output=True,
+                    text=True
+                )
+                if check.returncode != 0 or not check.stdout.strip():
+                    print(f"✓ Port {port} is now free")
+                    return True
+            else:
+                return True  # Port is already free
+        except FileNotFoundError:
+            # lsof not available (not on Unix-like system)
+            return True
+        except Exception as e:
+            print(f"Warning: Could not check port: {e}")
+            return False
+    
+    print(f"❌ Failed to free port {port} after {max_retries} attempts")
+    return False
 
-def run_server(host="127.0.0.1", port=5050, skip_sync=False, debug=False):
-    """Run the Flask server."""
-    from clicodelog import __version__
 
+def run_server(host="127.0.0.1", port=6126, skip_sync=False, debug=False):
+    """Run the FastAPI server with uvicorn."""
     print("=" * 60)
-    print(f"cli code log v{__version__}")
+    print("CLI Code Log - AI Conversation History Viewer")
     print("=" * 60)
+    
+    # Kill any process on the port
+    if not kill_process_on_port(port):
+        print(f"\n❌ Could not free port {port}. Please manually stop the process or use a different port.")
+        print(f"   Try: lsof -ti:{port} | xargs kill -9")
+        return
 
     if not skip_sync:
         # Sync data from all sources
@@ -969,28 +1035,37 @@ def run_server(host="127.0.0.1", port=5050, skip_sync=False, debug=False):
             print(f"  Backup: {DATA_DIR / config['data_subdir']}")
 
             if sync_data(source_id=source_id):
-                print("  Sync completed!")
+                print(f"  ✓ Sync completed!")
             else:
-                print("  Warning: Could not sync. Using existing local data if available.")
-
-        # Start background sync thread
-        print(f"\nBackground sync: Every {SYNC_INTERVAL // 3600} hour(s)")
-        sync_thread = threading.Thread(target=background_sync, daemon=True)
-        sync_thread.start()
-        print("Background sync thread started.")
+                print(f"  ⚠ Warning: Could not sync. Using existing local data if available.")
     else:
         print("\nSkipping initial sync (--no-sync flag)")
 
-    # Find available port
-    actual_port = find_available_port(host, port)
-    if actual_port != port:
-        print(f"\nPort {port} is busy, using port {actual_port} instead")
+    # Start background sync thread
+    print(f"\nBackground sync: Every {SYNC_INTERVAL // 3600} hour(s)")
+    sync_thread = threading.Thread(target=background_sync, daemon=True)
+    sync_thread.start()
+    print("Background sync thread started.")
 
+    url = f"http://{host}:{port}"
     print(f"\nStarting server...")
-    print(f"Open http://{host}:{actual_port} in your browser")
+    print(f"🌐 Opening {url} in your browser...")
     print("=" * 60)
-    app.run(host=host, port=actual_port, debug=debug, use_reloader=False)
+    
+    # Open browser after a short delay
+    def open_browser():
+        time.sleep(1.5)
+        try:
+            webbrowser.open(url)
+        except Exception as e:
+            print(f"Could not open browser automatically: {e}")
+    
+    browser_thread = threading.Thread(target=open_browser, daemon=True)
+    browser_thread.start()
+    
+    uvicorn.run(app, host=host, port=port, log_level="warning" if not debug else "info")
 
 
 if __name__ == '__main__':
-    run_server()
+    # For direct execution
+    run_server(debug=True)

clicodelog/cli.py

@@ -19,8 +19,8 @@ def main():
     parser.add_argument(
         "--port", "-p",
         type=int,
-        default=5050,
-        help="Port to run the server on (default: 5050)",
+        default=6126,
+        help="Port to run the server on (default: 6126)",
     )
     parser.add_argument(
         "--host", "-H",

clicodelog/templates/index.html

@@ -62,7 +62,8 @@
         .app {
             display: grid;
             grid-template-columns: 280px 320px 1fr;
-            height: 100vh;
+            height: calc(100vh - 60px);
+            margin-top: 60px;
         }
 
         .panel {
@@ -576,6 +577,118 @@
         [data-theme="light"] .source-selector select {
             background: var(--bg-secondary);
         }
+
+        /* Search Results Modal */
+        .search-modal {
+            display: none;
+            position: fixed;
+            top: 70px;
+            right: 16px;
+            width: 400px;
+            max-height: 500px;
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-color);
+            border-radius: 8px;
+            box-shadow: 0 4px 16px var(--shadow-color);
+            z-index: 99;
+            overflow: hidden;
+        }
+
+        .search-modal.active {
+            display: flex;
+            flex-direction: column;
+        }
+
+        .search-modal-header {
+            padding: 12px 16px;
+            border-bottom: 1px solid var(--border-color);
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .search-modal-header h3 {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+
+        .search-modal-close {
+            cursor: pointer;
+            font-size: 18px;
+            color: var(--text-muted);
+            padding: 4px;
+        }
+
+        .search-modal-close:hover {
+            color: var(--text-primary);
+        }
+
+        .search-modal-content {
+            flex: 1;
+            overflow-y: auto;
+            padding: 8px;
+        }
+
+        .search-result-item {
+            padding: 12px;
+            margin-bottom: 8px;
+            background: var(--bg-tertiary);
+            border-radius: 6px;
+            cursor: pointer;
+            transition: all 0.2s;
+            border-left: 3px solid var(--accent-blue);
+        }
+
+        .search-result-item:hover {
+            background: var(--bg-primary);
+            transform: translateX(2px);
+        }
+
+        .search-result-title {
+            font-size: 13px;
+            font-weight: 500;
+            margin-bottom: 4px;
+            color: var(--text-primary);
+        }
+
+        .search-result-meta {
+            font-size: 11px;
+            color: var(--text-muted);
+        }
+
+        .search-input-container {
+            padding: 12px 16px;
+            border-bottom: 1px solid var(--border-color);
+        }
+
+        .search-input-container input {
+            width: 100%;
+            padding: 8px 12px;
+            background: var(--bg-tertiary);
+            border: 1px solid var(--border-color);
+            border-radius: 6px;
+            color: var(--text-primary);
+            font-size: 13px;
+        }
+
+        .search-input-container input:focus {
+            outline: none;
+            border-color: var(--accent-blue);
+        }
+
+        .no-search-results {
+            padding: 40px 20px;
+            text-align: center;
+            color: var(--text-muted);
+            font-size: 13px;
+        }
+
+        .control-btn.active {
+            background: var(--accent-blue);
+            color: white;
+            border-color: var(--accent-blue);
+        }
     </style>
 </head>
 <body>
@@ -590,6 +703,18 @@
             </select>
         </div>
         <span class="sync-status" id="sync-status" title="Last sync time">Syncing...</span>
+        <button class="control-btn" id="thinking-toggle-btn" onclick="toggleAllThinking()" title="Toggle all thinking blocks">
+            <span class="icon">🧠</span>
+            <span>Show Thinking</span>
+        </button>
+        <button class="control-btn" id="search-btn" onclick="toggleSearch()" title="Search conversations">
+            <span class="icon">🔍</span>
+            <span>Search</span>
+        </button>
+        <button class="control-btn" id="copy-btn" onclick="copyConversation()" title="Copy conversation to clipboard" disabled>
+            <span class="icon">📋</span>
+            <span>Copy</span>
+        </button>
         <button class="control-btn" id="export-btn" onclick="exportConversation()" title="Export conversation as TXT" disabled>
             <span class="icon">📥</span>
             <span>Export</span>
@@ -604,6 +729,20 @@
         </button>
     </div>
 
+    <!-- Search Modal -->
+    <div class="search-modal" id="search-modal">
+        <div class="search-modal-header">
+            <h3>Search Conversations</h3>
+            <span class="search-modal-close" onclick="toggleSearch()">✕</span>
+        </div>
+        <div class="search-input-container">
+            <input type="text" id="global-search-input" placeholder="Search across all conversations...">
+        </div>
+        <div class="search-modal-content" id="search-results">
+            <div class="no-search-results">Type to search across conversations</div>
+        </div>
+    </div>
+
     <div class="app">
         <!-- Projects Panel -->
         <div class="panel" id="projects-panel">
@@ -652,6 +791,8 @@
         let currentSource = 'claude-code';
         let projects = [];
         let availableSources = [];
+        let allThinkingExpanded = false;
+        let currentConversation = null;
 
         // Theme Management
         function getPreferredTheme() {
@@ -719,6 +860,7 @@
 
             // Update UI
             document.getElementById('export-btn').disabled = true;
+            document.getElementById('copy-btn').disabled = true;
 
             // Reset panels
             document.getElementById('sessions-list').innerHTML = `
@@ -811,6 +953,182 @@
             document.body.removeChild(link);
         }
 
+        // Copy conversation to clipboard
+        async function copyConversation() {
+            if (!currentConversation) return;
+
+            try {
+                const text = buildConversationText(currentConversation);
+                await navigator.clipboard.writeText(text);
+                
+                // Show feedback
+                const btn = document.getElementById('copy-btn');
+                const originalText = btn.querySelector('span:last-child').textContent;
+                btn.querySelector('span:last-child').textContent = 'Copied!';
+                setTimeout(() => {
+                    btn.querySelector('span:last-child').textContent = originalText;
+                }, 2000);
+            } catch (error) {
+                console.error('Failed to copy:', error);
+                alert('Failed to copy to clipboard');
+            }
+        }
+
+        // Build conversation text (same format as export)
+        function buildConversationText(conversation) {
+            const lines = [];
+            lines.push('='.repeat(60));
+            lines.push(`Session: ${conversation.session_id}`);
+            lines.push(`Source: ${currentSource}`);
+            lines.push('='.repeat(60));
+            lines.push('');
+
+            // Add summaries if present
+            if (conversation.summaries && conversation.summaries.length > 0) {
+                lines.push('SUMMARIES:');
+                conversation.summaries.forEach(s => lines.push(`  • ${s}`));
+                lines.push('');
+                lines.push('-'.repeat(60));
+                lines.push('');
+            }
+
+            // Add messages
+            conversation.messages.forEach(msg => {
+                const role = msg.role.toUpperCase();
+                const timestamp = msg.timestamp || '';
+
+                lines.push(`[${role}] ${timestamp}`);
+                if (msg.model) {
+                    lines.push(`Model: ${msg.model}`);
+                }
+                lines.push('-'.repeat(40));
+
+                // Content
+                if (msg.content) {
+                    lines.push(msg.content);
+                }
+
+                // Thinking
+                if (msg.thinking) {
+                    lines.push('');
+                    lines.push('--- THINKING ---');
+                    lines.push(msg.thinking);
+                    lines.push('--- END THINKING ---');
+                }
+
+                // Tool uses
+                if (msg.tool_uses && msg.tool_uses.length > 0) {
+                    lines.push('');
+                    msg.tool_uses.forEach(tool => {
+                        lines.push(`[TOOL: ${tool.name}]`);
+                        if (typeof tool.input === 'object') {
+                            for (const [k, v] of Object.entries(tool.input)) {
+                                const val = String(v).length > 200 ? String(v).substring(0, 200) + '...' : String(v);
+                                lines.push(`  ${k}: ${val}`);
+                            }
+                        } else {
+                            lines.push(`  ${tool.input || ''}`);
+                        }
+                    });
+                }
+
+                // Usage stats
+                if (msg.usage) {
+                    const tokens = (msg.usage.input_tokens || 0) + (msg.usage.output_tokens || 0);
+                    lines.push(`\n[Tokens: ${tokens}]`);
+                }
+
+                lines.push('');
+                lines.push('='.repeat(60));
+                lines.push('');
+            });
+
+            return lines.join('\n');
+        }
+
+        // Toggle all thinking blocks
+        function toggleAllThinking() {
+            allThinkingExpanded = !allThinkingExpanded;
+            const thinkingBlocks = document.querySelectorAll('.thinking-block');
+            const btn = document.getElementById('thinking-toggle-btn');
+            
+            thinkingBlocks.forEach(block => {
+                if (allThinkingExpanded) {
+                    block.classList.add('expanded');
+                } else {
+                    block.classList.remove('expanded');
+                }
+            });
+
+            // Update button state
+            if (allThinkingExpanded) {
+                btn.classList.add('active');
+                btn.querySelector('span:last-child').textContent = 'Hide Thinking';
+            } else {
+                btn.classList.remove('active');
+                btn.querySelector('span:last-child').textContent = 'Show Thinking';
+            }
+        }
+
+        // Toggle search modal
+        function toggleSearch() {
+            const modal = document.getElementById('search-modal');
+            const btn = document.getElementById('search-btn');
+            
+            if (modal.classList.contains('active')) {
+                modal.classList.remove('active');
+                btn.classList.remove('active');
+            } else {
+                modal.classList.add('active');
+                btn.classList.add('active');
+                document.getElementById('global-search-input').focus();
+            }
+        }
+
+        // Search across conversations
+        let searchTimeout = null;
+        async function searchConversations(query) {
+            if (!query || query.length < 2) {
+                document.getElementById('search-results').innerHTML = '<div class="no-search-results">Type at least 2 characters to search</div>';
+                return;
+            }
+
+            document.getElementById('search-results').innerHTML = '<div class="loading"><div class="spinner"></div>Searching...</div>';
+
+            try {
+                const response = await fetch(`/api/search?q=${encodeURIComponent(query)}&source=${currentSource}`);
+                const results = await response.json();
+
+                if (results.length === 0) {
+                    document.getElementById('search-results').innerHTML = '<div class="no-search-results">No results found</div>';
+                    return;
+                }
+
+                const html = results.map(result => `
+                    <div class="search-result-item" onclick="selectSearchResult('${result.project_id}', '${result.session_id}')">
+                        <div class="search-result-title">${escapeHtml(result.session_id)}</div>
+                        <div class="search-result-meta">${escapeHtml(result.project_name)}</div>
+                    </div>
+                `).join('');
+
+                document.getElementById('search-results').innerHTML = html;
+            } catch (error) {
+                console.error('Search error:', error);
+                document.getElementById('search-results').innerHTML = '<div class="no-search-results">Search failed</div>';
+            }
+        }
+
+        // Select a search result
+        async function selectSearchResult(projectId, sessionId) {
+            toggleSearch(); // Close search modal
+            currentProjectId = projectId;
+            currentSessionId = sessionId;
+            
+            // Load the conversation
+            await selectProject(projectId);
+            await selectSession(sessionId);
+        }
+
         // Format timestamp
         function formatTime(timestamp) {
             if (!timestamp) return '';
@@ -886,8 +1204,9 @@
             currentSessionId = null;
             renderProjects(projects);
 
-            // Disable export button when switching projects
+            // Disable export and copy buttons when switching projects
             document.getElementById('export-btn').disabled = true;
+            document.getElementById('copy-btn').disabled = true;
 
             const sessionsContainer = document.getElementById('sessions-list');
             sessionsContainer.innerHTML = `
@@ -967,6 +1286,7 @@
 
         // Render conversation
         function renderConversation(conversation) {
+            currentConversation = conversation; // Store for copy function
             const container = document.getElementById('conversation-content');
 
             let summariesHtml = '';
@@ -982,8 +1302,9 @@
             const messagesHtml = conversation.messages.map(msg => {
                 let thinkingHtml = '';
                 if (msg.thinking) {
+                    const expandedClass = allThinkingExpanded ? ' expanded' : '';
                     thinkingHtml = `
-                        <div class="thinking-block" onclick="this.classList.toggle('expanded')">
+                        <div class="thinking-block${expandedClass}" onclick="this.classList.toggle('expanded')">
                             <div class="thinking-header">Thinking</div>
                             <div class="thinking-content">${escapeHtml(msg.thinking)}</div>
                         </div>
@@ -1043,8 +1364,9 @@
                 </div>
             `;
 
-            // Enable export button
+            // Enable export and copy buttons
             document.getElementById('export-btn').disabled = false;
+            document.getElementById('copy-btn').disabled = false;
         }
 
         // Search projects
@@ -1056,6 +1378,13 @@
             renderProjects(filtered);
         });
 
+        // Global search input handler with debounce
+        document.getElementById('global-search-input').addEventListener('input', (e) => {
+            clearTimeout(searchTimeout);
+            const query = e.target.value;
+            searchTimeout = setTimeout(() => searchConversations(query), 300);
+        });
+
         // Initialize
         async function init() {
             await loadSources();

{clicodelog-0.1.0.dist-info → clicodelog-0.2.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: clicodelog
-Version: 0.1.0
+Version: 0.2.1
 Summary: A lightweight, local-first web app to browse, inspect, and export logs from CLI-based AI coding agents
 Author: monk1337
 License-Expression: MIT
@@ -25,8 +25,9 @@ Classifier: Topic :: Utilities
 Requires-Python: >=3.7
 Description-Content-Type: text/markdown
 License-File: LICENSE
-Requires-Dist: flask>=2.0
-Requires-Dist: flask-cors>=3.0
+Requires-Dist: fastapi>=0.104.0
+Requires-Dist: uvicorn[standard]>=0.24.0
+Requires-Dist: jinja2>=3.1.0
 Provides-Extra: dev
 Requires-Dist: pytest>=7.0; extra == "dev"
 Requires-Dist: build; extra == "dev"
@@ -34,7 +35,10 @@ Requires-Dist: twine; extra == "dev"
 Dynamic: license-file
 
 <div align="center">
-<h1>cli code log</h1>
+  <div align="center">
+<img width="220px" src="https://raw.githubusercontent.com/monk1337/clicodelog/refs/heads/main/screenshots/logo.png">
+</div>
+
 <p>
 A lightweight, local-first web app to browse, inspect, and export logs from
 CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
@@ -50,7 +54,7 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 
 <p>
   <img src="https://img.shields.io/badge/Python-3.7+-blue.svg" alt="Python 3.7+" />
-  <img src="https://img.shields.io/badge/Flask-2.0+-green.svg" alt="Flask" />
+  <img src="https://img.shields.io/badge/FastAPI-0.104+-00c7b7.svg" alt="FastAPI" />
   <img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License MIT" />
   <a href="http://makeapullrequest.com">
     <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome" />
@@ -58,10 +62,97 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 </p>
 </div>
 
-![Gemini CLI Screenshot](screenshots/dark.png)
+<!-- <div align="center">
+<table>
+<tr>
+<td align="center">
+<img src="screenshots/claude.png" width="80" alt="Claude Code"><br>
+<sub><b>Claude Code</b></sub>
+</td>
+<td align="center">
+<img src="screenshots/codex.png" width="80" alt="OpenAI Codex"><br>
+<sub><b>OpenAI Codex</b></sub>
+</td>
+<td align="center">
+<img src="screenshots/gemini.png" width="80" alt="Gemini CLI"><br>
+<sub><b>Gemini CLI</b></sub>
+</td>
+</tr>
+</table>
+</div> -->
 
 ---
 
+## Installation
+
+### Via uv tool (Recommended)
+
+[uv](https://github.com/astral-sh/uv) is a fast Python package installer. Install it first if you haven't:
+
+```bash
+curl -LsSf https://astral.sh/uv/install.sh | sh
+```
+
+Then install clicodelog as an isolated tool:
+
+```bash
+uv tool install clicodelog
+```
+
+To upgrade:
+```bash
+uv tool upgrade clicodelog
+```
+
+### Via pip
+
+```bash
+pip install clicodelog
+```
+
+### From source
+
+```bash
+git clone https://github.com/monk1337/clicodelog.git
+cd clicodelog
+uv tool install -e .
+# or with pip:
+pip install -e .
+```
+
+---
+
+## Usage
+
+After installation, simply run:
+
+```bash
+clicodelog
+```
+
+The app will:
+- Auto-kill any process on port **6126** (if occupied)
+- Sync data from all AI coding agent sources
+- Start a web server at **http://localhost:6126**
+
+### Command Options
+
+```bash
+clicodelog --help               # Show all options
+clicodelog --port 8080          # Use custom port
+clicodelog --host 0.0.0.0       # Bind to all interfaces
+clicodelog --no-sync            # Skip initial data sync
+clicodelog --debug              # Run in debug mode
+```
+
+### Alternative: Run from source
+
+```bash
+git clone https://github.com/monk1337/clicodelog.git
+cd clicodelog
+python -m clicodelog.cli
+```
+
 ## Features
 
 - **Multi-source support** — View logs from Claude Code, OpenAI Codex, and Gemini CLI
@@ -104,56 +195,18 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 
 ---
 
-## Installation
-
-### Via pip (Recommended)
-
-```bash
-pip install clicodelog
-```
-
-### From source
-
-```bash
-git clone https://github.com/monk1337/clicodelog.git
-cd clicodelog
-pip install -e .
-```
-
----
-
-## Usage
-
-If installed via pip:
-
-```bash
-clicodelog
-```
-
-Or run directly from source:
-
-```bash
-./run.sh
-```
-
-Or manually:
+### CLI Options
 
 ```bash
-pip install -r requirements.txt
-python app.py
+clicodelog --help               # Show help message
+clicodelog --version            # Show version
+clicodelog --port 8080          # Run on custom port (default: 6126)
+clicodelog --host 0.0.0.0       # Bind to all interfaces (default: 127.0.0.1)
+clicodelog --no-sync            # Skip initial data sync
+clicodelog --debug              # Run in debug mode
 ```
 
-Open http://localhost:5050 in your browser.
-
-### CLI Options
-
-```
-clicodelog --help
-clicodelog --port 8080        # Run on custom port
-clicodelog --host 0.0.0.0     # Bind to all interfaces
-clicodelog --no-sync          # Skip initial data sync
-clicodelog --debug            # Run in debug mode
-```
+**Note:** The app automatically kills any process running on the specified port before starting.
 
 ---
 
@@ -289,17 +342,3 @@ MIT
 </div>
 
 ```
-
-@misc{clicodelog2026,
-  title = {clicodelog: Browse, inspect CLI-based AI coding agents},
-  author = {Pal, Ankit},
-  year = {2026},
-  howpublished = {\url{https://github.com/monk1337/clicodelog}},
-  note = {A lightweight, local-first web app to browse, inspect, and export logs from CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.}
-}
-
-```
-
-## 💁 Contributing
-
-Welcome any contributions to open source project, including new features, improvements to infrastructure, and more comprehensive documentation. 

clicodelog-0.2.1.dist-info/RECORD

@@ -0,0 +1,11 @@
+clicodelog/__init__.py,sha256=ZRRWF0lVHMqhbZi5O9reskm45hUqG911bWa21dRMvvA,136
+clicodelog/__main__.py,sha256=JDb49rUInCUlT5Ya0aGfusfJm8e7wGqA447mrnVqDkA,119
+clicodelog/app.py,sha256=Wfefm-ie0qDdZU9p0CpPELfy_d9b-bgydrG50PghiGw,40860
+clicodelog/cli.py,sha256=c34P5fOpE5Hy_DJog52BGO4ab4cUBRZZTsW5nxaFUL4,1297
+clicodelog/templates/index.html,sha256=2F6iCVq50nzkY_381QeuAGYJW9KJWJk2Taav1UmcfKk,46501
+clicodelog-0.2.1.dist-info/licenses/LICENSE,sha256=enO5ZtMm5_HoQnB9jA_d3CCajd9I6Kzg-m1FmNCsAvk,1065
+clicodelog-0.2.1.dist-info/METADATA,sha256=kaqtFBPFdK-cvJ3G0-NGbtrvZdXBdI7BNjDzay10yKE,9124
+clicodelog-0.2.1.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
+clicodelog-0.2.1.dist-info/entry_points.txt,sha256=6Zodty_o0mVbDoIcNPQ31aI-P-KLZ0Xr_qsfrQkDYck,51
+clicodelog-0.2.1.dist-info/top_level.txt,sha256=YvkoZJtBm4QSRL2YlLr5TeVILsiptIF7D43i29RG5oc,11
+clicodelog-0.2.1.dist-info/RECORD,,

{clicodelog-0.1.0.dist-info → clicodelog-0.2.1.dist-info}/WHEEL

@@ -1,5 +1,5 @@
 Wheel-Version: 1.0
-Generator: setuptools (80.10.1)
+Generator: setuptools (80.10.2)
 Root-Is-Purelib: true
 Tag: py3-none-any
 

clicodelog-0.1.0.dist-info/RECORD

@@ -1,11 +0,0 @@
-clicodelog/__init__.py,sha256=HYMXrxX39PPodu0qTmWqbgTr09RLzUtl3QNFDQCz_r4,136
-clicodelog/__main__.py,sha256=JDb49rUInCUlT5Ya0aGfusfJm8e7wGqA447mrnVqDkA,119
-clicodelog/app.py,sha256=W-7mQSwcB5N69ZEYhdOkg-fs93wxR4XccPAQ2H1GKO8,37823
-clicodelog/cli.py,sha256=mH_fjEVg2RovP2sPpZPOyIzejnLcvaqi0hf41Xnxnao,1297
-clicodelog/templates/index.html,sha256=kUYQJivjWOLonREjinUsIHvgiGUHbhuJvlLWyjIst9Y,34392
-clicodelog-0.1.0.dist-info/licenses/LICENSE,sha256=enO5ZtMm5_HoQnB9jA_d3CCajd9I6Kzg-m1FmNCsAvk,1065
-clicodelog-0.1.0.dist-info/METADATA,sha256=fVvrn6ehZcS2z3CD_5E64vNVZwR6O6cSaYi1jNWkxNM,8058
-clicodelog-0.1.0.dist-info/WHEEL,sha256=qELbo2s1Yzl39ZmrAibXA2jjPLUYfnVhUNTlyF1rq0Y,92
-clicodelog-0.1.0.dist-info/entry_points.txt,sha256=6Zodty_o0mVbDoIcNPQ31aI-P-KLZ0Xr_qsfrQkDYck,51
-clicodelog-0.1.0.dist-info/top_level.txt,sha256=YvkoZJtBm4QSRL2YlLr5TeVILsiptIF7D43i29RG5oc,11
-clicodelog-0.1.0.dist-info/RECORD,,