claude-simple 0.2.16 → 0.2.18

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.16.min.css">
+  <link rel="stylesheet" href="/style.0.2.18.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.16.min.js"></script>
+  <script type="module" src="/app.0.2.18.min.js"></script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-simple",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "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-15">
+  <link rel="stylesheet" href="style.css?v=ui-17">
 </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-15"></script>
+  <script type="module" src="app.js?v=ui-17"></script>
 </body>
 </html>

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-v20';
+const CACHE = 'agent-ui-shell-v22';
 const PRECACHE = [
   '/',
   '/index.html',
   '/manifest.webmanifest',
-  '/style.css?v=ui-15',
+  '/style.css?v=ui-17',
   '/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-15',
+  '/app.js?v=ui-17',
   '/icons/icon-192.png',
   '/icons/icon-512.png',
   '/icons/icon-maskable-512.png',