@agent-link/server 0.1.28 → 0.1.30

package/web/modules/askQuestion.js

@@ -0,0 +1,63 @@
+// ── AskUserQuestion interaction ───────────────────────────────────────────────
+
+export function selectQuestionOption(msg, qIndex, optLabel) {
+  if (msg.answered) return;
+  const q = msg.questions[qIndex];
+  if (!q) return;
+  if (q.multiSelect) {
+    const sel = msg.selectedAnswers[qIndex] || [];
+    const idx = sel.indexOf(optLabel);
+    if (idx >= 0) sel.splice(idx, 1);
+    else sel.push(optLabel);
+    msg.selectedAnswers[qIndex] = [...sel];
+  } else {
+    msg.selectedAnswers[qIndex] = optLabel;
+    msg.customTexts[qIndex] = '';
+  }
+}
+
+export function submitQuestionAnswer(msg, wsSend) {
+  if (msg.answered) return;
+  const answers = {};
+  for (let i = 0; i < msg.questions.length; i++) {
+    const q = msg.questions[i];
+    const key = q.question || String(i);
+    const custom = (msg.customTexts[i] || '').trim();
+    if (custom) {
+      answers[key] = custom;
+    } else {
+      const sel = msg.selectedAnswers[i];
+      if (Array.isArray(sel) && sel.length > 0) {
+        answers[key] = sel.join(', ');
+      } else if (sel != null) {
+        answers[key] = sel;
+      }
+    }
+  }
+  msg.answered = true;
+  wsSend({ type: 'ask_user_answer', requestId: msg.requestId, answers });
+}
+
+export function hasQuestionAnswer(msg) {
+  for (let i = 0; i < msg.questions.length; i++) {
+    const sel = msg.selectedAnswers[i];
+    const custom = (msg.customTexts[i] || '').trim();
+    if (custom || (Array.isArray(sel) ? sel.length > 0 : sel != null)) return true;
+  }
+  return false;
+}
+
+export function getQuestionResponseSummary(msg) {
+  const parts = [];
+  for (let i = 0; i < msg.questions.length; i++) {
+    const custom = (msg.customTexts[i] || '').trim();
+    if (custom) {
+      parts.push(custom);
+    } else {
+      const sel = msg.selectedAnswers[i];
+      if (Array.isArray(sel)) parts.push(sel.join(', '));
+      else if (sel) parts.push(sel);
+    }
+  }
+  return parts.join(' | ');
+}

package/web/modules/connection.js

@@ -0,0 +1,342 @@
+// ── WebSocket connection, message routing, reconnection ──────────────────────
+import { encrypt, decrypt, isEncrypted, decodeKey } from '../encryption.js';
+import { isContextSummary } from './messageHelpers.js';
+
+const MAX_RECONNECT_ATTEMPTS = 50;
+const RECONNECT_BASE_DELAY = 1000;
+const RECONNECT_MAX_DELAY = 15000;
+
+/**
+ * Creates the WebSocket connection controller.
+ * @param {object} deps - All reactive state and callbacks needed
+ */
+export function createConnection(deps) {
+  const {
+    status, agentName, hostname, workDir, sessionId, error,
+    messages, isProcessing, isCompacting, visibleLimit,
+    historySessions, currentClaudeSessionId, loadingSessions, loadingHistory,
+    folderPickerLoading, folderPickerEntries, folderPickerPath,
+    streaming, sidebar,
+    scrollToBottom,
+  } = deps;
+
+  let ws = null;
+  let sessionKey = null;
+  let reconnectAttempts = 0;
+  let reconnectTimer = null;
+
+  function wsSend(msg) {
+    if (!ws || ws.readyState !== WebSocket.OPEN) return;
+    if (sessionKey) {
+      const encrypted = encrypt(msg, sessionKey);
+      ws.send(JSON.stringify(encrypted));
+    } else {
+      ws.send(JSON.stringify(msg));
+    }
+  }
+
+  function getSessionId() {
+    const match = window.location.pathname.match(/^\/s\/([^/]+)/);
+    return match ? match[1] : null;
+  }
+
+  function finalizeStreamingMsg(scheduleHighlight) {
+    const sid = streaming.getStreamingMessageId();
+    if (sid === null) return;
+    const streamMsg = messages.value.find(m => m.id === sid);
+    if (streamMsg) {
+      streamMsg.isStreaming = false;
+      if (isContextSummary(streamMsg.content)) {
+        streamMsg.role = 'context-summary';
+        streamMsg.contextExpanded = false;
+      }
+    }
+    streaming.setStreamingMessageId(null);
+    if (scheduleHighlight) scheduleHighlight();
+  }
+
+  function handleClaudeOutput(msg, scheduleHighlight) {
+    const data = msg.data;
+    if (!data) return;
+
+    if (data.type === 'content_block_delta' && data.delta) {
+      streaming.appendPending(data.delta);
+      streaming.startReveal();
+      return;
+    }
+
+    if (data.type === 'tool_use' && data.tools) {
+      streaming.flushReveal();
+      finalizeStreamingMsg(scheduleHighlight);
+
+      for (const tool of data.tools) {
+        messages.value.push({
+          id: streaming.nextId(), role: 'tool',
+          toolId: tool.id, toolName: tool.name || 'unknown',
+          toolInput: tool.input ? JSON.stringify(tool.input, null, 2) : '',
+          hasResult: false, expanded: (tool.name === 'Edit' || tool.name === 'TodoWrite'), timestamp: new Date(),
+        });
+      }
+      scrollToBottom();
+      return;
+    }
+
+    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 = [...messages.value].reverse().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();
+      return;
+    }
+  }
+
+  function connect(scheduleHighlight) {
+    const sid = getSessionId();
+    if (!sid) {
+      status.value = 'No Session';
+      error.value = 'No session ID in URL. Use a session URL provided by agentlink start.';
+      return;
+    }
+    sessionId.value = sid;
+    status.value = 'Connecting...';
+    error.value = '';
+
+    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+    const wsUrl = `${protocol}//${window.location.host}/?type=web&sessionId=${sid}`;
+    ws = new WebSocket(wsUrl);
+
+    ws.onopen = () => { error.value = ''; reconnectAttempts = 0; };
+
+    ws.onmessage = (event) => {
+      let msg;
+      const parsed = JSON.parse(event.data);
+
+      if (parsed.type === 'connected') {
+        msg = parsed;
+        if (typeof parsed.sessionKey === 'string') {
+          sessionKey = decodeKey(parsed.sessionKey);
+        }
+      } else if (sessionKey && isEncrypted(parsed)) {
+        msg = decrypt(parsed, sessionKey);
+        if (!msg) {
+          console.error('[WS] Failed to decrypt message');
+          return;
+        }
+      } else {
+        msg = parsed;
+      }
+
+      if (msg.type === 'connected') {
+        if (msg.agent) {
+          status.value = 'Connected';
+          agentName.value = msg.agent.name;
+          hostname.value = msg.agent.hostname || '';
+          workDir.value = msg.agent.workDir;
+          const savedDir = localStorage.getItem('agentlink-workdir');
+          if (savedDir && savedDir !== msg.agent.workDir) {
+            wsSend({ type: 'change_workdir', workDir: savedDir });
+          }
+          sidebar.requestSessionList();
+        } else {
+          status.value = 'Waiting';
+          error.value = 'Agent is not connected yet.';
+        }
+      } else if (msg.type === 'agent_disconnected') {
+        status.value = 'Waiting';
+        agentName.value = '';
+        hostname.value = '';
+        error.value = 'Agent disconnected. Waiting for reconnect...';
+        isProcessing.value = false;
+        isCompacting.value = false;
+      } else if (msg.type === 'agent_reconnected') {
+        status.value = 'Connected';
+        error.value = '';
+        if (msg.agent) {
+          agentName.value = msg.agent.name;
+          hostname.value = msg.agent.hostname || '';
+          workDir.value = msg.agent.workDir;
+        }
+        sidebar.requestSessionList();
+      } else if (msg.type === 'error') {
+        status.value = 'Error';
+        error.value = msg.message;
+        isProcessing.value = false;
+        isCompacting.value = false;
+      } else if (msg.type === 'claude_output') {
+        handleClaudeOutput(msg, scheduleHighlight);
+      } else if (msg.type === 'command_output') {
+        streaming.flushReveal();
+        finalizeStreamingMsg(scheduleHighlight);
+        messages.value.push({
+          id: streaming.nextId(), role: 'user',
+          content: msg.content, isCommandOutput: true,
+          timestamp: new Date(),
+        });
+        scrollToBottom();
+      } else if (msg.type === 'context_compaction') {
+        if (msg.status === 'started') {
+          isCompacting.value = true;
+        } else if (msg.status === 'completed') {
+          isCompacting.value = false;
+        }
+      } else if (msg.type === 'turn_completed' || msg.type === 'execution_cancelled') {
+        isProcessing.value = false;
+        isCompacting.value = false;
+        streaming.flushReveal();
+        finalizeStreamingMsg(scheduleHighlight);
+        if (msg.type === 'execution_cancelled') {
+          messages.value.push({
+            id: streaming.nextId(), role: 'system',
+            content: 'Generation stopped.', timestamp: new Date(),
+          });
+          scrollToBottom();
+        }
+      } else if (msg.type === 'ask_user_question') {
+        streaming.flushReveal();
+        finalizeStreamingMsg(scheduleHighlight);
+        for (let i = messages.value.length - 1; i >= 0; i--) {
+          const m = messages.value[i];
+          if (m.role === 'tool' && m.toolName === 'AskUserQuestion') {
+            messages.value.splice(i, 1);
+            break;
+          }
+          if (m.role === 'user') break;
+        }
+        const questions = msg.questions || [];
+        const selectedAnswers = {};
+        const customTexts = {};
+        for (let i = 0; i < questions.length; i++) {
+          selectedAnswers[i] = questions[i].multiSelect ? [] : null;
+          customTexts[i] = '';
+        }
+        messages.value.push({
+          id: streaming.nextId(),
+          role: 'ask-question',
+          requestId: msg.requestId,
+          questions,
+          answered: false,
+          selectedAnswers,
+          customTexts,
+          timestamp: new Date(),
+        });
+        scrollToBottom();
+      } else if (msg.type === 'sessions_list') {
+        historySessions.value = msg.sessions || [];
+        loadingSessions.value = false;
+      } else if (msg.type === 'conversation_resumed') {
+        currentClaudeSessionId.value = msg.claudeSessionId;
+        if (msg.history && Array.isArray(msg.history)) {
+          const batch = [];
+          for (const h of msg.history) {
+            if (h.role === 'user') {
+              if (isContextSummary(h.content)) {
+                batch.push({
+                  id: streaming.nextId(), role: 'context-summary',
+                  content: h.content, contextExpanded: false,
+                  timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
+                });
+              } else {
+                batch.push({
+                  id: streaming.nextId(), role: 'user',
+                  content: h.content, isCommandOutput: !!h.isCommandOutput,
+                  timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
+                });
+              }
+            } else if (h.role === 'assistant') {
+              const last = batch[batch.length - 1];
+              if (last && last.role === 'assistant' && !last.isStreaming) {
+                last.content += '\n\n' + h.content;
+              } else {
+                batch.push({
+                  id: streaming.nextId(), role: 'assistant',
+                  content: h.content, isStreaming: false,
+                  timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
+                });
+              }
+            } else if (h.role === 'tool') {
+              batch.push({
+                id: streaming.nextId(), role: 'tool',
+                toolId: h.toolId || '', toolName: h.toolName || 'unknown',
+                toolInput: h.toolInput || '', hasResult: true,
+                expanded: (h.toolName === 'Edit' || h.toolName === 'TodoWrite'), timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
+              });
+            }
+          }
+          messages.value = batch;
+        }
+        loadingHistory.value = false;
+        messages.value.push({
+          id: streaming.nextId(), role: 'system',
+          content: 'Session restored. You can continue the conversation.',
+          timestamp: new Date(),
+        });
+        scrollToBottom();
+      } else if (msg.type === 'directory_listing') {
+        folderPickerLoading.value = false;
+        folderPickerEntries.value = (msg.entries || [])
+          .filter(e => e.type === 'directory')
+          .sort((a, b) => a.name.localeCompare(b.name));
+        if (msg.dirPath != null) folderPickerPath.value = msg.dirPath;
+      } else if (msg.type === 'workdir_changed') {
+        workDir.value = msg.workDir;
+        localStorage.setItem('agentlink-workdir', msg.workDir);
+        messages.value = [];
+        visibleLimit.value = 50;
+        streaming.setMessageIdCounter(0);
+        streaming.setStreamingMessageId(null);
+        streaming.reset();
+        currentClaudeSessionId.value = null;
+        isProcessing.value = false;
+        messages.value.push({
+          id: streaming.nextId(), role: 'system',
+          content: 'Working directory changed to: ' + msg.workDir,
+          timestamp: new Date(),
+        });
+        sidebar.requestSessionList();
+      }
+    };
+
+    ws.onclose = () => {
+      sessionKey = null;
+      const wasConnected = status.value === 'Connected' || status.value === 'Connecting...';
+      isProcessing.value = false;
+      isCompacting.value = false;
+
+      if (wasConnected || reconnectAttempts > 0) {
+        scheduleReconnect(scheduleHighlight);
+      }
+    };
+
+    ws.onerror = () => {};
+  }
+
+  function scheduleReconnect(scheduleHighlight) {
+    if (reconnectAttempts >= MAX_RECONNECT_ATTEMPTS) {
+      status.value = 'Disconnected';
+      error.value = 'Unable to reconnect. Please refresh the page.';
+      return;
+    }
+    const delay = Math.min(RECONNECT_BASE_DELAY * Math.pow(1.5, reconnectAttempts), RECONNECT_MAX_DELAY);
+    reconnectAttempts++;
+    status.value = 'Reconnecting...';
+    error.value = 'Connection lost. Reconnecting... (attempt ' + reconnectAttempts + ')';
+    if (reconnectTimer) clearTimeout(reconnectTimer);
+    reconnectTimer = setTimeout(() => { reconnectTimer = null; connect(scheduleHighlight); }, delay);
+  }
+
+  function closeWs() {
+    if (reconnectTimer) clearTimeout(reconnectTimer);
+    if (ws) ws.close();
+  }
+
+  return { connect, wsSend, closeWs };
+}

package/web/modules/fileAttachments.js

@@ -0,0 +1,125 @@
+// ── 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/markdown.js

@@ -0,0 +1,82 @@
+// ── Markdown rendering, code copy, tool icons ────────────────────────────────
+
+if (typeof marked !== 'undefined') {
+  marked.setOptions({
+    breaks: true,
+    gfm: true,
+    highlight: function(code, lang) {
+      if (typeof hljs !== 'undefined' && lang && hljs.getLanguage(lang)) {
+        try { return hljs.highlight(code, { language: lang }).value; } catch {}
+      }
+      return code;
+    },
+  });
+}
+
+const _mdCache = new Map();
+
+export function renderMarkdown(text) {
+  if (!text) return '';
+  const cached = _mdCache.get(text);
+  if (cached) return cached;
+  let html;
+  try {
+    if (typeof marked !== 'undefined') {
+      html = marked.parse(text);
+      // Add copy buttons to code blocks
+      html = html.replace(/<pre><code([^>]*)>([\s\S]*?)<\/code><\/pre>/g,
+        (match, attrs, code) => {
+          const langMatch = attrs.match(/class="language-(\w+)"/);
+          const lang = langMatch ? langMatch[1] : '';
+          return `<div class="code-block-wrapper">
+            <div class="code-block-header">
+              <span class="code-lang">${lang}</span>
+              <button class="code-copy-btn" onclick="window.__copyCodeBlock(this)" title="Copy">
+                <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
+              </button>
+            </div>
+            <pre><code${attrs}>${code}</code></pre>
+          </div>`;
+        }
+      );
+    } else {
+      html = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+  } catch {
+    html = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+  }
+  if (_mdCache.size > 500) _mdCache.clear();
+  _mdCache.set(text, html);
+  return html;
+}
+
+// Global code copy handler
+window.__copyCodeBlock = async function(btn) {
+  const wrapper = btn.closest('.code-block-wrapper');
+  const code = wrapper?.querySelector('code');
+  if (!code) return;
+  try {
+    await navigator.clipboard.writeText(code.textContent);
+    btn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>';
+    setTimeout(() => {
+      btn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>';
+    }, 2000);
+  } catch {}
+};
+
+// Tool icons (monochrome SVG)
+const TOOL_SVG = {
+  Read:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M1 2.5A2.5 2.5 0 0 1 3.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75H3.5a1 1 0 0 0-1 1h9.25a.75.75 0 0 1 0 1.5H3.5A2.5 2.5 0 0 1 1 14V2.5zm3 0v7l1.5-1.25L7 9.5v-7H4z"/></svg>',
+  Edit:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M11.013 1.427a1.75 1.75 0 0 1 2.474 0l1.086 1.086a1.75 1.75 0 0 1 0 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 0 1-.927-.928l.929-3.25a1.75 1.75 0 0 1 .445-.758l8.61-8.61zM11.524 2.2l-8.61 8.61a.25.25 0 0 0-.064.108l-.57 1.996 1.996-.57a.25.25 0 0 0 .108-.064l8.61-8.61a.25.25 0 0 0 0-.354l-1.086-1.086a.25.25 0 0 0-.354 0z"/></svg>',
+  Write:     '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M8.75 1.75a.75.75 0 0 0-1.5 0V6H2.75a.75.75 0 0 0 0 1.5H7.25v4.25a.75.75 0 0 0 1.5 0V7.5h4.25a.75.75 0 0 0 0-1.5H8.75V1.75z"/></svg>',
+  Bash:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75zm1.75-.25a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25H1.75zM7 11a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5A.75.75 0 0 1 7 11zm-3.22-4.53a.75.75 0 0 1 1.06 0l2 2a.75.75 0 0 1 0 1.06l-2 2a.75.75 0 0 1-1.06-1.06L5.25 9 3.78 7.53a.75.75 0 0 1 0-1.06z"/></svg>',
+  Glob:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 1 1-1.06 1.06l-3.04-3.04zM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7z"/></svg>',
+  Grep:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M10.68 11.74a6 6 0 0 1-7.922-8.982 6 6 0 0 1 8.982 7.922l3.04 3.04a.749.749 0 1 1-1.06 1.06l-3.04-3.04zM11.5 7a4.499 4.499 0 1 0-8.997 0A4.499 4.499 0 0 0 11.5 7z"/></svg>',
+  Task:      '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M1.75 1h12.5c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0 1 14.25 15H1.75A1.75 1.75 0 0 1 0 13.25V2.75C0 1.784.784 1 1.75 1zm0 1.5a.25.25 0 0 0-.25.25v10.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25H1.75zM3.5 5h9v1.5h-9V5zm0 3h9v1.5h-9V8zm0 3h5v1.5h-5V11z"/></svg>',
+  WebFetch:  '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm3.7 5.3a.75.75 0 0 0-1.06-1.06l-5.5 5.5a.75.75 0 1 0 1.06 1.06l5.5-5.5zM8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13z"/></svg>',
+  WebSearch: '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm3.7 5.3a.75.75 0 0 0-1.06-1.06l-5.5 5.5a.75.75 0 1 0 1.06 1.06l5.5-5.5zM8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13z"/></svg>',
+  TodoWrite: '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 1.042-1.08L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0z"/></svg>',
+};
+const TOOL_SVG_DEFAULT = '<svg viewBox="0 0 16 16" width="14" height="14"><path fill="currentColor" d="M7.429 1.525a3.751 3.751 0 0 1 4.41.899l.04.045a.75.75 0 0 1-.17 1.143l-2.2 1.378a1.25 1.25 0 0 0-.473 1.58l.614 1.341a1.25 1.25 0 0 0 1.412.663l2.476-.542a.75.75 0 0 1 .848.496 3.75 3.75 0 0 1-1.468 4.155 3.751 3.751 0 0 1-4.41-.898l-.04-.046a.75.75 0 0 1 .17-1.142l2.2-1.378a1.25 1.25 0 0 0 .473-1.58l-.614-1.342a1.25 1.25 0 0 0-1.412-.662l-2.476.541a.75.75 0 0 1-.848-.496 3.75 3.75 0 0 1 1.468-4.155z"/></svg>';
+
+export function getToolIcon(name) { return TOOL_SVG[name] || TOOL_SVG_DEFAULT; }