@agent-link/server 0.1.186 → 0.1.188

package/web/modules/messageHelpers.js

@@ -1,206 +0,0 @@
-// ── Message helpers: formatting, tool summaries, diff display ─────────────────
-import { renderMarkdown } from './markdown.js';
-
-// ── Helpers ──────────────────────────────────────────────────────────────────
-const CONTEXT_SUMMARY_PREFIX = 'This session is being continued from a previous conversation';
-
-function parseToolInput(msg) {
-  if (msg._parsedInput !== undefined) return msg._parsedInput;
-  try { msg._parsedInput = JSON.parse(msg.toolInput); }
-  catch { msg._parsedInput = null; }
-  return msg._parsedInput;
-}
-
-export function isContextSummary(text) {
-  return typeof text === 'string' && text.trimStart().startsWith(CONTEXT_SUMMARY_PREFIX);
-}
-
-export function formatRelativeTime(ts, t) {
-  const diff = Date.now() - ts;
-  const mins = Math.floor(diff / 60000);
-  if (mins < 1) return t ? t('time.justNow') : 'just now';
-  if (mins < 60) return t ? t('time.minutesAgo', { n: mins }) : `${mins}m ago`;
-  const hours = Math.floor(mins / 60);
-  if (hours < 24) return t ? t('time.hoursAgo', { n: hours }) : `${hours}h ago`;
-  const days = Math.floor(hours / 24);
-  if (days < 30) return t ? t('time.daysAgo', { n: days }) : `${days}d ago`;
-  return new Date(ts).toLocaleDateString();
-}
-
-export function formatTimestamp(ts) {
-  if (!ts) return '';
-  const d = ts instanceof Date ? ts : new Date(ts);
-  return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) + ' · ' + d.toLocaleDateString();
-}
-
-export function getRenderedContent(msg) {
-  if (msg.role !== 'assistant' && !msg.isCommandOutput) return msg.content;
-  if (msg.isStreaming) {
-    const t = msg.content || '';
-    return t.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>');
-  }
-  return renderMarkdown(msg.content);
-}
-
-export async function copyMessage(msg) {
-  try {
-    await navigator.clipboard.writeText(msg.content);
-    msg.copied = true;
-    setTimeout(() => { msg.copied = false; }, 2000);
-  } catch {}
-}
-
-export function isPrevAssistant(visibleMessages, idx) {
-  if (idx <= 0) return false;
-  const prev = visibleMessages[idx - 1];
-  return prev && (prev.role === 'assistant' || prev.role === 'tool');
-}
-
-export function toggleContextSummary(msg) {
-  msg.contextExpanded = !msg.contextExpanded;
-}
-
-export function toggleTool(msg) {
-  msg.expanded = !msg.expanded;
-}
-
-export function getToolSummary(msg, t) {
-  const name = msg.toolName;
-  const obj = parseToolInput(msg);
-  if (!obj) return '';
-  try {
-    if (name === 'Read' && obj.file_path) return obj.file_path;
-    if (name === 'Edit' && obj.file_path) return obj.file_path;
-    if (name === 'Write' && obj.file_path) return obj.file_path;
-    if (name === 'Bash' && obj.command) return obj.command.length > 60 ? obj.command.slice(0, 60) + '...' : obj.command;
-    if (name === 'Glob' && obj.pattern) return obj.pattern;
-    if (name === 'Grep' && obj.pattern) return obj.pattern;
-    if (name === 'TodoWrite' && obj.todos) {
-      const doneCount = obj.todos.filter(td => td.status === 'completed').length;
-      return t ? t('tool.done', { done: doneCount, total: obj.todos.length }) : `${doneCount}/${obj.todos.length} done`;
-    }
-    if (name === 'Task' && obj.description) return obj.description;
-    if (name === 'Agent' && obj.description) return obj.description;
-    if (name === 'Agent' && obj.prompt) return obj.prompt.length > 80 ? obj.prompt.slice(0, 80) + '...' : obj.prompt;
-    if (name === 'WebSearch' && obj.query) return obj.query;
-    if (name === 'WebFetch' && obj.url) return obj.url.length > 60 ? obj.url.slice(0, 60) + '...' : obj.url;
-  } catch {}
-  return '';
-}
-
-export function isEditTool(msg) {
-  return msg.role === 'tool' && msg.toolName === 'Edit' && msg.toolInput;
-}
-
-export function getFormattedToolInput(msg, t) {
-  if (!msg.toolInput) return null;
-  const obj = parseToolInput(msg);
-  if (!obj) return null;
-  try {
-    const esc = s => s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
-    const name = msg.toolName;
-
-    if (name === 'Read' && obj.file_path) {
-      let detail = esc(obj.file_path);
-      if (obj.offset && obj.limit) {
-        const meta = t ? t('tool.lines', { start: obj.offset, end: obj.offset + obj.limit - 1 }) : `lines ${obj.offset}\u2013${obj.offset + obj.limit - 1}`;
-        detail += `  <span class="tool-input-meta">${meta}</span>`;
-      } else if (obj.offset) {
-        const meta = t ? t('tool.fromLine', { offset: obj.offset }) : `from line ${obj.offset}`;
-        detail += `  <span class="tool-input-meta">${meta}</span>`;
-      } else if (obj.limit) {
-        const meta = t ? t('tool.firstLines', { limit: obj.limit }) : `first ${obj.limit} lines`;
-        detail += `  <span class="tool-input-meta">${meta}</span>`;
-      }
-      return detail;
-    }
-
-    if (name === 'Write' && obj.file_path) {
-      const lines = (obj.content || '').split('\n').length;
-      const lineCount = t ? t('tool.lineCount', { n: lines }) : `${lines} lines`;
-      return esc(obj.file_path) + `  <span class="tool-input-meta">${lineCount}</span>`;
-    }
-
-    if (name === 'Bash' && obj.command) {
-      let html = '<code class="tool-input-cmd">' + esc(obj.command) + '</code>';
-      if (obj.description) html = '<span class="tool-input-meta">' + esc(obj.description) + '</span> ' + html;
-      return html;
-    }
-
-    if (name === 'Glob' && obj.pattern) {
-      let html = '<code class="tool-input-cmd">' + esc(obj.pattern) + '</code>';
-      if (obj.path) html += '  <span class="tool-input-meta">' + (t ? t('tool.inPath', { path: esc(obj.path) }) : 'in ' + esc(obj.path)) + '</span>';
-      return html;
-    }
-
-    if (name === 'Grep' && obj.pattern) {
-      let html = '<code class="tool-input-cmd">' + esc(obj.pattern) + '</code>';
-      if (obj.path) html += '  <span class="tool-input-meta">' + (t ? t('tool.inPath', { path: esc(obj.path) }) : 'in ' + esc(obj.path)) + '</span>';
-      return html;
-    }
-
-    if (name === 'TodoWrite' && Array.isArray(obj.todos)) {
-      let html = '<div class="todo-list">';
-      for (const t of obj.todos) {
-        const s = t.status;
-        const icon = s === 'completed' ? '<span class="todo-icon done">\u2713</span>'
-          : s === 'in_progress' ? '<span class="todo-icon active">\u25CF</span>'
-          : '<span class="todo-icon">\u25CB</span>';
-        const cls = s === 'completed' ? ' todo-done' : s === 'in_progress' ? ' todo-active' : '';
-        html += '<div class="todo-item' + cls + '">' + icon + '<span class="todo-text">' + esc(t.content || t.activeForm || '') + '</span></div>';
-      }
-      html += '</div>';
-      return html;
-    }
-
-    if (name === 'Task' || name === 'Agent') {
-      let html = '';
-      const descLabel = t ? t('tool.description') : 'Description';
-      const agentLabel = t ? t('tool.agent') : 'Agent';
-      const promptLabel = t ? t('tool.prompt') : 'Prompt';
-      if (obj.description) html += '<div class="task-field"><span class="tool-input-meta">' + descLabel + '</span> ' + esc(obj.description) + '</div>';
-      if (obj.subagent_type) html += '<div class="task-field"><span class="tool-input-meta">' + agentLabel + '</span> <code class="tool-input-cmd">' + esc(obj.subagent_type) + '</code></div>';
-      if (obj.prompt) {
-        html += '<div class="task-field"><span class="tool-input-meta">' + promptLabel + '</span></div><div class="task-prompt">' + esc(obj.prompt) + '</div>';
-      }
-      if (html) return html;
-    }
-
-    if (name === 'WebSearch' && obj.query) {
-      return '<code class="tool-input-cmd">' + esc(obj.query) + '</code>';
-    }
-
-    if (name === 'WebFetch' && obj.url) {
-      let html = '<a class="tool-link" href="' + esc(obj.url) + '" target="_blank" rel="noopener">' + esc(obj.url) + '</a>';
-      if (obj.prompt) html += '<div class="task-field"><span class="tool-input-meta">' + esc(obj.prompt) + '</span></div>';
-      return html;
-    }
-
-  } catch {}
-  return null;
-}
-
-export function getEditDiffHtml(msg, t) {
-  const obj = parseToolInput(msg);
-  if (!obj) return null;
-  try {
-    if (!obj.old_string && !obj.new_string) return null;
-    const esc = s => s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
-    const filePath = obj.file_path || '';
-    const oldLines = (obj.old_string || '').split('\n');
-    const newLines = (obj.new_string || '').split('\n');
-    let html = '';
-    if (filePath) {
-      html += '<div class="diff-file">' + esc(filePath) + (obj.replace_all ? ' <span class="diff-replace-all">' + (t ? t('tool.replaceAll') : '(replace all)') + '</span>' : '') + '</div>';
-    }
-    html += '<div class="diff-lines">';
-    for (const line of oldLines) {
-      html += '<div class="diff-removed">' + '<span class="diff-sign">-</span>' + esc(line) + '</div>';
-    }
-    for (const line of newLines) {
-      html += '<div class="diff-added">' + '<span class="diff-sign">+</span>' + esc(line) + '</div>';
-    }
-    html += '</div>';
-    return html;
-  } catch { return null; }
-}

package/web/modules/sidebar.js

@@ -1,402 +0,0 @@
-// ── Sidebar: session management, folder picker, grouped sessions ─────────────
-const { computed } = Vue;
-
-/**
- * Creates sidebar functionality bound to reactive state.
- * @param {object} deps
- * @param {Function} deps.wsSend
- * @param {import('vue').Ref} deps.messages
- * @param {import('vue').Ref} deps.isProcessing
- * @param {import('vue').Ref} deps.sidebarOpen
- * @param {import('vue').Ref} deps.historySessions
- * @param {import('vue').Ref} deps.currentClaudeSessionId
- * @param {import('vue').Ref} deps.needsResume
- * @param {import('vue').Ref} deps.loadingSessions
- * @param {import('vue').Ref} deps.loadingHistory
- * @param {import('vue').Ref} deps.workDir
- * @param {import('vue').Ref} deps.visibleLimit
- * @param {import('vue').Ref} deps.folderPickerOpen
- * @param {import('vue').Ref} deps.folderPickerPath
- * @param {import('vue').Ref} deps.folderPickerEntries
- * @param {import('vue').Ref} deps.folderPickerLoading
- * @param {import('vue').Ref} deps.folderPickerSelected
- * @param {object} deps.streaming - streaming controller
- * @param {import('vue').Ref} deps.hostname
- * @param {import('vue').Ref} deps.workdirHistory
- */
-export function createSidebar(deps) {
-  const {
-    wsSend, messages, isProcessing, sidebarOpen,
-    historySessions, currentClaudeSessionId, needsResume,
-    loadingSessions, loadingHistory, workDir, visibleLimit,
-    folderPickerOpen, folderPickerPath, folderPickerEntries,
-    folderPickerLoading, folderPickerSelected, streaming,
-    hostname, workdirHistory, workdirSwitching,
-    // Multi-session parallel
-    currentConversationId, conversationCache, processingConversations,
-    switchConversation,
-    // i18n
-    t,
-  } = deps;
-
-  // Late-binding callback: called when user switches to a normal chat session
-  let _onSwitchToChat = null;
-  function setOnSwitchToChat(fn) { _onSwitchToChat = fn; }
-
-  // ── Workdir switching timeout ──
-  let _workdirSwitchTimer = null;
-  function setWorkdirSwitching() {
-    workdirSwitching.value = true;
-    clearTimeout(_workdirSwitchTimer);
-    _workdirSwitchTimer = setTimeout(() => { workdirSwitching.value = false; }, 10000);
-  }
-
-  // ── Session management ──
-
-  let _sessionListTimer = null;
-
-  function requestSessionList() {
-    // Debounce: coalesce rapid calls (e.g. session_started + turn_completed)
-    // into a single request. First call fires immediately, subsequent calls
-    // within 2s are deferred.
-    if (_sessionListTimer) {
-      clearTimeout(_sessionListTimer);
-      _sessionListTimer = setTimeout(() => {
-        _sessionListTimer = null;
-        loadingSessions.value = true;
-        wsSend({ type: 'list_sessions' });
-      }, 2000);
-      return;
-    }
-    loadingSessions.value = true;
-    wsSend({ type: 'list_sessions' });
-    _sessionListTimer = setTimeout(() => { _sessionListTimer = null; }, 2000);
-  }
-
-  function resumeSession(session) {
-    if (window.innerWidth <= 768) sidebarOpen.value = false;
-    if (_onSwitchToChat) _onSwitchToChat();
-
-    // Multi-session: check if we already have a conversation loaded for this claudeSessionId
-    if (switchConversation && conversationCache) {
-      // Check cache for existing conversation with this claudeSessionId
-      for (const [convId, cached] of Object.entries(conversationCache.value)) {
-        if (cached.claudeSessionId === session.sessionId) {
-          switchConversation(convId);
-          return;
-        }
-      }
-      // Check if current foreground already shows this session
-      if (currentClaudeSessionId.value === session.sessionId) {
-        return;
-      }
-      // Create new conversationId, switch to it, then send resume
-      const newConvId = crypto.randomUUID();
-      switchConversation(newConvId);
-      currentClaudeSessionId.value = session.sessionId;
-      needsResume.value = true;
-      loadingHistory.value = true;
-      wsSend({
-        type: 'resume_conversation',
-        conversationId: newConvId,
-        claudeSessionId: session.sessionId,
-      });
-      return;
-    }
-
-    // Legacy fallback (no multi-session)
-    if (isProcessing.value) return;
-    messages.value = [];
-    visibleLimit.value = 50;
-    streaming.setMessageIdCounter(0);
-    streaming.setStreamingMessageId(null);
-    streaming.reset();
-
-    currentClaudeSessionId.value = session.sessionId;
-    needsResume.value = true;
-    loadingHistory.value = true;
-
-    wsSend({
-      type: 'resume_conversation',
-      claudeSessionId: session.sessionId,
-    });
-  }
-
-  function newConversation() {
-    if (window.innerWidth <= 768) sidebarOpen.value = false;
-    if (_onSwitchToChat) _onSwitchToChat();
-
-    // Multi-session: just switch to a new blank conversation
-    if (switchConversation) {
-      const newConvId = crypto.randomUUID();
-      switchConversation(newConvId);
-      messages.value.push({
-        id: streaming.nextId(), role: 'system',
-        content: t('system.newConversation'),
-        timestamp: new Date(),
-      });
-      return;
-    }
-
-    // Legacy fallback (no multi-session)
-    if (isProcessing.value) return;
-    messages.value = [];
-    visibleLimit.value = 50;
-    streaming.setMessageIdCounter(0);
-    streaming.setStreamingMessageId(null);
-    streaming.reset();
-    currentClaudeSessionId.value = null;
-    needsResume.value = false;
-
-    // Tell the agent to clear its lastClaudeSessionId so the next message
-    // starts a fresh session instead of auto-resuming the previous one.
-    wsSend({ type: 'new_conversation' });
-
-    messages.value.push({
-      id: streaming.nextId(), role: 'system',
-      content: 'New conversation started.',
-      timestamp: new Date(),
-    });
-  }
-
-  function toggleSidebar() {
-    sidebarOpen.value = !sidebarOpen.value;
-  }
-
-  // ── Delete session ──
-
-  /** Session pending delete confirmation (null = dialog closed) */
-  let pendingDeleteSession = null;
-  const deleteConfirmOpen = deps.deleteConfirmOpen;
-  const deleteConfirmTitle = deps.deleteConfirmTitle;
-
-  function deleteSession(session) {
-    if (currentClaudeSessionId.value === session.sessionId) return; // guard: foreground
-    // Guard: check background conversations that are actively processing
-    if (conversationCache) {
-      for (const [, cached] of Object.entries(conversationCache.value)) {
-        if (cached.claudeSessionId === session.sessionId && cached.isProcessing) return;
-      }
-    }
-    pendingDeleteSession = session;
-    deleteConfirmTitle.value = session.title || session.sessionId.slice(0, 8);
-    deleteConfirmOpen.value = true;
-  }
-
-  function confirmDeleteSession() {
-    if (!pendingDeleteSession) return;
-    wsSend({ type: 'delete_session', sessionId: pendingDeleteSession.sessionId });
-    deleteConfirmOpen.value = false;
-    pendingDeleteSession = null;
-  }
-
-  function cancelDeleteSession() {
-    deleteConfirmOpen.value = false;
-    pendingDeleteSession = null;
-  }
-
-  // ── Rename session ──
-
-  const renamingSessionId = deps.renamingSessionId;
-  const renameText = deps.renameText;
-
-  function startRename(session) {
-    renamingSessionId.value = session.sessionId;
-    renameText.value = session.title || '';
-  }
-
-  function confirmRename() {
-    const sid = renamingSessionId.value;
-    const title = renameText.value.trim();
-    if (!sid || !title) {
-      cancelRename();
-      return;
-    }
-    wsSend({ type: 'rename_session', sessionId: sid, newTitle: title });
-    renamingSessionId.value = null;
-    renameText.value = '';
-  }
-
-  function cancelRename() {
-    renamingSessionId.value = null;
-    renameText.value = '';
-  }
-
-  // ── Folder picker ──
-
-  function openFolderPicker() {
-    folderPickerOpen.value = true;
-    folderPickerSelected.value = '';
-    folderPickerLoading.value = true;
-    folderPickerPath.value = workDir.value || '';
-    folderPickerEntries.value = [];
-    wsSend({ type: 'list_directory', dirPath: workDir.value || '' });
-  }
-
-  function loadFolderPickerDir(dirPath) {
-    folderPickerLoading.value = true;
-    folderPickerSelected.value = '';
-    folderPickerEntries.value = [];
-    wsSend({ type: 'list_directory', dirPath });
-  }
-
-  function folderPickerNavigateUp() {
-    if (!folderPickerPath.value) return;
-    const isWin = folderPickerPath.value.includes('\\');
-    const parts = folderPickerPath.value.replace(/[/\\]$/, '').split(/[/\\]/);
-    parts.pop();
-    if (parts.length === 0) {
-      folderPickerPath.value = '';
-      loadFolderPickerDir('');
-    } else if (isWin && parts.length === 1 && /^[A-Za-z]:$/.test(parts[0])) {
-      folderPickerPath.value = parts[0] + '\\';
-      loadFolderPickerDir(parts[0] + '\\');
-    } else {
-      const sep = isWin ? '\\' : '/';
-      const parent = parts.join(sep);
-      folderPickerPath.value = parent;
-      loadFolderPickerDir(parent);
-    }
-  }
-
-  function folderPickerSelectItem(entry) {
-    folderPickerSelected.value = entry.name;
-  }
-
-  function folderPickerEnter(entry) {
-    const sep = folderPickerPath.value.includes('\\') || /^[A-Z]:/.test(entry.name) ? '\\' : '/';
-    let newPath;
-    if (!folderPickerPath.value) {
-      newPath = entry.name + (entry.name.endsWith('\\') ? '' : '\\');
-    } else {
-      newPath = folderPickerPath.value.replace(/[/\\]$/, '') + sep + entry.name;
-    }
-    folderPickerPath.value = newPath;
-    folderPickerSelected.value = '';
-    loadFolderPickerDir(newPath);
-  }
-
-  function folderPickerGoToPath() {
-    const path = folderPickerPath.value.trim();
-    if (!path) {
-      loadFolderPickerDir('');
-      return;
-    }
-    folderPickerSelected.value = '';
-    loadFolderPickerDir(path);
-  }
-
-  function confirmFolderPicker() {
-    let path = folderPickerPath.value;
-    if (!path) return;
-    if (folderPickerSelected.value) {
-      const sep = path.includes('\\') ? '\\' : '/';
-      path = path.replace(/[/\\]$/, '') + sep + folderPickerSelected.value;
-    }
-    folderPickerOpen.value = false;
-    setWorkdirSwitching();
-    wsSend({ type: 'change_workdir', workDir: path });
-  }
-
-  // ── Working directory history ──
-
-  const WORKDIR_HISTORY_MAX = 10;
-
-  function getWorkdirHistoryKey() {
-    return `agentlink-workdir-history-${hostname.value}`;
-  }
-
-  function loadWorkdirHistory() {
-    try {
-      const stored = localStorage.getItem(getWorkdirHistoryKey());
-      workdirHistory.value = stored ? JSON.parse(stored) : [];
-    } catch {
-      workdirHistory.value = [];
-    }
-  }
-
-  function saveWorkdirHistory() {
-    localStorage.setItem(getWorkdirHistoryKey(), JSON.stringify(workdirHistory.value));
-  }
-
-  function addToWorkdirHistory(path) {
-    if (!path) return;
-    const filtered = workdirHistory.value.filter(p => p !== path);
-    filtered.unshift(path);
-    workdirHistory.value = filtered.slice(0, WORKDIR_HISTORY_MAX);
-    saveWorkdirHistory();
-  }
-
-  function removeFromWorkdirHistory(path) {
-    workdirHistory.value = workdirHistory.value.filter(p => p !== path);
-    saveWorkdirHistory();
-  }
-
-  function switchToWorkdir(path) {
-    setWorkdirSwitching();
-    wsSend({ type: 'change_workdir', workDir: path });
-  }
-
-  const filteredWorkdirHistory = computed(() => {
-    return workdirHistory.value.filter(p => p !== workDir.value);
-  });
-
-  // ── isSessionProcessing ──
-  // Used by sidebar template to show processing indicator on session items
-  function isSessionProcessing(claudeSessionId) {
-    if (!conversationCache || !processingConversations) return false;
-    // Check cached background conversations
-    for (const [convId, cached] of Object.entries(conversationCache.value)) {
-      if (cached.claudeSessionId === claudeSessionId && cached.isProcessing) {
-        return true;
-      }
-    }
-    // Check current foreground conversation
-    if (currentClaudeSessionId.value === claudeSessionId && isProcessing.value) {
-      return true;
-    }
-    return false;
-  }
-
-  // ── Grouped sessions ──
-
-  const groupedSessions = computed(() => {
-    if (!historySessions.value.length) return [];
-    const now = new Date();
-    const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
-    const yesterdayStart = todayStart - 86400000;
-    const weekStart = todayStart - 6 * 86400000;
-
-    const GROUP_KEYS = {
-      today: 'session.today',
-      yesterday: 'session.yesterday',
-      thisWeek: 'session.thisWeek',
-      earlier: 'session.earlier',
-    };
-
-    const groups = {};
-    for (const s of historySessions.value) {
-      let key;
-      if (s.lastModified >= todayStart) key = 'today';
-      else if (s.lastModified >= yesterdayStart) key = 'yesterday';
-      else if (s.lastModified >= weekStart) key = 'thisWeek';
-      else key = 'earlier';
-      if (!groups[key]) groups[key] = [];
-      groups[key].push(s);
-    }
-    const order = ['today', 'yesterday', 'thisWeek', 'earlier'];
-    return order.filter(k => groups[k]).map(k => ({ label: t(GROUP_KEYS[k]), sessions: groups[k] }));
-  });
-
-  return {
-    requestSessionList, resumeSession, newConversation, toggleSidebar,
-    setOnSwitchToChat,
-    deleteSession, confirmDeleteSession, cancelDeleteSession,
-    startRename, confirmRename, cancelRename,
-    openFolderPicker, folderPickerNavigateUp, folderPickerSelectItem,
-    folderPickerEnter, folderPickerGoToPath, confirmFolderPicker,
-    groupedSessions, isSessionProcessing,
-    loadWorkdirHistory, addToWorkdirHistory, removeFromWorkdirHistory,
-    switchToWorkdir, filteredWorkdirHistory,
-  };
-}