clicodelog 0.2.0__tar.gz → 0.2.1__tar.gz

{clicodelog-0.2.0 → clicodelog-0.2.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: clicodelog
-Version: 0.2.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"
@@ -53,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" />
@@ -84,7 +85,7 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 
 ## Installation
 
-### Via uv (Recommended)
+### Via uv tool (Recommended)
 
 [uv](https://github.com/astral-sh/uv) is a fast Python package installer. Install it first if you haven't:
 
@@ -92,10 +93,15 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 curl -LsSf https://astral.sh/uv/install.sh | sh
 ```
 
-Then install clicodelog:
+Then install clicodelog as an isolated tool:
 
 ```bash
-uv pip install clicodelog
+uv tool install clicodelog
+```
+
+To upgrade:
+```bash
+uv tool upgrade clicodelog
 ```
 
 ### Via pip
@@ -109,7 +115,7 @@ pip install clicodelog
 ```bash
 git clone https://github.com/monk1337/clicodelog.git
 cd clicodelog
-uv pip install -e .
+uv tool install -e .
 # or with pip:
 pip install -e .
 ```

{clicodelog-0.2.0 → clicodelog-0.2.1}/README.md

@@ -18,7 +18,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" />
@@ -49,7 +49,7 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 
 ## Installation
 
-### Via uv (Recommended)
+### Via uv tool (Recommended)
 
 [uv](https://github.com/astral-sh/uv) is a fast Python package installer. Install it first if you haven't:
 
@@ -57,10 +57,15 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 curl -LsSf https://astral.sh/uv/install.sh | sh
 ```
 
-Then install clicodelog:
+Then install clicodelog as an isolated tool:
 
 ```bash
-uv pip install clicodelog
+uv tool install clicodelog
+```
+
+To upgrade:
+```bash
+uv tool upgrade clicodelog
 ```
 
 ### Via pip
@@ -74,7 +79,7 @@ pip install clicodelog
 ```bash
 git clone https://github.com/monk1337/clicodelog.git
 cd clicodelog
-uv pip install -e .
+uv tool install -e .
 # or with pip:
 pip install -e .
 ```

{clicodelog-0.2.0 → clicodelog-0.2.1}/clicodelog/__init__.py

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

{clicodelog-0.2.0 → clicodelog-0.2.1}/clicodelog/app.py

@@ -13,10 +13,17 @@ import signal
 import subprocess
 import threading
 import time
+import webbrowser
 from datetime import datetime
 from pathlib import Path
-from flask import Flask, render_template, jsonify, request
-from flask_cors import CORS
+from typing import Optional
+
+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
@@ -717,18 +724,29 @@ def parse_gemini_conversation(session_file, session_id):
     }
 
 
-# Create Flask app
-app = Flask(__name__, template_folder=str(PACKAGE_DIR / "templates"))
-CORS(app)
+# 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('/')
-def index():
-    return render_template('index.html')
 
+@app.get("/", response_class=HTMLResponse)
+async def index(request: Request):
+    return templates.TemplateResponse("index.html", {"request": request})
 
-@app.route('/api/sources')
-def api_sources():
+
+@app.get("/api/sources")
+async def api_sources():
     """Get available sources."""
     sources = []
     for source_id, config in SOURCES.items():
@@ -737,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 = []
 
@@ -838,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 = []
@@ -912,80 +930,101 @@ def api_export(project_id, session_id):
 
     text_content = "\n".join(lines)
 
-    from flask import Response
     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 kill_process_on_port(port):
+def kill_process_on_port(port, max_retries=3):
     """Kill any process running on the specified port."""
-    try:
-        # 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():
-            pid = result.stdout.strip()
-            print(f"⚠️  Port {port} is in use by process {pid}")
-            print(f"🔄 Killing process {pid}...")
-            try:
-                os.kill(int(pid), signal.SIGTERM)
-                time.sleep(0.5)  # Give it a moment to terminate
-                print(f"✓ Process killed successfully")
-            except ProcessLookupError:
-                pass  # Process already gone
-            except Exception as e:
-                print(f"Warning: Could not kill process: {e}")
-    except FileNotFoundError:
-        # lsof not available (not on Unix-like system)
-        pass
-    except Exception as e:
-        print(f"Warning: Could not check port: {e}")
+    for attempt in range(max_retries):
+        try:
+            # 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=6126, skip_sync=False, debug=False):
-    """Run the Flask development server."""
+    """Run the FastAPI server with uvicorn."""
     print("=" * 60)
     print("CLI Code Log - AI Conversation History Viewer")
     print("=" * 60)
     
     # Kill any process on the port
-    kill_process_on_port(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
@@ -1008,10 +1047,23 @@ def run_server(host="127.0.0.1", port=6126, skip_sync=False, debug=False):
     sync_thread.start()
     print("Background sync thread started.")
 
+    url = f"http://{host}:{port}"
     print(f"\nStarting server...")
-    print(f"Open http://{host}:{port} in your browser")
+    print(f"🌐 Opening {url} in your browser...")
     print("=" * 60)
-    app.run(host=host, port=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__':

{clicodelog-0.2.0 → clicodelog-0.2.1}/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.2.0 → clicodelog-0.2.1}/clicodelog.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: clicodelog
-Version: 0.2.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"
@@ -53,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" />
@@ -84,7 +85,7 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 
 ## Installation
 
-### Via uv (Recommended)
+### Via uv tool (Recommended)
 
 [uv](https://github.com/astral-sh/uv) is a fast Python package installer. Install it first if you haven't:
 
@@ -92,10 +93,15 @@ CLI-based AI coding agents — Claude Code, OpenAI Codex, and Gemini CLI.
 curl -LsSf https://astral.sh/uv/install.sh | sh
 ```
 
-Then install clicodelog:
+Then install clicodelog as an isolated tool:
 
 ```bash
-uv pip install clicodelog
+uv tool install clicodelog
+```
+
+To upgrade:
+```bash
+uv tool upgrade clicodelog
 ```
 
 ### Via pip
@@ -109,7 +115,7 @@ pip install clicodelog
 ```bash
 git clone https://github.com/monk1337/clicodelog.git
 cd clicodelog
-uv pip install -e .
+uv tool install -e .
 # or with pip:
 pip install -e .
 ```

clicodelog-0.2.1/clicodelog.egg-info/requires.txt

@@ -0,0 +1,8 @@
+fastapi>=0.104.0
+uvicorn[standard]>=0.24.0
+jinja2>=3.1.0
+
+[dev]
+pytest>=7.0
+build
+twine

{clicodelog-0.2.0 → clicodelog-0.2.1}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "clicodelog"
-version = "0.2.0"
+version = "0.2.1"
 description = "A lightweight, local-first web app to browse, inspect, and export logs from CLI-based AI coding agents"
 readme = "README.md"
 license = "MIT"
@@ -42,8 +42,9 @@ classifiers = [
 ]
 
 dependencies = [
-    "flask>=2.0",
-    "flask-cors>=3.0",
+    "fastapi>=0.104.0",
+    "uvicorn[standard]>=0.24.0",
+    "jinja2>=3.1.0",
 ]
 
 [project.optional-dependencies]

clicodelog-0.2.0/clicodelog.egg-info/requires.txt

@@ -1,7 +0,0 @@
-flask>=2.0
-flask-cors>=3.0
-
-[dev]
-pytest>=7.0
-build
-twine