@agent-link/server 0.1.187 → 0.1.188

package/web/modules/fileAttachments.js

@@ -1,125 +0,0 @@
-// ── File attachment handling ──────────────────────────────────────────────────
-
-const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
-const MAX_FILES = 5;
-const ACCEPTED_EXTENSIONS = [
-  '.pdf', '.json', '.md', '.py', '.js', '.ts', '.tsx', '.jsx', '.css',
-  '.html', '.xml', '.yaml', '.yml', '.toml', '.sh', '.sql', '.csv',
-  '.c', '.cpp', '.h', '.hpp', '.java', '.go', '.rs', '.rb', '.php',
-  '.swift', '.kt', '.scala', '.r', '.m', '.vue', '.svelte', '.txt',
-  '.log', '.cfg', '.ini', '.env', '.gitignore', '.dockerfile',
-];
-
-function isAcceptedFile(file) {
-  if (file.type.startsWith('image/')) return true;
-  if (file.type.startsWith('text/')) return true;
-  const ext = '.' + file.name.split('.').pop().toLowerCase();
-  return ACCEPTED_EXTENSIONS.includes(ext);
-}
-
-export function formatFileSize(bytes) {
-  if (bytes < 1024) return bytes + ' B';
-  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
-  return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
-}
-
-function readFileAsBase64(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => {
-      const base64 = reader.result.split(',')[1];
-      resolve(base64);
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(file);
-  });
-}
-
-/**
- * Creates file attachment handlers bound to Vue reactive state.
- * @param {import('vue').Ref} attachments - ref([])
- * @param {import('vue').Ref} fileInputRef - ref(null)
- * @param {import('vue').Ref} dragOver - ref(false)
- */
-export function createFileAttachments(attachments, fileInputRef, dragOver) {
-
-  async function addFiles(fileList) {
-    const currentCount = attachments.value.length;
-    const remaining = MAX_FILES - currentCount;
-    if (remaining <= 0) return;
-
-    const files = Array.from(fileList).slice(0, remaining);
-    for (const file of files) {
-      if (!isAcceptedFile(file)) continue;
-      if (file.size > MAX_FILE_SIZE) continue;
-      if (attachments.value.some(a => a.name === file.name && a.size === file.size)) continue;
-
-      const data = await readFileAsBase64(file);
-      const isImage = file.type.startsWith('image/');
-      let thumbUrl = null;
-      if (isImage) {
-        thumbUrl = URL.createObjectURL(file);
-      }
-      attachments.value.push({
-        name: file.name,
-        mimeType: file.type || 'application/octet-stream',
-        size: file.size,
-        data,
-        isImage,
-        thumbUrl,
-      });
-    }
-  }
-
-  function removeAttachment(index) {
-    const att = attachments.value[index];
-    if (att.thumbUrl) URL.revokeObjectURL(att.thumbUrl);
-    attachments.value.splice(index, 1);
-  }
-
-  function triggerFileInput() {
-    if (fileInputRef.value) fileInputRef.value.click();
-  }
-
-  function handleFileSelect(e) {
-    if (e.target.files) addFiles(e.target.files);
-    e.target.value = '';
-  }
-
-  function handleDragOver(e) {
-    e.preventDefault();
-    dragOver.value = true;
-  }
-
-  function handleDragLeave(e) {
-    e.preventDefault();
-    dragOver.value = false;
-  }
-
-  function handleDrop(e) {
-    e.preventDefault();
-    dragOver.value = false;
-    if (e.dataTransfer?.files) addFiles(e.dataTransfer.files);
-  }
-
-  function handlePaste(e) {
-    const items = e.clipboardData?.items;
-    if (!items) return;
-    const files = [];
-    for (const item of items) {
-      if (item.kind === 'file') {
-        const file = item.getAsFile();
-        if (file) files.push(file);
-      }
-    }
-    if (files.length > 0) {
-      e.preventDefault();
-      addFiles(files);
-    }
-  }
-
-  return {
-    addFiles, removeAttachment, triggerFileInput, handleFileSelect,
-    handleDragOver, handleDragLeave, handleDrop, handlePaste,
-  };
-}

package/web/modules/fileBrowser.js

@@ -1,398 +0,0 @@
-// ── File Browser: tree state, lazy loading, context menu, file actions ────────
-const { computed, nextTick } = Vue;
-
-/**
- * Creates the file browser controller.
- * @param {object} deps - Reactive state and callbacks
- */
-export function createFileBrowser(deps) {
-  const {
-    wsSend, workDir, inputText, inputRef,
-    filePanelOpen, fileTreeRoot, fileTreeLoading, fileContextMenu,
-    sidebarOpen, sidebarView, filePanelWidth,
-  } = deps;
-
-  // Map of dirPath → TreeNode awaiting directory_listing response
-  const pendingRequests = new Map();
-
-  // ── Tree helpers ──
-
-  function buildPath(parentPath, name) {
-    if (!parentPath) return name;
-    const sep = parentPath.includes('\\') ? '\\' : '/';
-    return parentPath.replace(/[/\\]$/, '') + sep + name;
-  }
-
-  function makeNode(entry, parentPath) {
-    return {
-      path: buildPath(parentPath, entry.name),
-      name: entry.name,
-      type: entry.type,
-      expanded: false,
-      children: entry.type === 'directory' ? null : undefined,
-      loading: false,
-      error: null,
-    };
-  }
-
-  // ── Flattened tree for rendering ──
-
-  const flattenedTree = computed(() => {
-    const root = fileTreeRoot.value;
-    if (!root || !root.children) return [];
-    const result = [];
-    function walk(children, depth) {
-      for (const node of children) {
-        result.push({ node, depth });
-        if (node.type === 'directory' && node.expanded && node.children) {
-          walk(node.children, depth + 1);
-        }
-      }
-    }
-    walk(root.children, 0);
-    return result;
-  });
-
-  // ── Panel open/close ──
-
-  function openPanel() {
-    filePanelOpen.value = true;
-    if (!fileTreeRoot.value || fileTreeRoot.value.path !== workDir.value) {
-      loadRoot();
-    }
-  }
-
-  function closePanel() {
-    filePanelOpen.value = false;
-    closeContextMenu();
-  }
-
-  function togglePanel() {
-    if (filePanelOpen.value) {
-      closePanel();
-    } else {
-      openPanel();
-    }
-  }
-
-  // ── Loading ──
-
-  function loadRoot() {
-    const dir = workDir.value;
-    if (!dir) return;
-    fileTreeLoading.value = true;
-    fileTreeRoot.value = {
-      path: dir,
-      name: dir,
-      type: 'directory',
-      expanded: true,
-      children: null,
-      loading: true,
-      error: null,
-    };
-    pendingRequests.set(dir, fileTreeRoot.value);
-    wsSend({ type: 'list_directory', dirPath: dir, source: 'file_browser' });
-  }
-
-  function loadDirectory(node) {
-    if (node.loading) return;
-    node.loading = true;
-    node.error = null;
-    pendingRequests.set(node.path, node);
-    wsSend({ type: 'list_directory', dirPath: node.path, source: 'file_browser' });
-  }
-
-  // ── Folder expand/collapse ──
-
-  function toggleFolder(node) {
-    if (node.type !== 'directory') return;
-    if (node.expanded) {
-      node.expanded = false;
-      closeContextMenu();
-    } else {
-      node.expanded = true;
-      if (node.children === null) {
-        loadDirectory(node);
-      }
-    }
-  }
-
-  // ── Handle directory_listing response ──
-
-  function handleDirectoryListing(msg) {
-    const dirPath = msg.dirPath;
-    const node = pendingRequests.get(dirPath);
-    pendingRequests.delete(dirPath);
-
-    // Check if this is the root loading
-    if (fileTreeRoot.value && fileTreeRoot.value.path === dirPath) {
-      fileTreeLoading.value = false;
-    }
-
-    if (!node) {
-      // No pending request for this path — could be a stale response after
-      // workdir change. Try to find the node in the tree by path.
-      const found = findNodeByPath(dirPath);
-      if (found) {
-        applyListing(found, msg);
-      }
-      return;
-    }
-
-    applyListing(node, msg);
-  }
-
-  function applyListing(node, msg) {
-    node.loading = false;
-    if (msg.error) {
-      node.error = msg.error;
-      node.children = [];
-      return;
-    }
-    const entries = msg.entries || [];
-    node.children = entries.map(e => makeNode(e, node.path));
-    node.expanded = true;
-  }
-
-  function findNodeByPath(targetPath) {
-    const root = fileTreeRoot.value;
-    if (!root) return null;
-    if (root.path === targetPath) return root;
-    if (!root.children) return null;
-    function search(children) {
-      for (const node of children) {
-        if (node.path === targetPath) return node;
-        if (node.type === 'directory' && node.children) {
-          const found = search(node.children);
-          if (found) return found;
-        }
-      }
-      return null;
-    }
-    return search(root.children);
-  }
-
-  // ── Refresh ──
-
-  function refreshTree() {
-    if (!fileTreeRoot.value) {
-      loadRoot();
-      return;
-    }
-    // Re-fetch all expanded directories
-    refreshNode(fileTreeRoot.value);
-  }
-
-  function refreshNode(node) {
-    if (node.type !== 'directory') return;
-    if (node.expanded && node.children !== null) {
-      // Re-fetch this directory
-      node.children = null;
-      loadDirectory(node);
-    }
-    // Note: children of this node will be re-fetched when loadDirectory
-    // completes and rebuilds the children array. No need to recurse.
-  }
-
-  // ── Workdir changed ──
-
-  function onWorkdirChanged() {
-    pendingRequests.clear();
-    fileTreeRoot.value = null;
-    fileTreeLoading.value = false;
-    closeContextMenu();
-    if (filePanelOpen.value) {
-      loadRoot();
-    }
-  }
-
-  // ── Context menu ──
-
-  function onFileClick(event, node) {
-    if (node.type === 'directory') return;
-    event.stopPropagation();
-
-    // Position the menu near the click, adjusting for viewport edges
-    let x = event.clientX;
-    let y = event.clientY;
-    const menuWidth = 220;
-    const menuHeight = 120; // approx 3 items
-    if (x + menuWidth > window.innerWidth) {
-      x = window.innerWidth - menuWidth - 8;
-    }
-    if (y + menuHeight > window.innerHeight) {
-      y = y - menuHeight;
-    }
-    if (x < 0) x = 8;
-    if (y < 0) y = 8;
-
-    fileContextMenu.value = {
-      x,
-      y,
-      path: node.path,
-      name: node.name,
-    };
-  }
-
-  function closeContextMenu() {
-    fileContextMenu.value = null;
-  }
-
-  // ── File actions ──
-
-  function askClaudeRead() {
-    const menu = fileContextMenu.value;
-    if (!menu) return;
-    const path = menu.path;
-    closeContextMenu();
-    inputText.value = `Read the file ${path}`;
-    // Close sidebar on mobile
-    if (window.innerWidth <= 768) {
-      sidebarOpen.value = false;
-      sidebarView.value = 'sessions';
-    }
-    nextTick(() => {
-      if (inputRef.value) inputRef.value.focus();
-    });
-  }
-
-  function copyToClipboard(text) {
-    // Use ClipboardItem with explicit text/plain to prevent Chrome (especially
-    // mobile) from URL-encoding paths that look like URL schemes (e.g. Q:\...)
-    if (navigator.clipboard && window.ClipboardItem) {
-      const blob = new Blob([text], { type: 'text/plain' });
-      const item = new ClipboardItem({ 'text/plain': blob });
-      return navigator.clipboard.write([item]);
-    }
-    // Fallback for older browsers
-    const textarea = document.createElement('textarea');
-    textarea.value = text;
-    textarea.style.position = 'fixed';
-    textarea.style.opacity = '0';
-    document.body.appendChild(textarea);
-    textarea.select();
-    document.execCommand('copy');
-    document.body.removeChild(textarea);
-    return Promise.resolve();
-  }
-
-  function copyPath() {
-    const menu = fileContextMenu.value;
-    if (!menu) return;
-    const path = menu.path;
-    copyToClipboard(path).catch(() => {});
-    // Brief "Copied!" feedback — store temporarily in menu state
-    fileContextMenu.value = { ...menu, copied: true };
-    setTimeout(() => {
-      closeContextMenu();
-    }, 1000);
-  }
-
-  function insertPath() {
-    const menu = fileContextMenu.value;
-    if (!menu) return;
-    const path = menu.path;
-    closeContextMenu();
-    const textarea = inputRef.value;
-    if (textarea) {
-      const start = textarea.selectionStart || inputText.value.length;
-      const end = textarea.selectionEnd || inputText.value.length;
-      const text = inputText.value;
-      inputText.value = text.slice(0, start) + path + text.slice(end);
-      nextTick(() => {
-        const newPos = start + path.length;
-        textarea.setSelectionRange(newPos, newPos);
-        textarea.focus();
-      });
-    } else {
-      inputText.value += path;
-    }
-    // Close sidebar on mobile
-    if (window.innerWidth <= 768) {
-      sidebarOpen.value = false;
-      sidebarView.value = 'sessions';
-    }
-  }
-
-  // ── Global click handler for dismissing context menu ──
-
-  function setupGlobalListeners() {
-    document.addEventListener('click', (e) => {
-      if (!fileContextMenu.value) return;
-      const menuEl = document.querySelector('.file-context-menu');
-      if (menuEl && menuEl.contains(e.target)) return;
-      closeContextMenu();
-    });
-    document.addEventListener('keydown', (e) => {
-      if (e.key === 'Escape' && fileContextMenu.value) {
-        closeContextMenu();
-      }
-    });
-  }
-
-  // ── Resize handle (mouse + touch) ──
-
-  let _resizing = false;
-  let _startX = 0;
-  let _startWidth = 0;
-  const MIN_WIDTH = 160;
-  const MAX_WIDTH = 600;
-
-  function onResizeStart(e) {
-    e.preventDefault();
-    _resizing = true;
-    _startX = e.type === 'touchstart' ? e.touches[0].clientX : e.clientX;
-    _startWidth = filePanelWidth.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;
-    const delta = clientX - _startX;
-    const newWidth = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, _startWidth + delta));
-    filePanelWidth.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-file-panel-width', String(filePanelWidth.value));
-  }
-
-  // Set up listeners immediately
-  setupGlobalListeners();
-
-  return {
-    openPanel,
-    closePanel,
-    togglePanel,
-    toggleFolder,
-    onFileClick,
-    closeContextMenu,
-    askClaudeRead,
-    copyPath,
-    copyToClipboard,
-    insertPath,
-    refreshTree,
-    handleDirectoryListing,
-    onWorkdirChanged,
-    flattenedTree,
-    onResizeStart,
-  };
-}