@delt/claude-alarm 0.8.1 → 0.9.0

package/dist/dashboard/index.html

@@ -187,6 +187,7 @@
     outline: none;
     font-family: inherit;
   }
+  .name-edit-input.invalid { border-color: var(--red); }
   .session-name {
     font-size: 14px;
     font-weight: 500;
@@ -400,6 +401,39 @@
   }
   .drag-overlay.active { display: flex; }
 
+  .mention-error {
+    display: none;
+    padding: 6px 20px 0;
+    color: var(--red);
+    font-size: 12px;
+  }
+  .mention-error.show { display: block; }
+  .message-input-area { position: relative; }
+  .mention-popup {
+    display: none;
+    position: absolute;
+    bottom: calc(100% + 4px);
+    left: 20px;
+    min-width: 220px;
+    max-height: 200px;
+    overflow-y: auto;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+    z-index: 20;
+  }
+  .mention-popup.open { display: block; }
+  .mention-item {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 6px 10px;
+    font-size: 13px;
+    cursor: pointer;
+  }
+  .mention-item.active, .mention-item:hover { background: var(--border); }
+  .mention-folder { color: var(--text-dim); font-size: 11px; }
   .message-input-area {
     border-top: 1px solid var(--border);
     padding: 12px 20px;
@@ -617,12 +651,35 @@
     border-radius: 5px;
     padding: 6px 10px;
     margin-top: 5px;
-    max-height: 60px;
-    overflow-y: auto;
+    max-height: 220px;
+    overflow: auto;
     white-space: pre-wrap;
     word-break: break-all;
     line-height: 1.4;
   }
+  .perm-preview pre {
+    margin: 0;
+    white-space: pre;
+    font-family: inherit;
+    font-size: inherit;
+  }
+  .perm-preview code { font-family: inherit; }
+  .perm-preview.prose {
+    font-family: inherit;
+    white-space: normal;
+    word-break: normal;
+  }
+  .perm-preview.prose pre,
+  .perm-preview.prose code { font-family: monospace; }
+  .perm-preview.prose ul { margin: 4px 0; padding-left: 20px; }
+  .perm-preview.prose li { margin: 2px 0; }
+  .perm-preview.prose strong { font-weight: 600; }
+  .perm-preview.prose h2,
+  .perm-preview.prose h3,
+  .perm-preview.prose h4 { font-size: 12px; font-weight: 600; margin: 4px 0; }
+  .perm-preview.prose table { border-collapse: collapse; margin: 4px 0; font-size: 11px; }
+  .perm-preview.prose th,
+  .perm-preview.prose td { border: 1px solid var(--border); padding: 3px 6px; text-align: left; }
   .perm-actions {
     display: flex;
     gap: 10px;
@@ -940,7 +997,9 @@
       <span class="preview-name" id="previewName"></span>
       <button class="preview-cancel" id="previewCancel">&times;</button>
     </div>
+    <div class="mention-error" id="mentionError"></div>
     <div class="message-input-area">
+      <div class="mention-popup" id="mentionPopup"></div>
       <button class="attach-btn" id="attachBtn" disabled title="Attach image">&#128206;</button>
       <input type="file" id="fileInput" accept="image/*" style="display:none">
       <textarea id="msgInput" placeholder="Send a message to session... (Shift+Enter for new line)" disabled rows="1"></textarea>
@@ -1072,6 +1131,146 @@
     return state.sessionMeta.names[s.id] || s.displayName || s.name;
   }
 
+  function normName(s) {
+    return String(s).normalize('NFC').trim().toLowerCase();
+  }
+
+  function folderName(s) {
+    return s.displayName || s.name;
+  }
+
+  function renameError(val, id) {
+    if (/[\[\]@]/.test(val)) return 'Name cannot contain [, ] or @';
+    const key = normName(val);
+    const taken = Object.values(state.sessions).some(o => o.id !== id &&
+      (normName(sessionDisplayName(o)) === key || normName(folderName(o)) === key));
+    return taken ? 'Name already used by another session' : null;
+  }
+
+  function sessionNames(s) {
+    return [state.sessionMeta.names[s.id], folderName(s), s.peerName].filter(Boolean);
+  }
+
+  // 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 [];
+    return Object.values(state.sessions).filter(s => s.id !== selected.id && s.isLocal && s.peerName);
+  }
+
+  function resolveMention(name) {
+    const key = normName(name);
+    const matches = mentionTargets().filter(s => sessionNames(s).some(n => normName(n) === key));
+    return matches.length === 1 ? matches[0] : null;
+  }
+
+  function mentionLabel(s) {
+    return [sessionDisplayName(s), folderName(s), s.peerName].find(n => resolveMention(n) === s) || s.peerName;
+  }
+
+  // A token only counts as a mention when it names (or starts with) some
+  // session, so pasted code like @Override or npm @types/x is left alone.
+  function looksLikeSessionMention(name) {
+    const key = normName(name);
+    return Object.values(state.sessions).some(s => sessionNames(s).some(n => key.startsWith(normName(n))));
+  }
+
+  function extractMentions(text) {
+    const prose = text.replace(/```[\s\S]*?(```|$)/g, ' ').replace(/`[^`\n]*`/g, ' ');
+    const re = /(^|\s)@(?:\[([^\]\n]+)\]|([^\s\[\]]+))/g;
+    const found = [];
+    let m;
+    while ((m = re.exec(prose))) {
+      const bracketed = m[2] !== undefined;
+      const name = bracketed ? m[2] : m[3].replace(/[.,!?;:)]+$/, '');
+      found.push({ raw: m[0].trim(), name, bracketed });
+    }
+    return found;
+  }
+
+  // The routing line is the contract with the channel instructions in
+  // src/channel/server.ts (ROUTING) — change both together.
+  function buildRouting(text) {
+    const mentions = extractMentions(text);
+    if (!mentions.length) return { ok: true, content: text };
+    const unknown = [];
+    const lines = [];
+    const seen = new Set();
+    for (const m of mentions) {
+      const s = resolveMention(m.name);
+      if (!s) {
+        if (m.bracketed || looksLikeSessionMention(m.name)) unknown.push(m.raw);
+        continue;
+      }
+      if (seen.has(s.id)) continue;
+      seen.add(s.id);
+      lines.push(`[claude-alarm] @${m.name} = SendMessage to "${s.peerName}"`);
+    }
+    if (unknown.length) return { ok: false, unknown };
+    if (!lines.length) return { ok: true, content: text };
+    return { ok: true, content: `${text}\n\n${lines.join('\n')}` };
+  }
+
+  function showMentionError(msg) {
+    const el = $('#mentionError');
+    el.textContent = msg || '';
+    el.classList.toggle('show', !!msg);
+  }
+
+  let mentionState = { open: false, items: [], index: 0, start: -1 };
+
+  function currentMentionQuery(input) {
+    const upto = input.value.slice(0, input.selectionStart);
+    const m = upto.match(/(^|\s)@(\[[^\]\n]*|[^\s\[\]]*)$/);
+    if (!m) return null;
+    return { start: upto.length - m[2].length - 1, query: m[2].replace(/^\[/, '') };
+  }
+
+  function closeMentionPopup() {
+    mentionState = { open: false, items: [], index: 0, start: -1 };
+    $('#mentionPopup').classList.remove('open');
+  }
+
+  function renderMentionPopup() {
+    $('#mentionPopup').innerHTML = mentionState.items.map((s, i) =>
+      `<div class="mention-item${i === mentionState.index ? ' active' : ''}" data-idx="${i}">` +
+      `<span>${esc(sessionDisplayName(s))}</span><span class="mention-folder">${esc(folderName(s))}</span></div>`
+    ).join('');
+  }
+
+  function updateMentionPopup() {
+    const q = currentMentionQuery($('#msgInput'));
+    if (!q) return closeMentionPopup();
+    const key = normName(q.query);
+    const items = mentionTargets().filter(s =>
+      normName(sessionDisplayName(s)).includes(key) || normName(folderName(s)).includes(key));
+    if (!items.length) return closeMentionPopup();
+    const index = mentionState.open ? Math.min(mentionState.index, items.length - 1) : 0;
+    mentionState = { open: true, items, index, start: q.start };
+    renderMentionPopup();
+    $('#mentionPopup').classList.add('open');
+  }
+
+  function applyMention(s) {
+    const input = $('#msgInput');
+    const label = mentionLabel(s);
+    const token = /\s/.test(label) ? `@[${label}] ` : `@${label} `;
+    const before = input.value.slice(0, mentionState.start);
+    const after = input.value.slice(input.selectionStart);
+    input.value = before + token + after;
+    const pos = before.length + token.length;
+    input.setSelectionRange(pos, pos);
+    closeMentionPopup();
+    input.focus();
+  }
+
+  $('#mentionPopup').addEventListener('mousedown', (e) => {
+    const item = e.target.closest('.mention-item');
+    if (!item) return;
+    e.preventDefault();
+    applyMention(mentionState.items[Number(item.dataset.idx)]);
+  });
+
   // --- Theme ---
   function initTheme() {
     const saved = localStorage.getItem('claude-alarm-theme') || 'dark';
@@ -1284,12 +1483,18 @@
     input.select();
 
     let done = false;
-    const commit = (save) => {
+    const commit = (save, fromBlur) => {
       if (done) return;
+      const val = input.value.trim();
+      const baseName = s.displayName || s.name;
+      const err = save && val && val !== baseName ? renameError(val, id) : null;
+      if (err && !fromBlur) {
+        input.classList.add('invalid');
+        input.title = err;
+        return;
+      }
       done = true;
-      if (save) {
-        const val = input.value.trim();
-        const baseName = s.displayName || s.name;
+      if (save && !err) {
         if (!val || val === baseName) delete state.sessionMeta.names[id];
         else state.sessionMeta.names[id] = val;
         saveSessionMeta();
@@ -1298,10 +1503,11 @@
     };
     input.addEventListener('keydown', (e) => {
       e.stopPropagation();
-      if (e.key === 'Enter') { e.preventDefault(); commit(true); }
-      else if (e.key === 'Escape') { e.preventDefault(); commit(false); }
+      if (e.key === 'Enter') { e.preventDefault(); commit(true, false); }
+      else if (e.key === 'Escape') { e.preventDefault(); commit(false, false); }
     });
-    input.addEventListener('blur', () => commit(true));
+    input.addEventListener('input', () => { input.classList.remove('invalid'); input.title = ''; });
+    input.addEventListener('blur', () => commit(true, true));
     input.addEventListener('click', (e) => e.stopPropagation());
   }
 
@@ -1554,6 +1760,13 @@
     if (!content && !hasImage) return;
     if (!state.selectedSession || !state.ws) return;
 
+    const routing = buildRouting(content);
+    if (!routing.ok) {
+      showMentionError(`Unknown session: ${routing.unknown.join(', ')} — pick from the @ list, or put a space right after the name.`);
+      return;
+    }
+    showMentionError(null);
+
     if (hasImage) {
       // Send image + text together
       state.ws.send(JSON.stringify({
@@ -1562,11 +1775,11 @@
         imageData: state.pendingImage.data,
         mimeType: state.pendingImage.mimeType,
         originalName: state.pendingImage.name,
-        content: content || '',
+        content: routing.content || '',
       }));
     } else if (content) {
       // Text only
-      state.ws.send(JSON.stringify({ type: 'message_to_session', sessionId: state.selectedSession, content }));
+      state.ws.send(JSON.stringify({ type: 'message_to_session', sessionId: state.selectedSession, content: routing.content }));
     }
 
     // Add to local messages
@@ -1581,6 +1794,7 @@
     saveMessages();
 
     input.value = '';
+    closeMentionPopup();
     input.style.height = 'auto';
     clearPendingImage();
     state.waitingReply[state.selectedSession] = true;
@@ -1589,11 +1803,24 @@
 
   $('#sendBtn').addEventListener('click', sendMessage);
   $('#msgInput').addEventListener('keydown', (e) => {
+    if (mentionState.open) {
+      // Enter while an IME (e.g. Korean) is composing only commits the syllable.
+      if (e.isComposing) return;
+      const n = mentionState.items.length;
+      if (e.key === 'ArrowDown') { e.preventDefault(); mentionState.index = (mentionState.index + 1) % n; renderMentionPopup(); return; }
+      if (e.key === 'ArrowUp') { e.preventDefault(); mentionState.index = (mentionState.index - 1 + n) % n; renderMentionPopup(); return; }
+      if (e.key === 'Enter' || e.key === 'Tab') { e.preventDefault(); applyMention(mentionState.items[mentionState.index]); return; }
+      if (e.key === 'Escape') { e.preventDefault(); closeMentionPopup(); return; }
+    }
     if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(); }
   });
+  $('#msgInput').addEventListener('blur', closeMentionPopup);
+  $('#msgInput').addEventListener('click', updateMentionPopup);
   $('#msgInput').addEventListener('input', function() {
+    showMentionError(null);
     this.style.height = 'auto';
     this.style.height = Math.min(this.scrollHeight, 120) + 'px';
+    updateMentionPopup();
   });
 
   function relativeTime(ts) {
@@ -1670,9 +1897,26 @@
     return toolName;
   }
 
-  // Returns { text } — dashboard shows full content, no truncation
+  const LANG_BY_EXT = {
+    js: 'javascript', mjs: 'javascript', cjs: 'javascript', jsx: 'javascript',
+    ts: 'typescript', tsx: 'typescript', py: 'python', rb: 'ruby', go: 'go',
+    java: 'java', kt: 'kotlin', rs: 'rust', php: 'php', cs: 'csharp',
+    sh: 'bash', bash: 'bash', zsh: 'bash', ps1: 'powershell',
+    json: 'json', yml: 'yaml', yaml: 'yaml', xml: 'xml', sql: 'sql',
+    md: 'markdown', html: 'html', vue: 'html', css: 'css', scss: 'scss',
+  };
+  function langOf(path) {
+    const m = /\.([a-z0-9]+)$/i.exec(path || '');
+    return m ? (LANG_BY_EXT[m[1].toLowerCase()] || '') : '';
+  }
+
+  // Returns { text, kind, lang } — dashboard shows full content, no truncation.
+  // kind 'code' must stay byte-exact: markdown rendering would swallow the ** and `
+  // characters that the approver needs to see to judge what actually gets executed.
+  // Only notify-style messages (prose Claude wrote) are safe to render as markdown.
   function formatPermPreview(toolName, raw) {
-    if (!raw) return { text: '' };
+    if (!raw) return { text: '', kind: 'code', lang: '' };
+    const isNotify = toolName === 'notify' || toolName.endsWith('__notify');
     let p = null;
     try { p = JSON.parse(raw); } catch {
       // Truncated JSON - extract known fields with regex (closing quote optional for truncated strings)
@@ -1682,43 +1926,52 @@
       const contentMatch = raw.match(/"content"\s*:\s*"((?:[^"\\]|\\.)*)"?/);
       const titleMatch = raw.match(/"title"\s*:\s*"((?:[^"\\]|\\.)*)"?/);
       const msgMatch = raw.match(/"message"\s*:\s*"((?:[^"\\]|\\.)*)"?/);
-      if (titleMatch && msgMatch) return { text: msgMatch[1] };
-      if (cmdMatch) return { text: '$ ' + cmdMatch[1] };
-      if (fileMatch) return { text: fileMatch[1] };
-      if (patternMatch) return { text: patternMatch[1] };
-      if (contentMatch) return { text: contentMatch[1] };
-      return { text: raw };
+      if (titleMatch && msgMatch) return { text: msgMatch[1], kind: 'prose', lang: '' };
+      if (cmdMatch) return { text: '$ ' + cmdMatch[1], kind: 'code', lang: 'bash' };
+      if (fileMatch) return { text: fileMatch[1], kind: 'code', lang: langOf(fileMatch[1]) };
+      if (patternMatch) return { text: patternMatch[1], kind: 'code', lang: '' };
+      if (contentMatch) return { text: contentMatch[1], kind: 'code', lang: '' };
+      return { text: raw, kind: 'code', lang: '' };
     }
     let text;
+    let kind = 'code';
+    let lang = '';
     switch (toolName) {
       case 'Bash':
-        text = p.command ? '$ ' + p.command : raw; break;
+        text = p.command ? '$ ' + p.command : raw; lang = 'bash'; break;
       case 'Write':
       case 'Edit':
         if (p.file_path) {
           text = p.file_path;
+          lang = langOf(p.file_path);
           if (p.new_string) text += '\n+ ' + p.new_string;
           else if (p.content) text += '\n' + p.content;
         } else { text = raw; }
         break;
       case 'Read':
-        text = p.file_path || raw; break;
+        text = p.file_path || raw; lang = langOf(p.file_path); break;
       case 'Glob':
         text = p.pattern || raw; break;
       case 'Grep':
         text = (p.pattern || '') + (p.path ? '  in ' + p.path : ''); break;
       default:
         if (p.title && p.message) {
-          text = p.message;
+          text = p.message; kind = 'prose';
         } else if (p.content && typeof p.content === 'string') {
-          text = p.content;
+          text = p.content; kind = isNotify ? 'prose' : 'code';
         } else {
           const entries = Object.entries(p);
           if (entries.length <= 3) text = entries.map(([k, v]) => k + ': ' + String(v)).join('\n');
           else text = JSON.stringify(p, null, 1);
         }
     }
-    return { text: text || '' };
+    return { text: text || '', kind, lang };
+  }
+
+  function renderPermPreview(text, kind, lang) {
+    if (kind === 'prose') return `<div class="perm-preview prose">${renderMarkdown(text)}</div>`;
+    const cls = lang ? ` class="lang-${esc(lang)}"` : '';
+    return `<div class="perm-preview"><pre><code${cls}>${esc(text)}</code></pre></div>`;
   }
 
   function sendPermissionVerdict(sessionId, requestId, behavior) {
@@ -1742,7 +1995,7 @@
     if (!reqs.length) { bar.classList.remove('active'); bar.innerHTML = ''; return; }
     bar.classList.add('active');
     bar.innerHTML = reqs.map(r => {
-      const { text: previewText } = formatPermPreview(r.toolName, r.inputPreview);
+      const { text: previewText, kind: previewKind, lang: previewLang } = formatPermPreview(r.toolName, r.inputPreview);
       const displayName = formatToolName(r.toolName, r.inputPreview);
       return `<div class="perm-item">
         <div class="perm-icon">&#9888;</div>
@@ -1750,7 +2003,7 @@
           <div class="perm-header">
             <span class="perm-tool">${esc(displayName)}</span>
           </div>
-          ${previewText ? `<div class="perm-preview">${esc(previewText)}</div>` : ''}
+          ${previewText ? renderPermPreview(previewText, previewKind, previewLang) : ''}
         </div>
         <div class="perm-actions">
           <button class="perm-allow" data-req-id="${esc(r.requestId)}" data-session-id="${esc(sid)}">Allow <span class="perm-kbd">(Enter)</span></button>

package/dist/hub/server.js

@@ -41,6 +41,12 @@ var UPLOADS_DIR = path.join(CONFIG_DIR, "uploads");
 var WS_PATH_CHANNEL = "/ws/channel";
 var WS_PATH_DASHBOARD = "/ws/dashboard";
 
+// src/shared/peer-name.ts
+var SAFE_PEER_NAME = /^[^\u0000-\u001f\u007f"\\[\]]{1,128}$/;
+function isValidPeerName(name) {
+  return typeof name === "string" && name.trim() !== "" && SAFE_PEER_NAME.test(name);
+}
+
 // src/hub/session-manager.ts
 var SessionManager = class {
   sessions = /* @__PURE__ */ new Map();
@@ -64,7 +70,7 @@ var SessionManager = class {
     } else {
       session.displayName = baseName;
     }
-    this.sessions.set(session.id, { ...session });
+    this.sessions.set(session.id, { ...session, peerName: isValidPeerName(session.peerName) ? session.peerName : void 0 });
   }
   unregister(sessionId) {
     const session = this.sessions.get(sessionId);
@@ -79,6 +85,13 @@ var SessionManager = class {
     }
     return session;
   }
+  setPeerName(sessionId, peerName) {
+    const session = this.sessions.get(sessionId);
+    if (session) {
+      session.peerName = isValidPeerName(peerName) ? peerName : void 0;
+    }
+    return session;
+  }
   updateActivity(sessionId) {
     const session = this.sessions.get(sessionId);
     if (session) {
@@ -210,7 +223,7 @@ import fs from "fs";
 import path2 from "path";
 import { randomUUID } from "crypto";
 var TELEGRAM_API = "https://api.telegram.org/bot";
-var TelegramBot = class {
+var TelegramBot = class _TelegramBot {
   config;
   offset = 0;
   polling = false;
@@ -442,33 +455,45 @@ ${this.mdToHtml(message)}`;
   }
   /** Send a permission request with inline buttons */
   async sendPermissionRequest(sessionId, sessionLabel, requestId, toolName, description, inputPreview) {
+    const isNotify = toolName.endsWith("__notify") || toolName === "notify";
     let preview = inputPreview;
+    let kind = "code";
+    let lang = "";
     let truncated = false;
     try {
       const p = JSON.parse(inputPreview);
-      if (p.command) preview = `$ ${p.command}`;
-      else if (p.title && p.message) preview = p.message;
-      else if (p.file_path) {
+      if (p.command) {
+        preview = `$ ${p.command}`;
+        lang = "bash";
+      } else if (p.title && p.message) {
+        preview = p.message;
+        kind = "prose";
+      } else if (p.file_path) {
         preview = p.file_path;
+        lang = this.langOf(p.file_path);
         if (p.content) {
           preview += "\n" + p.content.slice(0, 3e3);
           if (p.content.length > 500) truncated = true;
         }
       } else if (p.content && typeof p.content === "string") {
         preview = p.content.slice(0, 3e3);
+        if (isNotify) kind = "prose";
         if (p.content.length > 500) truncated = true;
       }
     } catch {
       truncated = true;
       const cmdMatch = inputPreview.match(/"command"\s*:\s*"((?:[^"\\]|\\.)*)"/);
       const contentMatch = inputPreview.match(/"content"\s*:\s*"((?:[^"\\]|\\.)*)"/);
-      if (cmdMatch) preview = `$ ${cmdMatch[1]}`;
-      else if (contentMatch) preview = contentMatch[1].slice(0, 3e3);
+      if (cmdMatch) {
+        preview = `$ ${cmdMatch[1]}`;
+        lang = "bash";
+      } else if (contentMatch) preview = contentMatch[1].slice(0, 3e3);
     }
     const truncNote = truncated ? "\n\n<i>...truncated</i>" : "";
     const previewSlice = preview.slice(0, 3e3);
     const isShort = !previewSlice.includes("\n") && previewSlice.length < 100;
-    const previewHtml = isShort ? `<code>${this.escHtml(previewSlice)}</code>` : this.escHtml(previewSlice);
+    const langAttr = lang ? ` class="language-${lang}"` : "";
+    const previewHtml = kind === "prose" ? this.mdToHtml(previewSlice) : isShort ? `<code>${this.escHtml(previewSlice)}</code>` : `<pre><code${langAttr}>${this.escHtml(previewSlice)}</code></pre>`;
     let displayTool = toolName;
     if ((toolName.endsWith("__notify") || toolName === "notify") && inputPreview) {
       try {
@@ -568,6 +593,40 @@ ${label}`);
   escHtml(s) {
     return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   }
+  static LANG_BY_EXT = {
+    js: "javascript",
+    mjs: "javascript",
+    cjs: "javascript",
+    jsx: "javascript",
+    ts: "typescript",
+    tsx: "typescript",
+    py: "python",
+    rb: "ruby",
+    go: "go",
+    java: "java",
+    kt: "kotlin",
+    rs: "rust",
+    php: "php",
+    cs: "csharp",
+    sh: "bash",
+    bash: "bash",
+    zsh: "bash",
+    ps1: "powershell",
+    json: "json",
+    yml: "yaml",
+    yaml: "yaml",
+    xml: "xml",
+    sql: "sql",
+    md: "markdown",
+    html: "html",
+    vue: "html",
+    css: "css",
+    scss: "scss"
+  };
+  langOf(path5) {
+    const m = /\.([a-z0-9]+)$/i.exec(path5 || "");
+    return m ? _TelegramBot.LANG_BY_EXT[m[1].toLowerCase()] ?? "" : "";
+  }
   /** Convert markdown to Telegram HTML (escape first, then apply formatting) */
   mdToHtml(s) {
     let text = s.replace(
@@ -995,7 +1054,7 @@ var HubServer = class {
         this.sessions.register(session);
         this.channelSockets.set(session.id, ws);
         if (isLocal) this.localChannels.add(session.id);
-        logger.info(`Session registered: ${session.id} (${session.name}, channel: ${session.channelEnabled ?? false})`);
+        logger.info(`Session registered: ${session.id} (${session.name}, channel: ${session.channelEnabled ?? false}, peer: ${session.peerName ?? "-"})`);
         this.broadcastToDashboards({
           type: isReregister ? "session_updated" : "session_connected",
           session
@@ -1009,6 +1068,15 @@ var HubServer = class {
         }
         break;
       }
+      case "peer_name": {
+        if (this.channelSockets.get(msg.sessionId) !== ws) break;
+        const updated = this.sessions.setPeerName(msg.sessionId, msg.peerName);
+        if (updated) {
+          logger.info(`Peer name for ${msg.sessionId}: ${msg.peerName ?? "-"}`);
+          this.broadcastToDashboards({ type: "session_updated", session: updated });
+        }
+        break;
+      }
       case "notify": {
         this.sessions.updateActivity(msg.sessionId);
         const notifySession = this.sessions.get(msg.sessionId);