@delt/claude-alarm 0.9.0 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delt/claude-alarm",
-  "version": "0.9.0",
+  "version": "1.0.0",
   "description": "Monitor and get notifications from multiple Claude Code sessions via MCP Channels",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,7 +28,7 @@
     "dev": "tsup --watch",
     "start:hub": "node dist/cli.js hub start",
     "start:channel": "node dist/channel/server.js",
-    "test": "node --import tsx --test \"test/**/*.test.ts\""
+    "test": "node --import tsx --import ./test/isolate-home.ts --test --test-timeout=30000 \"test/**/*.test.ts\""
   },
   "keywords": [
     "claude",

package/src/dashboard/index.html

@@ -209,6 +209,14 @@
     justify-content: center;
     padding: 0 5px;
   }
+  .agent-badge {
+    font-size: 10px;
+    font-weight: 600;
+    padding: 1px 6px;
+    border-radius: 8px;
+    border: 1px solid var(--green);
+    color: var(--green);
+  }
   .session-status {
     display: inline-block;
     font-size: 11px;
@@ -871,7 +879,7 @@
 <div class="token-overlay hidden" id="tokenOverlay">
   <div class="token-form">
     <h2>Authentication Required</h2>
-    <p>Enter the hub token to connect. Find it by running: <code>claude-alarm token</code></p>
+    <p>Enter the hub token to connect. Run <code>claude-alarm token</code>, or open the login link printed by <code>claude-alarm hub start</code>.</p>
     <input type="text" id="tokenInput" placeholder="Paste token here..." autocomplete="off">
     <button id="tokenSubmit">Connect</button>
     <div class="token-error" id="tokenError">Connection failed. Check your token.</div>
@@ -1026,7 +1034,6 @@
     selectedSession: null,
     messages: {},
     notifications: [],
-    token: null,
     pendingImage: null,
     unread: {},
     waitingReply: {},
@@ -1131,6 +1138,10 @@
     return state.sessionMeta.names[s.id] || s.displayName || s.name;
   }
 
+  function agentName(s) {
+    return s && s.agentKind === 'codex' ? 'Codex' : 'Claude';
+  }
+
   function normName(s) {
     return String(s).normalize('NFC').trim().toLowerCase();
   }
@@ -1154,7 +1165,7 @@
   // Built-in SendMessage only reaches sessions on the hub's own machine.
   function mentionTargets() {
     const selected = state.sessions[state.selectedSession];
-    if (!selected || !selected.isLocal) return [];
+    if (!selected || !selected.isLocal || selected.agentKind === 'codex') return [];
     return Object.values(state.sessions).filter(s => s.id !== selected.id && s.isLocal && s.peerName);
   }
 
@@ -1191,6 +1202,8 @@
   // The routing line is the contract with the channel instructions in
   // src/channel/server.ts (ROUTING) — change both together.
   function buildRouting(text) {
+    const target = state.sessions[state.selectedSession];
+    if (target && target.agentKind === 'codex') return { ok: true, content: text };
     const mentions = extractMentions(text);
     if (!mentions.length) return { ok: true, content: text };
     const unknown = [];
@@ -1291,25 +1304,28 @@
   initTheme();
 
   // --- Token handling ---
-  function getToken() {
-    const params = new URLSearchParams(location.search);
-    const urlToken = params.get('token');
-    if (urlToken) {
-      sessionStorage.setItem('claude-alarm-token', urlToken);
-      return urlToken;
+  async function checkAuth() {
+    try {
+      return (await fetch('/api/status')).status !== 401;
+    } catch {
+      return true;
     }
-    return sessionStorage.getItem('claude-alarm-token');
   }
 
   function showTokenForm() { $('#tokenOverlay').classList.remove('hidden'); }
   function hideTokenForm() { $('#tokenOverlay').classList.add('hidden'); }
 
-  $('#tokenSubmit').addEventListener('click', () => {
+  $('#tokenSubmit').addEventListener('click', async () => {
     const token = $('#tokenInput').value.trim();
     if (!token) return;
-    state.token = token;
-    sessionStorage.setItem('claude-alarm-token', token);
+    const res = await fetch('/api/login', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ token }),
+    }).catch(() => null);
+    if (!res || !res.ok) { $('#tokenError').style.display = 'block'; return; }
     $('#tokenError').style.display = 'none';
+    $('#tokenInput').value = '';
     hideTokenForm();
     connect();
   });
@@ -1320,25 +1336,23 @@
   // --- WebSocket ---
   function connect() {
     const proto = location.protocol === 'https:' ? 'wss' : 'ws';
-    const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-    const ws = new WebSocket(`${proto}://${location.host}/ws/dashboard${tokenQuery}`);
+    const ws = new WebSocket(`${proto}://${location.host}/ws/dashboard`);
+    let opened = false;
 
     ws.onopen = () => {
+      opened = true;
       state.ws = ws;
       hideTokenForm();
       $('#connDot').classList.add('connected');
       $('#connLabel').textContent = 'Connected';
     };
-    ws.onclose = () => {
+    ws.onclose = async () => {
       state.ws = null;
       $('#connDot').classList.remove('connected');
       $('#connLabel').textContent = 'Disconnected';
+      if (!opened && !(await checkAuth())) { showTokenForm(); return; }
       setTimeout(connect, 3000);
     };
-    ws.onerror = () => {
-      if (!state.token) { showTokenForm(); } else { $('#tokenError').style.display = 'block'; showTokenForm(); }
-      ws.close();
-    };
     ws.onmessage = (e) => { try { handleMessage(JSON.parse(e.data)); } catch {} };
   }
 
@@ -1433,7 +1447,7 @@
       return `<div class="session-card${active}" data-id="${id}">
         <span class="drag-handle" title="Drag to reorder">&#10303;</span>
         <div class="session-body">
-          <div class="session-name" title="Double-click to rename">${esc(dispName)}${unread ? `<span class="unread-badge">${unread}</span>` : ''}</div>
+          <div class="session-name" title="Double-click to rename">${esc(dispName)}${s.agentKind === 'codex' ? '<span class="agent-badge">Codex</span>' : ''}${unread ? `<span class="unread-badge">${unread}</span>` : ''}</div>
           ${cwdDisplay ? `<div class="session-cwd" title="${esc(s.cwd)}">${esc(cwdDisplay)} &middot; ${connTime}</div>` : `<div class="session-cwd">${connTime}</div>`}
           <span class="session-status ${s.status}">${s.status.replace('_', ' ')}</span>
         </div>
@@ -1580,7 +1594,7 @@
 
   function updateImageUI() {
     const s = state.selectedSession ? state.sessions[state.selectedSession] : null;
-    const canImage = s && s.isLocal;
+    const canImage = s && s.isLocal && s.agentKind !== 'codex';
     $('#attachBtn').disabled = !canImage;
   }
 
@@ -1616,7 +1630,7 @@
         content = m.from === 'session' ? renderMarkdown(m.content) : esc(m.content).replace(/\n/g, '<br>');
       }
       return `<div class="message ${cls}">
-        <div class="message-meta">${m.from === 'session' ? 'Claude' : 'You'} &middot; ${timeStr}</div>
+        <div class="message-meta">${m.from === 'session' ? agentName(s) : 'You'} &middot; ${timeStr}</div>
         <div class="message-body">${content}</div>
       </div>`;
     }).join('');
@@ -2128,16 +2142,14 @@
   $('#settingsToggle').addEventListener('click', async () => {
     // Load webhook data
     try {
-      const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-      const res = await fetch(`/api/webhooks${tokenQuery}`);
+      const res = await fetch(`/api/webhooks`);
       const data = await res.json();
       webhookData = data.webhooks || [];
     } catch { webhookData = []; }
     renderWebhooks();
     // Load telegram data
     try {
-      const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-      const res = await fetch(`/api/telegram${tokenQuery}`);
+      const res = await fetch(`/api/telegram`);
       const data = await res.json();
       const tg = data.telegram || {};
       if (!$('#tgBotToken').value || $('#tgBotToken').value.includes('...')) {
@@ -2172,8 +2184,7 @@
   $('#webhookSave').addEventListener('click', async () => {
     const valid = webhookData.filter(w => w.url.trim());
     try {
-      const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-      await fetch(`/api/webhooks${tokenQuery}`, {
+      await fetch(`/api/webhooks`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ webhooks: valid }),
@@ -2248,8 +2259,7 @@
     $('#tgDetectStatus').textContent = 'Detecting...';
     $('#tgChatList').innerHTML = '';
     try {
-      const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-      const res = await fetch(`/api/telegram/detect${tokenQuery}`, {
+      const res = await fetch(`/api/telegram/detect`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ botToken }),
@@ -2286,8 +2296,7 @@
     const chatId = $('#tgChatId').value.trim();
     if (!botToken || !chatId) { showTgStatus('Bot Token and Chat ID are required.', false); return; }
     try {
-      const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-      const res = await fetch(`/api/telegram/test${tokenQuery}`, {
+      const res = await fetch(`/api/telegram/test`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ botToken, chatId }),
@@ -2306,8 +2315,7 @@
     if (!botToken || !chatId) { showTgStatus('Bot Token and Chat ID are required.', false); return; }
     if (botToken.includes('...')) { showTgStatus('Bot Token is masked. Please enter the full token.', false); return; }
     try {
-      const tokenQuery = state.token ? `?token=${encodeURIComponent(state.token)}` : '';
-      await fetch(`/api/telegram${tokenQuery}`, {
+      await fetch(`/api/telegram`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ telegram: { botToken, chatId, enabled } }),
@@ -2335,8 +2343,7 @@
     document.querySelector('.sessions-panel').classList.add('mobile-active');
   }
 
-  state.token = getToken();
-  connect();
+  checkAuth().then((ok) => (ok ? connect() : showTokenForm()));
 })();
 </script>
 </body>