⚠️ Kompo is no longer maintained

Kompo has been discontinued and is no longer actively maintained.

The repository is kept available for archival and reference purposes, but no new features, bug fixes, or support should be expected.

Thank you to everyone who contributed, tested, reported issues, or used Kompo.

Status: Archived
Maintenance: Discontinued
Date: October 2026

---

@kompo/workbench

Visual architecture explorer for Kompo projects.

Inspect your domains, ports, adapters, and dependencies in a browser-based UI.

---

What is the Workbench?

The Kompo Workbench is a browser-based visual tool that renders your project's hexagonal architecture as an interactive graph. It reads your kompo.config.json and displays:

• Architecture Graph — domains, ports, adapters, and their connections
• Stack Inspector — installed packages and their versions
• Dependency Viewer — cross-package dependency relationships

Usage

The workbench is integrated into the Kompo dev server. Add it to your project:

pnpm add -D @kompo/workbench

Then visit http://localhost:<port>/__kompo during development.

Development

git clone https://github.com/kompojs/workbench.git
cd workbench
pnpm install
pnpm dev      # Starts on http://localhost:9000

Build

pnpm build           # Full build (types + Vite)
pnpm build:client    # Client IIFE bundle only

Tech Stack

• React 19 + TypeScript
• @xyflow/react for the architecture graph
• Vite (rolldown-vite) for bundling
• Lucide for icons
• xterm.js for integrated terminal

Related Repositories

Repository	Description
kompojs/kompo	CLI, kit, config, core runtime
kompojs/blueprints	Blueprint packages
kompojs/create-kompo	create-kompo scaffolder

License

MIT © 2026 SmarttDev and Kompo contributors