@bakapiano/ccsm 0.10.1 → 0.10.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bakapiano/ccsm",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "Claude Code Session Manager — Windows web UI to manage many concurrent claude sessions: live list, snapshot/restore, focus existing window, new session in an isolated workspace with repo clones",
   "license": "MIT",
   "main": "server.js",

package/public/css/tokens.css

@@ -28,9 +28,9 @@
   --ink-muted:  #8a8475;
   --ink-faint:  #b5af9d;
 
-  /* Accent — Claude warm copper. Slightly desaturated from raw #c45f3f so
-     solid-fill buttons feel calm against the cream surfaces, while still
-     reading as the same brand hue in star icons, focus rings, etc. */
+  /* Accent — Ocean blue. Calm and content-first. Users can override via
+     the Theme accent picker in Settings; that flow rewrites these vars
+     at runtime (state.js · applyAccentCssVars). */
   --accent:        #2f6fa3;
   --accent-deep:   #25577f;
   --accent-soft:   rgba(47, 111, 163, 0.10);

package/public/js/components/OfflineBanner.js

@@ -13,13 +13,48 @@
 import { html } from '../html.js';
 import { useEffect, useState } from 'preact/hooks';
 import { serverHealth } from '../state.js';
-import { refreshAll } from '../api.js';
+import { refreshAll, pollHealth } from '../api.js';
 import { BrandMark } from '../icons.js';
 
+// Silent ccsm:// launch via hidden iframe. Same trick as the router.
+// If the protocol is registered AND the user has already OK'd the
+// Windows confirmation prompt, ccsm wakes up within ~2s and the
+// banner auto-dismisses on the next health poll. On a cold first
+// visit (protocol not registered, or "Always allow" not yet ticked),
+// the iframe noops silently and the manual "Start ccsm" button is
+// still there as fallback.
+function silentProtocolLaunch() {
+  try {
+    const f = document.createElement('iframe');
+    f.style.display = 'none';
+    f.src = 'ccsm://start';
+    document.body.appendChild(f);
+    setTimeout(() => { try { f.remove(); } catch {} }, 1500);
+  } catch {}
+}
+
 export function OfflineBanner() {
   const h = serverHealth.value;
   const offline = h.state === 'offline';
   const [clicked, setClicked] = useState(false);
+  const [autoTried, setAutoTried] = useState(false);
+
+  // First time we see offline state, try a silent ccsm:// launch and
+  // tighten the health-poll cadence for a few seconds so the redirect
+  // happens within ~2-3s without any visible UI flash.
+  useEffect(() => {
+    if (!offline || autoTried) return;
+    setAutoTried(true);
+    silentProtocolLaunch();
+    let n = 0;
+    const tick = async () => {
+      if (n++ > 12) return;                  // ~6s of tight polling
+      await pollHealth();
+      if (serverHealth.value.state === 'online') return;
+      setTimeout(tick, 500);
+    };
+    setTimeout(tick, 500);
+  }, [offline]);
 
   useEffect(() => {
     if (h.state === 'online' && clicked) {

package/public/js/main.js

@@ -3,24 +3,32 @@
 // the mount root.
 
 import { render } from 'preact';
+import { effect } from '@preact/signals';
 import { html } from './html.js';
-import { loadPersisted, clockTick, lastRefreshAt, installPrompt, isInstalledPwa, sidebarForcedCollapsed } from './state.js';
+import { loadPersisted, clockTick, lastRefreshAt, installPrompt, isInstalledPwa, sidebarForcedCollapsed, serverHealth } from './state.js';
 import { httpBase } from './backend.js';
 import { loadConfig, refreshAll, loadSessions, loadFolders, loadWorkspaces, pollHealth } from './api.js';
 import { setToast } from './toast.js';
 import { App } from './components/App.js';
 
 loadPersisted();
-// Pin the document title to "CCSM" — some Chromium builds will inject the
-// current URL or path into the standalone window title bar if the page
-// title is empty / changes; locking it here keeps the OS title bar text
-// stable across navigation, tab switches, and PWA-install refresh.
-const lockTitle = () => { if (document.title !== 'CCSM') document.title = 'CCSM'; };
+// Window/tab title tracks the live backend version — "CCSM v0.10.1" once
+// /api/health responds, "CCSM" before then. A MutationObserver guards
+// against Chromium standalone builds that occasionally try to inject the
+// URL into the title bar; it accepts any "CCSM..." string we set and
+// resets anything else.
+function desiredTitle() {
+  const v = serverHealth.value.version;
+  return v ? `CCSM v${v}` : 'CCSM';
+}
+let expected = desiredTitle();
+function lockTitle() { if (document.title !== expected) document.title = expected; }
 lockTitle();
 new MutationObserver(lockTitle).observe(
   document.querySelector('title') || document.head,
   { childList: true, subtree: true, characterData: true }
 );
+effect(() => { expected = desiredTitle(); lockTitle(); });
 render(html`<${App} />`, document.getElementById('app'));
 
 // PWA install affordance — Chromium fires `beforeinstallprompt` when the

package/public/manifest.webmanifest

@@ -1,6 +1,7 @@
 {
   "name": "CCSM",
   "short_name": "CCSM",
+  "version": "0.0.0-dev",
   "description": "Single pane over every live claude session on this machine.",
   "start_url": "./",
   "scope": "./",