@agent-link/server 0.1.187 → 0.1.188

package/web/modules/filePreview.js

@@ -1,213 +0,0 @@
-// ── File Preview: panel state, content rendering, resize handle ────────
-
-/**
- * Creates the file preview controller.
- * @param {object} deps - Reactive state and callbacks
- */
-export function createFilePreview(deps) {
-  const {
-    wsSend,
-    previewPanelOpen,
-    previewPanelWidth,
-    previewFile,
-    previewLoading,
-    previewMarkdownRendered,
-    sidebarView,
-    sidebarOpen,
-    isMobile,
-    renderMarkdown,
-  } = deps;
-
-  // ── Open / Close ──
-
-  function openPreview(filePath) {
-    // Skip re-fetch if same file already loaded
-    if (previewFile.value && previewFile.value.filePath === filePath && !previewFile.value.error) {
-      if (isMobile.value) {
-        sidebarView.value = 'preview';
-        sidebarOpen.value = true;
-      } else {
-        previewPanelOpen.value = true;
-      }
-      return;
-    }
-    if (isMobile.value) {
-      sidebarView.value = 'preview';
-      sidebarOpen.value = true;
-    } else {
-      previewPanelOpen.value = true;
-    }
-    previewLoading.value = true;
-    previewFile.value = null;
-    wsSend({ type: 'read_file', filePath });
-  }
-
-  function closePreview() {
-    if (isMobile.value) {
-      sidebarView.value = 'files';
-    } else {
-      previewPanelOpen.value = false;
-    }
-  }
-
-  // ── Handle file_content response ──
-
-  function handleFileContent(msg) {
-    previewLoading.value = false;
-    previewMarkdownRendered.value = false;
-    previewFile.value = {
-      filePath: msg.filePath,
-      fileName: msg.fileName,
-      content: msg.content,
-      encoding: msg.encoding,
-      mimeType: msg.mimeType,
-      truncated: msg.truncated,
-      totalSize: msg.totalSize,
-      error: msg.error || null,
-    };
-  }
-
-  // ── Workdir changed → close preview ──
-
-  function onWorkdirChanged() {
-    previewPanelOpen.value = false;
-    previewFile.value = null;
-    previewLoading.value = false;
-    if (sidebarView.value === 'preview') {
-      sidebarView.value = 'sessions';
-    }
-  }
-
-  // ── Syntax highlighting helpers ──
-
-  const LANG_MAP = {
-    ts: 'typescript', tsx: 'typescript', js: 'javascript', jsx: 'javascript',
-    mjs: 'javascript', cjs: 'javascript', py: 'python', rb: 'ruby',
-    rs: 'rust', go: 'go', java: 'java', c: 'c', h: 'c',
-    cpp: 'cpp', hpp: 'cpp', cs: 'csharp', swift: 'swift', kt: 'kotlin',
-    lua: 'lua', r: 'r', sql: 'sql', sh: 'bash', bash: 'bash', zsh: 'bash',
-    fish: 'bash', ps1: 'powershell', bat: 'dos', cmd: 'dos',
-    json: 'json', json5: 'json', yaml: 'yaml', yml: 'yaml', toml: 'ini',
-    xml: 'xml', html: 'xml', htm: 'xml', css: 'css', scss: 'scss', less: 'less',
-    md: 'markdown', txt: 'plaintext', log: 'plaintext', graphql: 'graphql',
-    proto: 'protobuf', vue: 'xml', svelte: 'xml', ini: 'ini', cfg: 'ini',
-    conf: 'ini', env: 'bash',
-  };
-
-  function detectLanguage(fileName) {
-    const ext = (fileName || '').split('.').pop()?.toLowerCase();
-    return LANG_MAP[ext] || ext || 'plaintext';
-  }
-
-  function highlightCode(code, fileName) {
-    if (!code) return '';
-    if (!window.hljs) return escapeHtml(code);
-    const lang = detectLanguage(fileName);
-    try {
-      return window.hljs.highlight(code, { language: lang }).value;
-    } catch {
-      try {
-        return window.hljs.highlightAuto(code).value;
-      } catch {
-        return escapeHtml(code);
-      }
-    }
-  }
-
-  function escapeHtml(str) {
-    return str
-      .replace(/&/g, '&')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;');
-  }
-
-  // ── File size formatting ──
-
-  function formatFileSize(bytes) {
-    if (bytes == null) return '';
-    if (bytes < 1024) return bytes + ' B';
-    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
-    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
-  }
-
-  // ── Resize handle (mouse + touch) ──
-
-  let _resizing = false;
-  let _startX = 0;
-  let _startWidth = 0;
-  const MIN_WIDTH = 200;
-  const MAX_WIDTH = 800;
-
-  function onResizeStart(e) {
-    e.preventDefault();
-    _resizing = true;
-    _startX = e.type === 'touchstart' ? e.touches[0].clientX : e.clientX;
-    _startWidth = previewPanelWidth.value;
-    document.body.style.cursor = 'col-resize';
-    document.body.style.userSelect = 'none';
-    if (e.type === 'touchstart') {
-      document.addEventListener('touchmove', onResizeMove, { passive: false });
-      document.addEventListener('touchend', onResizeEnd);
-    } else {
-      document.addEventListener('mousemove', onResizeMove);
-      document.addEventListener('mouseup', onResizeEnd);
-    }
-  }
-
-  function onResizeMove(e) {
-    if (!_resizing) return;
-    if (e.type === 'touchmove') e.preventDefault();
-    const clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
-    // Left edge resize: dragging left = wider, dragging right = narrower
-    const delta = _startX - clientX;
-    const newWidth = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, _startWidth + delta));
-    previewPanelWidth.value = newWidth;
-  }
-
-  function onResizeEnd() {
-    if (!_resizing) return;
-    _resizing = false;
-    document.body.style.cursor = '';
-    document.body.style.userSelect = '';
-    document.removeEventListener('mousemove', onResizeMove);
-    document.removeEventListener('mouseup', onResizeEnd);
-    document.removeEventListener('touchmove', onResizeMove);
-    document.removeEventListener('touchend', onResizeEnd);
-    localStorage.setItem('agentlink-preview-panel-width', String(previewPanelWidth.value));
-  }
-
-  // ── Markdown preview ──
-
-  function isMarkdownFile(fileName) {
-    const ext = (fileName || '').split('.').pop()?.toLowerCase();
-    return ext === 'md' || ext === 'mdx';
-  }
-
-  function renderedMarkdownHtml(content) {
-    return renderMarkdown(content || '');
-  }
-
-  /** Force re-fetch the currently open preview file (e.g. after editing) */
-  function refreshPreview() {
-    if (!previewFile.value?.filePath) return;
-    const filePath = previewFile.value.filePath;
-    previewFile.value = null;
-    previewLoading.value = true;
-    wsSend({ type: 'read_file', filePath });
-  }
-
-  return {
-    openPreview,
-    closePreview,
-    refreshPreview,
-    handleFileContent,
-    onWorkdirChanged,
-    detectLanguage,
-    highlightCode,
-    formatFileSize,
-    onResizeStart,
-    isMarkdownFile,
-    renderedMarkdownHtml,
-  };
-}

package/web/modules/i18n.js

@@ -1,101 +0,0 @@
-// ── Lightweight i18n module ─────────────────────────────────────────────────
-const { ref, computed } = Vue;
-
-/**
- * Creates i18n functionality: t() translator, locale switching, persistence.
- * Locale data is loaded dynamically from /locales/<lang>.json.
- *
- * @returns {{ t: Function, locale: import('vue').Ref<string>, setLocale: Function }}
- */
-export function createI18n() {
-  const STORAGE_KEY = 'agentlink-language';
-  const SUPPORTED = ['en', 'zh'];
-  const DEFAULT_LOCALE = 'en';
-
-  // Detect initial locale
-  function detectLocale() {
-    // 1. Explicit user choice
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored && SUPPORTED.includes(stored)) return stored;
-
-    // 2. Browser preference
-    const nav = (navigator.language || '').toLowerCase();
-    if (nav.startsWith('zh')) return 'zh';
-
-    // 3. Default
-    return DEFAULT_LOCALE;
-  }
-
-  const locale = ref(detectLocale());
-  const _messages = ref({});
-  let _loadedLocale = null;
-
-  // Load locale JSON
-  async function loadMessages(lang) {
-    if (_loadedLocale === lang && Object.keys(_messages.value).length > 0) return;
-    try {
-      const resp = await fetch(`/locales/${lang}.json`);
-      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
-      _messages.value = await resp.json();
-      _loadedLocale = lang;
-    } catch (e) {
-      console.warn(`[i18n] Failed to load locale "${lang}":`, e);
-      // Fallback: try loading English
-      if (lang !== DEFAULT_LOCALE) {
-        try {
-          const resp = await fetch(`/locales/${DEFAULT_LOCALE}.json`);
-          if (resp.ok) {
-            _messages.value = await resp.json();
-            _loadedLocale = DEFAULT_LOCALE;
-          }
-        } catch { /* give up */ }
-      }
-    }
-  }
-
-  /**
-   * Translate a key, with optional parameter substitution.
-   * Returns the key itself if no translation is found (fallback).
-   *
-   * @param {string} key - Dot-notation key, e.g. "button.send"
-   * @param {object} [params] - Substitution params, e.g. { n: 5 }
-   * @returns {string}
-   */
-  function t(key, params) {
-    let str = _messages.value[key];
-    if (str === undefined) return key;
-    if (params) {
-      for (const [k, v] of Object.entries(params)) {
-        str = str.replace(new RegExp(`\\{${k}\\}`, 'g'), String(v));
-      }
-    }
-    return str;
-  }
-
-  /**
-   * Switch locale, persist choice, and reload strings.
-   * @param {string} lang
-   */
-  async function setLocale(lang) {
-    if (!SUPPORTED.includes(lang)) return;
-    locale.value = lang;
-    localStorage.setItem(STORAGE_KEY, lang);
-    await loadMessages(lang);
-  }
-
-  /**
-   * Toggle between supported locales (EN ↔ 中).
-   */
-  async function toggleLocale() {
-    const next = locale.value === 'en' ? 'zh' : 'en';
-    await setLocale(next);
-  }
-
-  // The display label for the language switcher button
-  const localeLabel = computed(() => locale.value === 'en' ? 'EN' : '中');
-
-  // Load initial messages
-  loadMessages(locale.value);
-
-  return { t, locale, setLocale, toggleLocale, localeLabel };
-}

package/web/modules/loop.js

@@ -1,338 +0,0 @@
-// ── Loop mode: state management and message routing ───────────────────────────
-const { ref, computed } = Vue;
-
-import { buildHistoryBatch } from './backgroundRouting.js';
-
-/**
- * Creates the Loop mode controller.
- * @param {object} deps
- * @param {Function} deps.wsSend
- * @param {Function} deps.scrollToBottom
- */
-export function createLoop(deps) {
-  const { wsSend, scrollToBottom, loadingLoops } = deps;
-
-  // ── Reactive state ──────────────────────────────────
-
-  /** @type {import('vue').Ref<Array>} All Loop definitions from agent */
-  const loopsList = ref([]);
-
-  /** @type {import('vue').Ref<object|null>} Loop selected for detail view */
-  const selectedLoop = ref(null);
-
-  /** @type {import('vue').Ref<string|null>} Execution ID selected for replay */
-  const selectedExecution = ref(null);
-
-  /** @type {import('vue').Ref<Array>} Execution history for selectedLoop */
-  const executionHistory = ref([]);
-
-  /** @type {import('vue').Ref<Array>} Messages for selectedExecution replay */
-  const executionMessages = ref([]);
-
-  /** @type {import('vue').Ref<object>} loopId -> LoopExecution for currently running */
-  const runningLoops = ref({});
-
-  /** @type {import('vue').Ref<boolean>} Loading execution list */
-  const loadingExecutions = ref(false);
-
-  /** @type {import('vue').Ref<boolean>} Loading single execution detail */
-  const loadingExecution = ref(false);
-
-  /** @type {import('vue').Ref<string|null>} Loop being edited (loopId) or null for new */
-  const editingLoopId = ref(null);
-
-  /** @type {import('vue').Ref<string>} Error message from last loop operation (create/update) */
-  const loopError = ref('');
-
-  /** @type {number} Current execution history page limit */
-  let execPageLimit = 20;
-
-  /** @type {import('vue').Ref<boolean>} Whether more execution history may be available */
-  const hasMoreExecutions = ref(false);
-
-  /** @type {import('vue').Ref<boolean>} Loading more executions via pagination */
-  const loadingMoreExecutions = ref(false);
-
-  // ── Computed ──────────────────────────────────────
-
-  /** Whether any Loop execution is currently running */
-  const hasRunningLoop = computed(() => Object.keys(runningLoops.value).length > 0);
-
-  /** Get the first running loop for notification banner */
-  const firstRunningLoop = computed(() => {
-    const entries = Object.entries(runningLoops.value);
-    if (entries.length === 0) return null;
-    const [loopId, execution] = entries[0];
-    const loop = loopsList.value.find(l => l.id === loopId);
-    return { loopId, execution, name: loop?.name || 'Unknown' };
-  });
-
-  // ── Loop CRUD ─────────────────────────────────────
-
-  function createNewLoop(config) {
-    wsSend({ type: 'create_loop', ...config });
-  }
-
-  function updateExistingLoop(loopId, updates) {
-    wsSend({ type: 'update_loop', loopId, updates });
-  }
-
-  function deleteExistingLoop(loopId) {
-    wsSend({ type: 'delete_loop', loopId });
-  }
-
-  function toggleLoop(loopId) {
-    const loop = loopsList.value.find(l => l.id === loopId);
-    if (!loop) return;
-    wsSend({ type: 'update_loop', loopId, updates: { enabled: !loop.enabled } });
-  }
-
-  function runNow(loopId) {
-    wsSend({ type: 'run_loop', loopId });
-  }
-
-  function cancelExecution(loopId) {
-    wsSend({ type: 'cancel_loop_execution', loopId });
-  }
-
-  function requestLoopsList() {
-    if (loadingLoops) loadingLoops.value = true;
-    wsSend({ type: 'list_loops' });
-  }
-
-  // ── Navigation ────────────────────────────────────
-
-  function viewLoopDetail(loopId) {
-    const loop = loopsList.value.find(l => l.id === loopId);
-    if (!loop) return;
-    selectedLoop.value = { ...loop };
-    selectedExecution.value = null;
-    executionMessages.value = [];
-    executionHistory.value = [];
-    loadingExecutions.value = true;
-    editingLoopId.value = null;
-    execPageLimit = 20;
-    hasMoreExecutions.value = false;
-    wsSend({ type: 'list_loop_executions', loopId, limit: execPageLimit });
-  }
-
-  function viewExecution(loopId, executionId) {
-    selectedExecution.value = executionId;
-    loadingExecution.value = true;
-    executionMessages.value = [];
-    wsSend({ type: 'get_loop_execution_messages', loopId, executionId });
-  }
-
-  function backToLoopsList() {
-    selectedLoop.value = null;
-    selectedExecution.value = null;
-    executionHistory.value = [];
-    executionMessages.value = [];
-    editingLoopId.value = null;
-  }
-
-  function backToLoopDetail() {
-    selectedExecution.value = null;
-    executionMessages.value = [];
-  }
-
-  function startEditing(loopId) {
-    editingLoopId.value = loopId;
-  }
-
-  function cancelEditing() {
-    editingLoopId.value = null;
-  }
-
-  function loadMoreExecutions() {
-    if (!selectedLoop.value || loadingMoreExecutions.value) return;
-    loadingMoreExecutions.value = true;
-    execPageLimit *= 2;
-    wsSend({ type: 'list_loop_executions', loopId: selectedLoop.value.id, limit: execPageLimit });
-  }
-
-  function clearLoopError() {
-    loopError.value = '';
-  }
-
-  // ── Live output accumulation ─────────────────────
-
-  /** Message ID counter for live execution messages */
-  let liveMsgIdCounter = 0;
-
-  /**
-   * Append a Claude output message to the live execution display.
-   * Mirrors the team.js handleTeamAgentOutput accumulation logic.
-   */
-  function appendOutputToDisplay(data) {
-    if (!data) return;
-    const msgs = executionMessages.value;
-
-    if (data.type === 'content_block_delta' && data.delta) {
-      const last = msgs.length > 0 ? msgs[msgs.length - 1] : null;
-      if (last && last.role === 'assistant' && last.isStreaming) {
-        last.content += data.delta;
-      } else {
-        msgs.push({
-          id: ++liveMsgIdCounter, role: 'assistant',
-          content: data.delta, isStreaming: true, timestamp: Date.now(),
-        });
-      }
-    } else if (data.type === 'tool_use' && data.tools) {
-      const last = msgs.length > 0 ? msgs[msgs.length - 1] : null;
-      if (last && last.role === 'assistant' && last.isStreaming) {
-        last.isStreaming = false;
-      }
-      for (const tool of data.tools) {
-        msgs.push({
-          id: ++liveMsgIdCounter, role: 'tool',
-          toolId: tool.id, toolName: tool.name || 'unknown',
-          toolInput: tool.input ? JSON.stringify(tool.input, null, 2) : '',
-          hasResult: false, expanded: true, timestamp: Date.now(),
-        });
-      }
-    } else if (data.type === 'user' && data.tool_use_result) {
-      const result = data.tool_use_result;
-      const results = Array.isArray(result) ? result : [result];
-      for (const r of results) {
-        const toolMsg = msgs.find(m => m.role === 'tool' && m.toolId === r.tool_use_id);
-        if (toolMsg) {
-          toolMsg.toolOutput = typeof r.content === 'string'
-            ? r.content : JSON.stringify(r.content, null, 2);
-          toolMsg.hasResult = true;
-        }
-      }
-    }
-
-    scrollToBottom();
-  }
-
-  // ── Message routing ───────────────────────────────
-
-  /**
-   * Handle incoming Loop-related messages from the WebSocket.
-   * Returns true if the message was consumed.
-   */
-  function handleLoopMessage(msg) {
-    switch (msg.type) {
-      case 'loops_list':
-        loopsList.value = msg.loops || [];
-        return true;
-
-      case 'loop_created':
-        loopsList.value.push(msg.loop);
-        loopError.value = '';
-        return true;
-
-      case 'loop_updated': {
-        const idx = loopsList.value.findIndex(l => l.id === msg.loop.id);
-        if (idx >= 0) loopsList.value[idx] = msg.loop;
-        if (selectedLoop.value?.id === msg.loop.id) {
-          selectedLoop.value = { ...msg.loop };
-        }
-        editingLoopId.value = null;
-        loopError.value = '';
-        return true;
-      }
-
-      case 'loop_deleted':
-        loopsList.value = loopsList.value.filter(l => l.id !== msg.loopId);
-        if (selectedLoop.value?.id === msg.loopId) backToLoopsList();
-        return true;
-
-      case 'loop_execution_started':
-        runningLoops.value = { ...runningLoops.value, [msg.loopId]: msg.execution };
-        // If viewing this loop's detail, prepend to history
-        if (selectedLoop.value?.id === msg.loopId) {
-          executionHistory.value.unshift(msg.execution);
-        }
-        return true;
-
-      case 'loop_execution_output':
-        // If user is viewing this execution live, append to display
-        if (selectedExecution.value === msg.executionId) {
-          appendOutputToDisplay(msg.data);
-        }
-        return true;
-
-      case 'loop_execution_completed': {
-        const newRunning = { ...runningLoops.value };
-        delete newRunning[msg.loopId];
-        runningLoops.value = newRunning;
-        // Update execution in history list
-        if (selectedLoop.value?.id === msg.loopId) {
-          const idx = executionHistory.value.findIndex(e => e.id === msg.execution.id);
-          if (idx >= 0) executionHistory.value[idx] = msg.execution;
-        }
-        // Finalize streaming message
-        const msgs = executionMessages.value;
-        if (msgs.length > 0) {
-          const last = msgs[msgs.length - 1];
-          if (last.role === 'assistant' && last.isStreaming) {
-            last.isStreaming = false;
-          }
-        }
-        // Update Loop's lastExecution in sidebar list
-        const loop = loopsList.value.find(l => l.id === msg.loopId);
-        if (loop) {
-          loop.lastExecution = {
-            id: msg.execution.id,
-            status: msg.execution.status,
-            startedAt: msg.execution.startedAt,
-            durationMs: msg.execution.durationMs,
-            trigger: msg.execution.trigger,
-          };
-        }
-        return true;
-      }
-
-      case 'loop_executions_list':
-        if (selectedLoop.value?.id === msg.loopId) {
-          const execs = msg.executions || [];
-          executionHistory.value = execs;
-          loadingExecutions.value = false;
-          loadingMoreExecutions.value = false;
-          hasMoreExecutions.value = execs.length >= execPageLimit;
-        }
-        return true;
-
-      case 'loop_execution_messages':
-        if (selectedExecution.value === msg.executionId) {
-          if (msg.messages && msg.messages.length > 0) {
-            let idCounter = 0;
-            executionMessages.value = buildHistoryBatch(msg.messages, () => ++idCounter);
-            liveMsgIdCounter = idCounter;
-          } else {
-            executionMessages.value = [];
-          }
-          loadingExecution.value = false;
-          scrollToBottom();
-        }
-        return true;
-
-      default:
-        return false;
-    }
-  }
-
-  return {
-    // State
-    loopsList, selectedLoop, selectedExecution,
-    executionHistory, executionMessages, runningLoops,
-    loadingExecutions, loadingExecution, editingLoopId,
-    loopError, hasMoreExecutions, loadingMoreExecutions,
-    // Computed
-    hasRunningLoop, firstRunningLoop,
-    // CRUD
-    createNewLoop, updateExistingLoop, deleteExistingLoop,
-    toggleLoop, runNow, cancelExecution, requestLoopsList,
-    // Navigation
-    viewLoopDetail, viewExecution,
-    backToLoopsList, backToLoopDetail,
-    startEditing, cancelEditing,
-    // Pagination & errors
-    loadMoreExecutions, clearLoopError,
-    // Message routing
-    handleLoopMessage,
-  };
-}