Your own command center for Claude Code.

~/dev

› /hub-builder make the session rows in Kanban's sidebar more compact

● This changes a few lines in one tool, so a patch fits. I will make a wrapper project that pins claude-code-kanban to the version your hub runs and applies the change with patch-package.

-          <div class="session-info">
+          <span class="srow-dot ${state}"></span>
+          <div class="srow-line">
+            <span class="session-name">${name}</span>
+            <span class="srow-when">${when}</span>
+.session-item:has(> .srow-dot) {
+  padding: 9px 10px;

"apps": [
  { "id": "kanban-patched", "path": "C:/dev/kanban-patched" },
  { "id": "kanban", "enabled": false }
]

● Restart the hub. Its log shows "kanban-patched runs from C:\dev\kanban-patched", and Kanban opens with the compact rows.

~/dev

› /hub-builder make a dark theme in deep sea blues, based on nord

● A theme that extends nord holds only the colors it changes. The hub sends it to every tab, so no tool needs a change.

[
  {
    "id": "deep-sea",
    "label": "Deep Sea",
    "extends": "nord",
    "dark": {
      "field": "#0b1220",
      "surface": "#111a2e",
      "ember": "#38bdf8",
      "emberGlow": "#7dd3fc"
    }
  }
]

● Reload the hub page. Deep Sea is in the theme picker of each tab, and picking it repaints all of them.

~/dev

› /hub-builder give Kanban a new board page, and keep the old Kanban as a second tab

● A new page is more than a patch, so I will fork Kanban at the tag your hub runs. The server stays the same, and the new page reads the same API.

kanban-fork/
├── hub-app.json     id "kanban-next", name "Task Board"
├── server.js        not changed
└── public/
    ├── index.html   the shell of the new page
    ├── board.js     the board
    └── board.css

"apps": [
  { "id": "kanban-next", "path": "C:/dev/kanban-fork" },
  { "id": "kanban" }
]

● Restart the hub. The board is the first tab and the old Kanban the second, and both read the same sessions.

~/dev/session-notes

› /hub-builder how do I write my own app that shows the session I pick in Kanban?

● Your app is a small Node server with a hub-app.json. The hub starts it, frames its page in a tab, and passes it the topics it asks for. Kanban publishes the session you pick as session.changed.

// server.js
if (process.env.HUB_SDK_SERVER) require(process.env.HUB_SDK_SERVER).mount(app);
app.listen(process.env.PORT, () => console.log(`running at http://localhost:${port}`));

// public/app.js
const hub = ClaudeHub.connect();
hub.subscribe('session.changed', (s) => showSession(s.sessionId, s.projectName));

● Then add { "id": "session-notes", "path": "C:/dev/session-notes" } to the apps list and restart the hub. The app gets the next free Alt key.

~/dev

› /hub-builder Kanban shows my sessions, but no live agent log

● The Kanban hooks are not in the config dir the hub shows. Your hub is on ~/.claude-work, and the hooks are only in ~/.claude.

● New sessions in ~/.claude-work now send their agent log, subagents and waiting-for-you badges to Kanban.