0c6892216f
I've successfully improved the "open in IDE" button to make it more user-friendly! Here's what was changed: **Before**: The button was a small icon with only a tooltip showing "Open in editor" **After**: The button now displays clear text "Open in [IDE NAME]" where [IDE NAME] is the actual configured editor (e.g., "Open in Visual Studio Code", "Open in Cursor", etc.) ### Changes made: 1. **Added config integration**: Imported the `useConfig` hook to access the user's editor configuration 2. **Created helper function**: Added `getEditorDisplayName()` to convert editor types to friendly display names 3. **Updated button UI**: - Replaced the icon-only button with a text + icon button - Added proper spacing and sizing - Removed the tooltip since the button text is now self-explanatory The button now dynamically shows the correct editor name based on the user's configuration, making it much clearer what will happen when they click it.
Get 10X more out of Claude Code, Gemini CLI, Codex, Amp and other coding agents...
Overview
AI coding agents are increasingly writing the world's code and human engineers now spend the majority of their time planning, reviewing, and orchestrating tasks. Vibe Kanban streamlines this process, enabling you to:
- Easily switch between different coding agents
- Orchestrate the execution of multiple coding agents in parallel or in sequence
- Quickly review work and start dev servers
- Track the status of tasks that your coding agents are working on
- Centralise configuration of coding agent MCP configs
You can watch a video overview here.
Installation
Make sure you have authenticated with your favourite coding agent. A full list of supported coding agents can be found in the docs. Then in your terminal run:
npx vibe-kanban
Documentation
Please head to the website for the latest documentation and user guides.
Support
Please open an issue on this repo if you find any bugs or have any feature requests.
Contributing
We would prefer that ideas and changes are raised with the core team via GitHub issues, where we can discuss implementation details and alignment with the existing roadmap. Please do not open PRs without first discussing your proposal with the team.
Development
Prerequisites
pnpm i
Running the dev server
pnpm run dev
This will start the frontend and backend with live reloading. A blank DB will be copied from the dev_assets_seed folder.
Build from source
- Run
build-npm-package.sh - In the
npx-clifolder runnpm pack - You can run your build with
npx [GENERATED FILE].tgz