[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3704":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":42,"readmeContent":43,"aiSummary":44,"trendingCount":16,"starSnapshotCount":16,"syncStatus":45,"lastSyncTime":46,"discoverSource":47},3704,"opcode","winfunc\u002Fopcode","winfunc","A powerful GUI app and Toolkit for Claude Code - Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more.","https:\u002F\u002Fopcode.sh",null,"TypeScript",22043,1704,98,267,0,13,46,224,62,44.7,"GNU Affero General Public License v3.0",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"anthropic","anthropic-claude","claude","claude-4","claude-4-opus","claude-4-sonnet","claude-ai","claude-code","claude-code-sdk","cursor","ide","llm","llm-code","rust","tauri","2026-06-12 02:00:53","\n\u003Cdiv align=\"center\">\n  \u003Cimg src=\"src-tauri\u002Ficons\u002Ficon.png\" alt=\"opcode Logo\" width=\"120\" height=\"120\">\n\n  \u003Ch1>opcode\u003C\u002Fh1>\n  \n  \u003Cp>\n    \u003Cstrong>A powerful GUI app and Toolkit for Claude Code\u003C\u002Fstrong>\n  \u003C\u002Fp>\n  \u003Cp>\n    \u003Cstrong>Create custom agents, manage interactive Claude Code sessions, run secure background agents, and more.\u003C\u002Fstrong>\n  \u003C\u002Fp>\n  \n  \u003Cp>\n    \u003Ca href=\"#features\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FFeatures-✨-blue?style=for-the-badge\" alt=\"Features\">\u003C\u002Fa>\n    \u003Ca href=\"#installation\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FInstall-🚀-green?style=for-the-badge\" alt=\"Installation\">\u003C\u002Fa>\n    \u003Ca href=\"#usage\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FUsage-📖-purple?style=for-the-badge\" alt=\"Usage\">\u003C\u002Fa>\n    \u003Ca href=\"#development\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDevelop-🛠️-orange?style=for-the-badge\" alt=\"Development\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fdiscord.com\u002Finvite\u002FKYwhHVzUsY\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-Join-5865F2?style=for-the-badge&logo=discord&logoColor=white\" alt=\"Discord\">\u003C\u002Fa>\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n![457013521-6133a738-d0cb-4d3e-8746-c6768c82672c](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fa028de9e-d881-44d8-bae5-7326ab3558b9)\n\n\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F6bceea0f-60b6-4c3e-a745-b891de00b8d0\n\n\n\n> [!TIP]\n> **⭐ Star the repo and follow [@getAsterisk](https:\u002F\u002Fx.com\u002FgetAsterisk) on X for early access to `asteria-swe-v0`**.\n\n> [!NOTE]\n> This project is not affiliated with, endorsed by, or sponsored by Anthropic. Claude is a trademark of Anthropic, PBC. This is an independent developer project using Claude.\n\n## 🌟 Overview\n\n**opcode** is a powerful desktop application that transforms how you interact with Claude Code. Built with Tauri 2, it provides a beautiful GUI for managing your Claude Code sessions, creating custom agents, tracking usage, and much more.\n\nThink of opcode as your command center for Claude Code - bridging the gap between the command-line tool and a visual experience that makes AI-assisted development more intuitive and productive.\n\n## 📋 Table of Contents\n\n- [🌟 Overview](#-overview)\n- [✨ Features](#-features)\n  - [🗂️ Project & Session Management](#️-project--session-management)\n  - [🤖 CC Agents](#-cc-agents)\n  \n  - [📊 Usage Analytics Dashboard](#-usage-analytics-dashboard)\n  - [🔌 MCP Server Management](#-mcp-server-management)\n  - [⏰ Timeline & Checkpoints](#-timeline--checkpoints)\n  - [📝 CLAUDE.md Management](#-claudemd-management)\n- [📖 Usage](#-usage)\n  - [Getting Started](#getting-started)\n  - [Managing Projects](#managing-projects)\n  - [Creating Agents](#creating-agents)\n  - [Tracking Usage](#tracking-usage)\n  - [Working with MCP Servers](#working-with-mcp-servers)\n- [🚀 Installation](#-installation)\n- [🔨 Build from Source](#-build-from-source)\n- [🛠️ Development](#️-development)\n- [🔒 Security](#-security)\n- [🤝 Contributing](#-contributing)\n- [📄 License](#-license)\n- [🙏 Acknowledgments](#-acknowledgments)\n\n## ✨ Features\n\n### 🗂️ **Project & Session Management**\n- **Visual Project Browser**: Navigate through all your Claude Code projects in `~\u002F.claude\u002Fprojects\u002F`\n- **Session History**: View and resume past coding sessions with full context\n- **Smart Search**: Find projects and sessions quickly with built-in search\n- **Session Insights**: See first messages, timestamps, and session metadata at a glance\n\n### 🤖 **CC Agents**\n- **Custom AI Agents**: Create specialized agents with custom system prompts and behaviors\n- **Agent Library**: Build a collection of purpose-built agents for different tasks\n- **Background Execution**: Run agents in separate processes for non-blocking operations\n- **Execution History**: Track all agent runs with detailed logs and performance metrics\n\n\n\n### 📊 **Usage Analytics Dashboard**\n- **Cost Tracking**: Monitor your Claude API usage and costs in real-time\n- **Token Analytics**: Detailed breakdown by model, project, and time period\n- **Visual Charts**: Beautiful charts showing usage trends and patterns\n- **Export Data**: Export usage data for accounting and analysis\n\n### 🔌 **MCP Server Management**\n- **Server Registry**: Manage Model Context Protocol servers from a central UI\n- **Easy Configuration**: Add servers via UI or import from existing configs\n- **Connection Testing**: Verify server connectivity before use\n- **Claude Desktop Import**: Import server configurations from Claude Desktop\n\n### ⏰ **Timeline & Checkpoints**\n- **Session Versioning**: Create checkpoints at any point in your coding session\n- **Visual Timeline**: Navigate through your session history with a branching timeline\n- **Instant Restore**: Jump back to any checkpoint with one click\n- **Fork Sessions**: Create new branches from existing checkpoints\n- **Diff Viewer**: See exactly what changed between checkpoints\n\n### 📝 **CLAUDE.md Management**\n- **Built-in Editor**: Edit CLAUDE.md files directly within the app\n- **Live Preview**: See your markdown rendered in real-time\n- **Project Scanner**: Find all CLAUDE.md files in your projects\n- **Syntax Highlighting**: Full markdown support with syntax highlighting\n\n## 📖 Usage\n\n### Getting Started\n\n1. **Launch opcode**: Open the application after installation\n2. **Welcome Screen**: Choose between CC Agents or Projects\n3. **First Time Setup**: opcode will automatically detect your `~\u002F.claude` directory\n\n### Managing Projects\n\n```\nProjects → Select Project → View Sessions → Resume or Start New\n```\n\n- Click on any project to view its sessions\n- Each session shows the first message and timestamp\n- Resume sessions directly or start new ones\n\n### Creating Agents\n\n```\nCC Agents → Create Agent → Configure → Execute\n```\n\n1. **Design Your Agent**: Set name, icon, and system prompt\n2. **Configure Model**: Choose between available Claude models\n3. **Set Permissions**: Configure file read\u002Fwrite and network access\n4. **Execute Tasks**: Run your agent on any project\n\n### Tracking Usage\n\n```\nMenu → Usage Dashboard → View Analytics\n```\n\n- Monitor costs by model, project, and date\n- Export data for reports\n- Set up usage alerts (coming soon)\n\n### Working with MCP Servers\n\n```\nMenu → MCP Manager → Add Server → Configure\n```\n\n- Add servers manually or via JSON\n- Import from Claude Desktop configuration\n- Test connections before using\n\n## 🚀 Installation\n\n### Prerequisites\n\n- **Claude Code CLI**: Install from [Claude's official site](https:\u002F\u002Fclaude.ai\u002Fcode)\n\n### Release Executables Will Be Published Soon\n\n## 🔨 Build from Source\n\n### Prerequisites\n\nBefore building opcode from source, ensure you have the following installed:\n\n#### System Requirements\n\n- **Operating System**: Windows 10\u002F11, macOS 11+, or Linux (Ubuntu 20.04+)\n- **RAM**: Minimum 4GB (8GB recommended)\n- **Storage**: At least 1GB free space\n\n#### Required Tools\n\n1. **Rust** (1.70.0 or later)\n   ```bash\n   # Install via rustup\n   curl --proto '=https' --tlsv1.2 -sSf https:\u002F\u002Fsh.rustup.rs | sh\n   ```\n\n2. **Bun** (latest version)\n   ```bash\n   # Install bun\n   curl -fsSL https:\u002F\u002Fbun.sh\u002Finstall | bash\n   ```\n\n3. **Git**\n   ```bash\n   # Usually pre-installed, but if not:\n   # Ubuntu\u002FDebian: sudo apt install git\n   # macOS: brew install git\n   # Windows: Download from https:\u002F\u002Fgit-scm.com\n   ```\n\n4. **Claude Code CLI**\n   - Download and install from [Claude's official site](https:\u002F\u002Fclaude.ai\u002Fcode)\n   - Ensure `claude` is available in your PATH\n\n#### Platform-Specific Dependencies\n\n**Linux (Ubuntu\u002FDebian)**\n```bash\n# Install system dependencies\nsudo apt update\nsudo apt install -y \\\n  libwebkit2gtk-4.1-dev \\\n  libgtk-3-dev \\\n  libayatana-appindicator3-dev \\\n  librsvg2-dev \\\n  patchelf \\\n  build-essential \\\n  curl \\\n  wget \\\n  file \\\n  libssl-dev \\\n  libxdo-dev \\\n  libsoup-3.0-dev \\\n  libjavascriptcoregtk-4.1-dev\n```\n\n**macOS**\n```bash\n# Install Xcode Command Line Tools\nxcode-select --install\n\n# Install additional dependencies via Homebrew (optional)\nbrew install pkg-config\n```\n\n**Windows**\n- Install [Microsoft C++ Build Tools](https:\u002F\u002Fvisualstudio.microsoft.com\u002Fvisual-cpp-build-tools\u002F)\n- Install [WebView2](https:\u002F\u002Fdeveloper.microsoft.com\u002Fmicrosoft-edge\u002Fwebview2\u002F) (usually pre-installed on Windows 11)\n\n### Build Steps\n\n1. **Clone the Repository**\n   ```bash\n   git clone https:\u002F\u002Fgithub.com\u002FgetAsterisk\u002Fopcode.git\n   cd opcode\n   ```\n\n2. **Install Frontend Dependencies**\n   ```bash\n   bun install\n   ```\n\n3. **Build the Application**\n   \n   **For Development (with hot reload)**\n   ```bash\n   bun run tauri dev\n   ```\n   \n   **For Production Build**\n   ```bash\n   # Build the application\n   bun run tauri build\n   \n   # The built executable will be in:\n   # - Linux: src-tauri\u002Ftarget\u002Frelease\u002F\n   # - macOS: src-tauri\u002Ftarget\u002Frelease\u002F\n   # - Windows: src-tauri\u002Ftarget\u002Frelease\u002F\n   ```\n\n4. **Platform-Specific Build Options**\n   \n   **Debug Build (faster compilation, larger binary)**\n   ```bash\n   bun run tauri build --debug\n   ```\n   \n   **Universal Binary for macOS (Intel + Apple Silicon)**\n   ```bash\n   bun run tauri build --target universal-apple-darwin\n   ```\n\n### Troubleshooting\n\n#### Common Issues\n\n1. **\"cargo not found\" error**\n   - Ensure Rust is installed and `~\u002F.cargo\u002Fbin` is in your PATH\n   - Run `source ~\u002F.cargo\u002Fenv` or restart your terminal\n\n2. **Linux: \"webkit2gtk not found\" error**\n   - Install the webkit2gtk development packages listed above\n   - On newer Ubuntu versions, you might need `libwebkit2gtk-4.0-dev`\n\n3. **Windows: \"MSVC not found\" error**\n   - Install Visual Studio Build Tools with C++ support\n   - Restart your terminal after installation\n\n4. **\"claude command not found\" error**\n   - Ensure Claude Code CLI is installed and in your PATH\n   - Test with `claude --version`\n\n5. **Build fails with \"out of memory\"**\n   - Try building with fewer parallel jobs: `cargo build -j 2`\n   - Close other applications to free up RAM\n\n#### Verify Your Build\n\nAfter building, you can verify the application works:\n\n```bash\n# Run the built executable directly\n# Linux\u002FmacOS\n.\u002Fsrc-tauri\u002Ftarget\u002Frelease\u002Fopcode\n\n# Windows\n.\u002Fsrc-tauri\u002Ftarget\u002Frelease\u002Fopcode.exe\n```\n\n### Build Artifacts\n\nThe build process creates several artifacts:\n\n- **Executable**: The main opcode application\n- **Installers** (when using `tauri build`):\n  - `.deb` package (Linux)\n  - `.AppImage` (Linux)\n  - `.dmg` installer (macOS)\n  - `.msi` installer (Windows)\n  - `.exe` installer (Windows)\n\nAll artifacts are located in `src-tauri\u002Ftarget\u002Frelease\u002F`.\n\n## 🛠️ Development\n\n### Tech Stack\n\n- **Frontend**: React 18 + TypeScript + Vite 6\n- **Backend**: Rust with Tauri 2\n- **UI Framework**: Tailwind CSS v4 + shadcn\u002Fui\n- **Database**: SQLite (via rusqlite)\n- **Package Manager**: Bun\n\n### Project Structure\n\n```\nopcode\u002F\n├── src\u002F                   # React frontend\n│   ├── components\u002F        # UI components\n│   ├── lib\u002F               # API client & utilities\n│   └── assets\u002F            # Static assets\n├── src-tauri\u002F             # Rust backend\n│   ├── src\u002F\n│   │   ├── commands\u002F      # Tauri command handlers\n│   │   ├── checkpoint\u002F    # Timeline management\n│   │   └── process\u002F       # Process management\n│   └── tests\u002F             # Rust test suite\n└── public\u002F                # Public assets\n```\n\n### Development Commands\n\n```bash\n# Start development server\nbun run tauri dev\n\n# Run frontend only\nbun run dev\n\n# Type checking\nbunx tsc --noEmit\n\n# Run Rust tests\ncd src-tauri && cargo test\n\n# Format code\ncd src-tauri && cargo fmt\n```\n\n## 🔒 Security\n\nopcode prioritizes your privacy and security:\n\n1. **Process Isolation**: Agents run in separate processes\n2. **Permission Control**: Configure file and network access per agent\n3. **Local Storage**: All data stays on your machine\n4. **No Telemetry**: No data collection or tracking\n5. **Open Source**: Full transparency through open source code\n\n## 🤝 Contributing\n\nWe welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.\n\n### Areas for Contribution\n\n- 🐛 Bug fixes and improvements\n- ✨ New features and enhancements\n- 📚 Documentation improvements\n- 🎨 UI\u002FUX enhancements\n- 🧪 Test coverage\n- 🌐 Internationalization\n\n## 📄 License\n\nThis project is licensed under the AGPL License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- Built with [Tauri](https:\u002F\u002Ftauri.app\u002F) - The secure framework for building desktop apps\n- [Claude](https:\u002F\u002Fclaude.ai) by Anthropic\n\n---\n\n\u003Cdiv align=\"center\">\n  \u003Cp>\n    \u003Cstrong>Made with ❤️ by the \u003Ca href=\"https:\u002F\u002Fasterisk.so\u002F\">Asterisk\u003C\u002Fa>\u003C\u002Fstrong>\n  \u003C\u002Fp>\n  \u003Cp>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FgetAsterisk\u002Fopcode\u002Fissues\">Report Bug\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FgetAsterisk\u002Fopcode\u002Fissues\">Request Feature\u003C\u002Fa>\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=getAsterisk\u002Fopcode&type=Date)](https:\u002F\u002Fwww.star-history.com\u002F#getAsterisk\u002Fopcode&Date)\n","opcode 是一个专为 Claude Code 设计的强大桌面应用程序，它通过提供美观的图形用户界面来管理 Claude Code 会话、创建自定义代理等。项目使用 TypeScript 编写，并基于 Tauri 2 构建，具备了创建和管理交互式 Claude Code 会话、运行安全后台代理的核心功能。此外，opcode 还提供了项目与会话管理、CC 代理、使用分析仪表板等功能，非常适合需要高效管理和利用 Claude Code 的开发者或团队在日常工作中使用，特别是在进行 AI 辅助开发时能够显著提高工作效率。",2,"2026-06-11 02:55:42","top_language"]