claude-code-hub 0.36.0 → 0.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-hub",
-  "version": "0.36.0",
+  "version": "0.37.0",
   "description": "Unified hub for Claude Code tools — Marketplace + Kanban in one PWA",
   "main": "server.js",
   "bin": {
@@ -37,9 +37,9 @@
   },
   "homepage": "https://github.com/NikiforovAll/claude-code-hub#readme",
   "dependencies": {
-    "claude-code-cost": "^0.22.0",
-    "claude-code-kanban": "^4.25.0",
-    "claude-code-marketplace": "^0.17.0",
+    "claude-code-cost": "^0.23.0",
+    "claude-code-kanban": "^4.26.0",
+    "claude-code-marketplace": "^0.18.0",
     "claude-code-memory-explorer": "^0.14.0",
     "express": "^4.21.0",
     "open": "^10.1.0"

package/public/app.js

@@ -10,6 +10,8 @@ const themeState = loadThemeState();
 // hub-theme: starting unset means there is nothing to race against each sub-app's own
 // project self-restore on boot. Once set it never returns to null.
 let projectState = null;
+// The config dir the hub falls back to (~/.claude). Stays out of the window title.
+let defaultConfigDir = null;
 // mode: 'project' (Ctrl+Alt+P) or 'configDir' (Ctrl+Alt+W). One widget, two row sources.
 const palette = {
   open: false,
@@ -120,6 +122,8 @@ async function init() {
   const res = await fetch('/api/config');
   const config = await res.json();
   setApps(config.apps);
+  defaultConfigDir = config.defaultConfigDir ?? null;
+  applyTitle(config.activeConfigDir);
   themeAccents = config.themeAccents ?? {};
   applyHubTheme();
   buildIframes();
@@ -130,6 +134,13 @@ async function init() {
   registerSW();
 }
 
+// The hub has no visible chrome, so the window/tab title is the only place the active config dir
+// shows. Only a non-default dir is named, and by basename alone — the PWA window prepends the
+// manifest name, so a product name here would read as "Claude Code Hub - .claude-eom · Hub".
+function applyTitle(dir) {
+  document.title = dir && dir !== defaultConfigDir ? basename(dir) : 'Claude Code Hub';
+}
+
 function setApps(next) {
   apps = next;
   allowedOrigins = new Set(Object.values(apps).map((a) => new URL(a.url).origin));
@@ -210,6 +221,17 @@ function listenMessages() {
       if (data.url) iframes[data.app].src = apps[data.app].url + data.url;
     } else if (data.type === 'hub:keydown') {
       handleForwardedKey(data);
+    } else if (data.type === 'hub:openExternal') {
+      // In the installed PWA window a framed sub-app's own target=_blank opens
+      // nothing, so the shims hand external links up to the top frame instead.
+      let url;
+      try {
+        url = new URL(String(data.url));
+      } catch (_) {
+        return;
+      }
+      if (url.protocol !== 'http:' && url.protocol !== 'https:') return;
+      window.open(url.href, '_blank', 'noopener');
     } else if (data.type === 'hub:theme') {
       // Legacy senders pass only {theme}; colorTheme is optional and sticky.
       if (data.theme !== 'light' && data.theme !== 'dark') return;
@@ -622,6 +644,7 @@ async function commitConfigDir(row) {
     setApps((await sendJson('POST', '/api/config-dirs/activate', { path: target })).apps);
     // The palette renders from this cache before its refetch lands, and initialSel keys off it.
     palette.configDirs.active = target;
+    applyTitle(target);
     reloadIframes();
   } catch (err) {
     console.warn('config dir switch failed:', err.message);

package/server.js

@@ -38,6 +38,10 @@ function activePool() {
 // be known before the first spawn, and the hub already has one localStorage key to reason about.
 const HUB_CONFIG_FILE = path.join(os.homedir(), '.claude-hub', 'config.json');
 
+// The dir the hub would use with no saved config. Set by loadHubConfig; the client uses it to keep
+// the default dir out of the window title.
+let defaultConfigDir = null;
+
 function expandHome(p) {
   return p.startsWith('~') ? p.replace('~', os.homedir()) : p;
 }
@@ -59,6 +63,7 @@ function loadHubConfig() {
   const fallback = canonical(
     process.env.CLAUDE_CONFIG_DIR || process.env.CLAUDE_DIR || path.join(os.homedir(), '.claude'),
   );
+  defaultConfigDir = fallback;
   let raw = '';
   let saved = {};
   try {
@@ -346,7 +351,7 @@ function appsConfig() {
 }
 
 app.get('/api/config', (_req, res) => {
-  res.json({ themeAccents, apps: appsConfig() });
+  res.json({ themeAccents, apps: appsConfig(), activeConfigDir: hubConfig.activeConfigDir, defaultConfigDir });
 });
 
 app.get('/api/config-dirs', (_req, res) => {