claude-simple 0.2.17 → 0.2.19

package/dist/index.html

@@ -4,13 +4,13 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
   <title>Claude Code</title>
-  <link rel="stylesheet" href="/style.0.2.17.min.css">
+  <link rel="stylesheet" href="/style.0.2.19.min.css">
   <link rel="stylesheet" href="/highlight.min.css">
   <script src="/marked.min.js"></script>
   <script src="/highlight.min.js"></script>
 </head>
 <body class="h-dvh overflow-hidden flex flex-col bg-base-100 text-base-content">
   <div id="root" class="flex flex-col flex-1 overflow-hidden"></div>
-  <script type="module" src="/app.0.2.17.min.js"></script>
+  <script type="module" src="/app.0.2.19.min.js"></script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-simple",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "type": "module",
   "bin": {
     "claude-simple": "server.js",

package/public/chat.js

@@ -34,6 +34,7 @@ let lifecycleBound = false;
 let sawDisconnect = false;
 let lastWsMachine = null;
 let reconnectQuiet = false;
+const HUB_CURSOR_KEY = 'hubStreamCursors';
 /** FIFO messages deliberately queued while a turn is running. */
 let pendingUserTexts = [];
 // Composer state belongs to a conversation, never to the shared textarea.
@@ -41,6 +42,34 @@ let pendingUserTexts = [];
 // prompts to disk while still making session switches lossless.
 const composerDrafts = new Map();
 
+function hubCursorKey(sessionId = ctx.sessionId, agent = ctx.agent, machineId = ctx.machineId) {
+  return sessionId ? `${machineId || ''}:${agent || 'claude'}:${sessionId}` : '';
+}
+
+function getHubCursor(identity = {}) {
+  const key = hubCursorKey(identity.sessionId, identity.agent, identity.machineId);
+  if (!key) return 0;
+  try { return Number(JSON.parse(localStorage.getItem(HUB_CURSOR_KEY) || '{}')[key]) || 0; }
+  catch { return 0; }
+}
+
+function acceptHubSequence(msg) {
+  const seq = Number(msg?.hubSeq) || 0;
+  if (!seq) return true;
+  const key = hubCursorKey(msg.sessionId || ctx.sessionId, msg.agent || ctx.agent, ctx.machineId);
+  if (!key) return true;
+  let all = {};
+  try { all = JSON.parse(localStorage.getItem(HUB_CURSOR_KEY) || '{}') || {}; } catch {}
+  const seen = Number(all[key]) || 0;
+  if (seq <= seen) return false;
+  all[key] = seq;
+  // Keep the small cursor map bounded; it is metadata, never chat content.
+  const keys = Object.keys(all);
+  if (keys.length > 500) keys.sort((a, b) => Number(all[b]) - Number(all[a])).slice(500).forEach(k => delete all[k]);
+  try { localStorage.setItem(HUB_CURSOR_KEY, JSON.stringify(all)); } catch {}
+  return true;
+}
+
 function draftKey({ sessionId = ctx.sessionId, agent = ctx.agent, machineId = ctx.machineId } = {}) {
   if (!sessionId) return null;
   return `${machineId || ''}:${agent || 'claude'}:${sessionId}`;
@@ -223,6 +252,9 @@ export function connectWS(opts = {}) {
   if (ctx.token) q.set('token', ctx.token);
   if (mid) q.set('machine', mid);
   if (ctx.sessionId) q.set('sessionId', ctx.sessionId);
+  if (ctx.agent) q.set('agent', ctx.agent);
+  const lastSeq = getHubCursor();
+  if (lastSeq) q.set('lastSeq', String(lastSeq));
 
   const sock = new WebSocket(`${proto}://${location.host}/ws/chat?${q}`);
   ctx.ws = sock;
@@ -250,6 +282,7 @@ export function connectWS(opts = {}) {
     if (gen !== wsGen) return;
     let msg;
     try { msg = JSON.parse(e.data); } catch { return; }
+    if (!acceptHubSequence(msg)) return;
     if (msg.type === 'pong') { lastPongAt = Date.now(); return; }
     if (msg.type === 'ping') {
       lastPongAt = Date.now();

package/public/index.html

@@ -83,7 +83,7 @@
   <link id="hljs-theme" rel="stylesheet" href="/vendor/highlight-dark.min.css">
   <script src="/vendor/highlight.min.js"></script>
   <script src="/vendor/mermaid.min.js"></script>
-  <link rel="stylesheet" href="style.css?v=ui-16">
+  <link rel="stylesheet" href="style.css?v=ui-18">
 </head>
 <body class="h-dvh overflow-hidden flex flex-col bg-base-100 text-base-content">
   <div id="root" class="flex flex-col flex-1 overflow-hidden"></div>
@@ -99,6 +99,6 @@
       }
     }, 10000);
   </script>
-  <script type="module" src="app.js?v=ui-16"></script>
+  <script type="module" src="app.js?v=ui-18"></script>
 </body>
 </html>

package/public/shell/hub.js

@@ -137,22 +137,32 @@ export function syncTopbarMachine() {
 }
 
 let _machinePollTimer = null;
+let _sessionIndexPollTimer = null;
 export function startMachinePolling() {
-  if (_machinePollTimer) return;
-  _machinePollTimer = setInterval(async () => {
-    if (!hubMode.peek() || !ctx.token) return;
-    await refreshMachinesList();
-    syncTopbarMachine();
-    // If current machine went offline, warn in topbar label only (don't force picker)
-    const cur = selectedMachineId.peek();
-    if (cur) {
-      const m = (machinesList.peek() || []).find(x => x.id === cur);
-      if (m && m.online === false) {
-        const label = $('topbar-machine-label');
-        if (label) label.textContent = `${cur} (offline)`;
+  if (!_machinePollTimer) {
+    _machinePollTimer = setInterval(async () => {
+      if (!hubMode.peek() || !ctx.token) return;
+      await refreshMachinesList();
+      syncTopbarMachine();
+      // If current machine went offline, warn in topbar label only (don't force picker)
+      const cur = selectedMachineId.peek();
+      if (cur) {
+        const m = (machinesList.peek() || []).find(x => x.id === cur);
+        if (m && m.online === false) {
+          const label = $('topbar-machine-label');
+          if (label) label.textContent = `${cur} (offline)`;
+        }
       }
-    }
-  }, 15000);
+    }, 15000);
+  }
+  if (!_sessionIndexPollTimer) {
+    _sessionIndexPollTimer = setInterval(() => {
+      // Background tabs do not keep a radio wake-lock merely to refresh a
+      // sidebar. Foreground clients get the latest Hub delta within 2 seconds.
+      if (document.visibilityState !== 'visible' || !hubMode.peek() || !ctx.token || !selectedMachineId.peek()) return;
+      loadAllSessions({ waitFresh: false, hubIndex: true }).catch(() => {});
+    }, 2000);
+  }
 }
 
 /** Enter / switch hub machine. */

package/public/shell/session-list.js

@@ -22,17 +22,20 @@ function normalizeSessions(v) {
   return [];
 }
 
-function sessionsQuery() {
+function sessionsQuery({ hubIndex = false } = {}) {
   const q = new URLSearchParams();
   // Project index is small and should remain complete; the Hub/browser cache
   // keeps this inexpensive after the first fetch.
   q.set('limit', '2000');
+  // This is a Hub-local, ETag-enabled catalog read. It never tunnels to an
+  // Edge or invokes the expensive multi-agent session scanner.
+  if (hubIndex && hubMode.peek()) q.set('index', '1');
   const s = q.toString();
   return s ? `/api/sessions?${s}` : '/api/sessions';
 }
 
-/** @param {{ waitFresh?: boolean }} opts waitFresh=false → paint cache first, refresh in bg */
-export async function loadAllSessions({ waitFresh = true } = {}) {
+/** @param {{ waitFresh?: boolean, hubIndex?: boolean }} opts waitFresh=false → paint cache first, refresh in bg */
+export async function loadAllSessions({ waitFresh = true, hubIndex = false } = {}) {
   const cached = normalizeSessions(await getCachedSessions());
   if (cached.length) {
     // Hub: if we already selected a machine, prefer cache entries for that machine
@@ -46,7 +49,7 @@ export async function loadAllSessions({ waitFresh = true } = {}) {
   }
 
   const fetchFresh = async () => {
-    const path = sessionsQuery();
+    const path = sessionsQuery({ hubIndex });
     const fresh = await api('GET', path, undefined, undefined, { etag: true });
     if (fresh === NOT_MODIFIED) return sessionsData.peek();
     const list = normalizeSessions(fresh);

package/public/sw.js

@@ -1,12 +1,12 @@
 /* Agent UI service worker — cache shell assets only.
  * Never intercepts WebSocket or mutates API semantics beyond offline fallback.
  * Bump CACHE when shipping UI that must invalidate old shells. */
-const CACHE = 'agent-ui-shell-v21';
+const CACHE = 'agent-ui-shell-v23';
 const PRECACHE = [
   '/',
   '/index.html',
   '/manifest.webmanifest',
-  '/style.css?v=ui-16',
+  '/style.css?v=ui-18',
   '/style.css',
   '/ui.min.css',
   '/vendor/mini-react.min.js',
@@ -14,7 +14,7 @@ const PRECACHE = [
   '/vendor/highlight.min.js',
   '/vendor/highlight-dark.min.css',
   '/vendor/mermaid.min.js',
-  '/app.js?v=ui-16',
+  '/app.js?v=ui-18',
   '/icons/icon-192.png',
   '/icons/icon-512.png',
   '/icons/icon-maskable-512.png',