npm - goto-assistant - Versions diffs - 0.1.0 - Mend

goto-assistant 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/public/index.html ADDED Viewed

@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+  <title>goto-assistant</title>
+  <link rel="stylesheet" href="/style.css">
+  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+</head>
+<body>
+  <div class="chat-layout">
+    <div class="sidebar">
+      <div class="sidebar-header">
+        <h2>Conversations</h2>
+        <button class="btn-icon" id="newChatBtn" title="New chat">+</button>
+      </div>
+      <div class="conversation-list" id="conversationList"></div>
+    </div>
+    <div class="sidebar-overlay" id="sidebarOverlay"></div>
+    <div class="chat-main">
+      <div class="chat-header">
+        <button class="hamburger-btn" id="hamburgerBtn">&#9776;</button>
+        <h2 id="chatTitle">New Conversation</h2>
+        <button class="settings-btn" id="settingsBtn" title="Settings">&#9881;</button>
+      </div>
+      <div class="messages" id="messages"></div>
+      <div class="input-area">
+        <div class="file-preview" id="filePreview"></div>
+        <div class="input-row">
+          <button class="file-upload-btn" id="fileUploadBtn" title="Attach image">&#128206;</button>
+          <input type="file" id="fileInput" accept="image/jpeg,image/png,image/gif,image/webp" multiple hidden>
+          <textarea id="input" rows="1" placeholder="Send a message..." autofocus></textarea>
+          <button class="btn btn-primary" id="sendBtn">Send</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script>
+    let ws = null;
+    let currentConversationId = null;
+    let currentAssistantEl = null;
+    let pendingFiles = []; // Files selected but not yet sent
+    function connectWs() {
+      const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+      ws = new WebSocket(`${protocol}//${location.host}/ws`);
+      ws.onmessage = (e) => {
+        const msg = JSON.parse(e.data);
+        if (msg.type === 'chunk') {
+          if (!currentAssistantEl) {
+            currentAssistantEl = addMessage('assistant', '');
+            currentAssistantEl._raw = '';
+          }
+          currentAssistantEl._raw += msg.text;
+          // Update only the text div (last child)
+          const textDiv = currentAssistantEl.lastElementChild;
+          if (textDiv) textDiv.innerHTML = marked.parse(currentAssistantEl._raw);
+        } else if (msg.type === 'done') {
+          currentConversationId = msg.conversationId;
+          currentAssistantEl = null;
+          removeTypingIndicator();
+          loadConversations();
+        } else if (msg.type === 'error') {
+          removeTypingIndicator();
+          currentAssistantEl = null;
+          addMessage('assistant', 'Error: ' + msg.text);
+        }
+      };
+      ws.onclose = () => { setTimeout(connectWs, 2000); };
+    }
+    function parseContent(content) {
+      try {
+        const parsed = JSON.parse(content);
+        if (parsed && typeof parsed.text === 'string') return parsed;
+      } catch {}
+      return { text: content };
+    }
+    function addMessage(role, content, extraAttachments) {
+      const el = document.createElement('div');
+      el.className = 'message ' + role;
+      const parsed = parseContent(content);
+      const attachments = extraAttachments || parsed.attachments;
+      // Render attachment images
+      if (attachments && attachments.length > 0) {
+        const strip = document.createElement('div');
+        strip.className = 'message-attachments';
+        for (const att of attachments) {
+          const img = document.createElement('img');
+          img.className = 'attachment-img';
+          img.src = `/api/uploads/${att.fileId}`;
+          img.alt = att.filename;
+          img.loading = 'lazy';
+          strip.appendChild(img);
+        }
+        el.appendChild(strip);
+      }
+      const textContent = parsed.text;
+      const textEl = document.createElement('div');
+      if (role === 'assistant' && textContent) {
+        textEl.innerHTML = marked.parse(textContent);
+      } else if (textContent) {
+        textEl.textContent = textContent;
+      }
+      el.appendChild(textEl);
+      document.getElementById('messages').appendChild(el);
+      el.scrollIntoView({ behavior: 'smooth' });
+      return el;
+    }
+    function addTypingIndicator() {
+      const el = document.createElement('div');
+      el.className = 'typing-indicator';
+      el.id = 'typing';
+      el.textContent = 'Thinking...';
+      document.getElementById('messages').appendChild(el);
+      el.scrollIntoView({ behavior: 'smooth' });
+    }
+    function removeTypingIndicator() {
+      const el = document.getElementById('typing');
+      if (el) el.remove();
+    }
+    async function sendMessage() {
+      const input = document.getElementById('input');
+      const text = input.value.trim();
+      if ((!text && pendingFiles.length === 0) || !ws || ws.readyState !== WebSocket.OPEN) return;
+      // Upload pending files
+      let attachments = [];
+      if (pendingFiles.length > 0) {
+        for (const file of pendingFiles) {
+          const form = new FormData();
+          form.append('file', file);
+          try {
+            const res = await fetch('/api/upload', { method: 'POST', body: form });
+            if (res.ok) {
+              const data = await res.json();
+              attachments.push({ fileId: data.fileId, filename: data.filename, mimeType: data.mimeType });
+            }
+          } catch {}
+        }
+        pendingFiles = [];
+        renderFilePreview();
+      }
+      addMessage('user', text || '(image)', attachments.length > 0 ? attachments : undefined);
+      addTypingIndicator();
+      const payload = {
+        type: 'message',
+        text: text || 'Describe this image.',
+        conversationId: currentConversationId,
+      };
+      if (attachments.length > 0) payload.attachments = attachments;
+      ws.send(JSON.stringify(payload));
+      input.value = '';
+      input.style.height = 'auto';
+    }
+    // Auto-resize textarea
+    const input = document.getElementById('input');
+    input.addEventListener('input', () => {
+      input.style.height = 'auto';
+      input.style.height = Math.min(input.scrollHeight, 200) + 'px';
+    });
+    input.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        sendMessage();
+      }
+    });
+    document.getElementById('sendBtn').addEventListener('click', sendMessage);
+    // File upload handling
+    document.getElementById('fileUploadBtn').addEventListener('click', () => {
+      document.getElementById('fileInput').click();
+    });
+    document.getElementById('fileInput').addEventListener('change', (e) => {
+      for (const file of e.target.files) {
+        pendingFiles.push(file);
+      }
+      e.target.value = '';
+      renderFilePreview();
+    });
+    function renderFilePreview() {
+      const preview = document.getElementById('filePreview');
+      preview.innerHTML = '';
+      if (pendingFiles.length === 0) { preview.style.display = 'none'; return; }
+      preview.style.display = 'flex';
+      pendingFiles.forEach((file, i) => {
+        const item = document.createElement('div');
+        item.className = 'file-preview-item';
+        const img = document.createElement('img');
+        img.src = URL.createObjectURL(file);
+        img.onload = () => URL.revokeObjectURL(img.src);
+        item.appendChild(img);
+        const removeBtn = document.createElement('button');
+        removeBtn.className = 'file-preview-remove';
+        removeBtn.textContent = '×';
+        removeBtn.addEventListener('click', () => {
+          pendingFiles.splice(i, 1);
+          renderFilePreview();
+        });
+        item.appendChild(removeBtn);
+        preview.appendChild(item);
+      });
+    }
+    // New chat
+    document.getElementById('newChatBtn').addEventListener('click', () => {
+      currentConversationId = null;
+      currentAssistantEl = null;
+      document.getElementById('messages').innerHTML = '';
+      document.getElementById('chatTitle').textContent = 'New Conversation';
+      document.querySelectorAll('.conversation-item').forEach(el => el.classList.remove('active'));
+      closeSidebar();
+    });
+    // Settings
+    document.getElementById('settingsBtn').addEventListener('click', () => {
+      window.location.href = '/setup.html';
+    });
+    // Load conversations
+    async function loadConversations() {
+      try {
+        const res = await fetch('/api/conversations');
+        const data = await res.json();
+        const list = document.getElementById('conversationList');
+        list.innerHTML = '';
+        data.conversations.forEach(c => {
+          const el = document.createElement('div');
+          el.className = 'conversation-item' + (c.id === currentConversationId ? ' active' : '');
+          const date = new Date(c.created_at).toLocaleDateString();
+          const displayTitle = c.title || `${c.provider} — ${date}`;
+          el.title = displayTitle;
+          const titleSpan = document.createElement('span');
+          titleSpan.className = 'conv-title';
+          titleSpan.textContent = displayTitle;
+          el.appendChild(titleSpan);
+          const deleteBtn = document.createElement('button');
+          deleteBtn.className = 'btn-icon delete-btn';
+          deleteBtn.textContent = '×';
+          deleteBtn.title = 'Delete conversation';
+          deleteBtn.addEventListener('click', async (e) => {
+            e.stopPropagation();
+            if (!confirm('Delete this conversation?')) return;
+            await fetch(`/api/conversations/${c.id}`, { method: 'DELETE' });
+            if (currentConversationId === c.id) {
+              currentConversationId = null;
+              currentAssistantEl = null;
+              document.getElementById('messages').innerHTML = '';
+              document.getElementById('chatTitle').textContent = 'New Conversation';
+            }
+            loadConversations();
+          });
+          el.appendChild(deleteBtn);
+          titleSpan.addEventListener('click', async () => {
+            currentConversationId = c.id;
+            document.getElementById('messages').innerHTML = '';
+            document.getElementById('chatTitle').textContent = displayTitle;
+            closeSidebar();
+            document.querySelectorAll('.conversation-item').forEach(e => e.classList.remove('active'));
+            el.classList.add('active');
+            try {
+              const msgRes = await fetch(`/api/conversations/${c.id}/messages`);
+              const msgData = await msgRes.json();
+              msgData.messages.forEach(m => addMessage(m.role, m.content));
+            } catch {}
+          });
+          list.appendChild(el);
+        });
+      } catch {}
+    }
+    // Sidebar toggle (mobile)
+    function toggleSidebar() {
+      document.querySelector('.sidebar').classList.toggle('open');
+      document.getElementById('sidebarOverlay').classList.toggle('open');
+    }
+    function closeSidebar() {
+      document.querySelector('.sidebar').classList.remove('open');
+      document.getElementById('sidebarOverlay').classList.remove('open');
+    }
+    document.getElementById('hamburgerBtn').addEventListener('click', toggleSidebar);
+    document.getElementById('sidebarOverlay').addEventListener('click', closeSidebar);
+    // Swipe gesture: right from left edge opens sidebar, left closes
+    let touchStartX = 0;
+    let touchStartY = 0;
+    document.addEventListener('touchstart', (e) => {
+      touchStartX = e.touches[0].clientX;
+      touchStartY = e.touches[0].clientY;
+    }, { passive: true });
+    document.addEventListener('touchend', (e) => {
+      const dx = e.changedTouches[0].clientX - touchStartX;
+      const dy = Math.abs(e.changedTouches[0].clientY - touchStartY);
+      if (dy > Math.abs(dx)) return; // vertical swipe
+      if (dx > 80 && touchStartX < 30) toggleSidebar();
+      else if (dx < -80 && document.querySelector('.sidebar').classList.contains('open')) closeSidebar();
+    }, { passive: true });
+    connectWs();
+    loadConversations();
+  </script>
+</body>
+</html>

package/public/setup.html ADDED Viewed

@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+  <title>goto-assistant — Setup</title>
+  <link rel="stylesheet" href="/style.css">
+  <script src="/cron-sync.js"></script>
+</head>
+<body>
+  <div class="setup-container">
+    <h1>goto-assistant Setup</h1>
+    <div class="form-group">
+      <label>Provider</label>
+      <div class="radio-group">
+        <label><input type="radio" name="provider" value="claude" checked> Claude</label>
+        <label><input type="radio" name="provider" value="openai"> OpenAI</label>
+      </div>
+    </div>
+    <div class="form-group">
+      <label for="apiKey">API Key</label>
+      <input type="password" id="apiKey" placeholder="sk-ant-... or sk-...">
+    </div>
+    <div class="form-group">
+      <label for="baseUrl">Base URL <span style="font-weight:400;color:#888">(optional — for LiteLLM proxy)</span></label>
+      <input type="text" id="baseUrl" placeholder="Leave empty for direct API">
+    </div>
+    <div class="form-group">
+      <label for="model">Model</label>
+      <div class="btn-row">
+        <select id="model"><option value="">— Select provider first —</option></select>
+        <button class="btn btn-secondary" id="loadModelsBtn">Load Models</button>
+      </div>
+    </div>
+    <div class="form-group">
+      <label>MCP Servers</label>
+      <div id="mcpServers" class="mcp-servers"></div>
+      <button class="btn btn-secondary" id="addServerBtn">+ Add Server</button>
+    </div>
+    <div class="form-group">
+      <label for="port">Server Port</label>
+      <input type="number" id="port" value="3000">
+    </div>
+    <button class="btn btn-primary" id="saveBtn">Save & Start</button>
+    <div id="status"></div>
+  </div>
+  <script>
+    const defaultServers = [
+      { name: 'cron', command: 'npx', args: '-y mcp-cron --transport stdio --prevent-sleep --mcp-config-path ./data/mcp.json --ai-provider anthropic --ai-model claude-sonnet-4-5-20250929', env: {} },
+      { name: 'memory', command: 'npx', args: '-y @modelcontextprotocol/server-memory', env: {} },
+      { name: 'filesystem', command: 'npx', args: '-y @modelcontextprotocol/server-filesystem .', env: {} },
+    ];
+    function getProvider() {
+      return document.querySelector('input[name="provider"]:checked').value;
+    }
+    // Render MCP servers
+    function renderServers(servers) {
+      const container = document.getElementById('mcpServers');
+      container.innerHTML = '';
+      servers.forEach((s, i) => {
+        const div = document.createElement('div');
+        div.className = 'mcp-server';
+        const envRows = Object.entries(s.env || {}).map(([k, v], ei) =>
+          `<div class="env-row">
+            <input type="text" placeholder="Key" value="${k}" data-server="${i}" data-env-key="${ei}">
+            <input type="text" placeholder="Value" value="${v}" data-server="${i}" data-env-val="${ei}">
+            <button class="btn-icon" onclick="removeEnv(${i},${ei})">×</button>
+          </div>`
+        ).join('');
+        div.innerHTML = `
+          <div class="mcp-server-header">
+            <input type="text" value="${s.name}" data-server="${i}" data-field="name" placeholder="Server name">
+            <button class="btn-icon" onclick="removeServer(${i})">×</button>
+          </div>
+          <div class="form-group">
+            <label>Command</label>
+            <input type="text" value="${s.command}" data-server="${i}" data-field="command">
+          </div>
+          <div class="form-group">
+            <label>Args</label>
+            <input type="text" value="${s.args}" data-server="${i}" data-field="args">
+          </div>
+          <div class="form-group">
+            <label>Environment Variables</label>
+            ${envRows}
+            <button class="btn btn-secondary" style="margin-top:4px;font-size:12px;padding:4px 10px" onclick="addEnv(${i})">+ Add Env</button>
+          </div>`;
+        container.appendChild(div);
+      });
+    }
+    let servers = [...defaultServers.map(s => ({ ...s, env: { ...s.env } }))];
+    renderServers(servers);
+    function readServers() {
+      const container = document.getElementById('mcpServers');
+      const items = container.querySelectorAll('.mcp-server');
+      return Array.from(items).map((item, i) => {
+        const name = item.querySelector('[data-field="name"]').value;
+        const command = item.querySelector('[data-field="command"]').value;
+        const args = item.querySelector('[data-field="args"]').value;
+        const envRows = item.querySelectorAll('.env-row');
+        const env = {};
+        envRows.forEach(row => {
+          const k = row.querySelector('[placeholder="Key"]').value.trim();
+          const v = row.querySelector('[placeholder="Value"]').value.trim();
+          if (k) env[k] = v;
+        });
+        return { name, command, args, env };
+      });
+    }
+    window.removeServer = (i) => { servers.splice(i, 1); renderServers(servers); };
+    window.addEnv = (i) => {
+      servers = readServers();
+      servers[i].env[''] = '';
+      renderServers(servers);
+    };
+    window.removeEnv = (si, ei) => {
+      servers = readServers();
+      const keys = Object.keys(servers[si].env);
+      delete servers[si].env[keys[ei]];
+      renderServers(servers);
+    };
+    document.getElementById('addServerBtn').addEventListener('click', () => {
+      servers = readServers();
+      servers.push({ name: '', command: 'npx', args: '', env: {} });
+      renderServers(servers);
+    });
+    // Sync cron server config with current provider/key/model/baseUrl selections
+    function syncCronConfig() {
+      servers = readServers();
+      const cron = servers.find(s => s.name === 'cron');
+      if (!cron) return;
+      const provider = getProvider();
+      const apiKey = document.getElementById('apiKey').value.trim();
+      const model = document.getElementById('model').value;
+      const baseUrl = document.getElementById('baseUrl').value.trim();
+      const result = buildCronConfig({
+        provider, apiKey, model, baseUrl,
+        currentArgs: cron.args,
+      });
+      cron.args = result.args;
+      // Update env: remove old API_KEY entries, set the correct one
+      const oldKeys = Object.keys(cron.env).filter(k => k.includes('API_KEY'));
+      oldKeys.forEach(k => delete cron.env[k]);
+      cron.env[result.envKey] = result.envValue;
+      renderServers(servers);
+    }
+    // Sync cron when provider, API key, base URL, or model changes
+    document.querySelectorAll('input[name="provider"]').forEach(radio => {
+      radio.addEventListener('change', syncCronConfig);
+    });
+    document.getElementById('apiKey').addEventListener('input', syncCronConfig);
+    document.getElementById('baseUrl').addEventListener('input', syncCronConfig);
+    document.getElementById('model').addEventListener('change', syncCronConfig);
+    // Load models
+    document.getElementById('loadModelsBtn').addEventListener('click', async () => {
+      const provider = getProvider();
+      const apiKey = document.getElementById('apiKey').value.trim();
+      const baseUrl = document.getElementById('baseUrl').value.trim();
+      if (!apiKey) { showStatus('Enter an API key first', 'error'); return; }
+      const select = document.getElementById('model');
+      select.innerHTML = '<option value="">Loading...</option>';
+      try {
+        const res = await fetch('/api/models', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ provider, apiKey, baseUrl: baseUrl || undefined }),
+        });
+        const data = await res.json();
+        if (!res.ok) { showStatus(data.error, 'error'); return; }
+        select.innerHTML = data.models.map(m =>
+          `<option value="${m.id}">${m.name}</option>`
+        ).join('');
+        showStatus('Models loaded', 'success');
+      } catch (e) {
+        showStatus('Failed to load models', 'error');
+      }
+    });
+    // Save
+    document.getElementById('saveBtn').addEventListener('click', async () => {
+      const provider = getProvider();
+      const apiKey = document.getElementById('apiKey').value.trim();
+      const baseUrl = document.getElementById('baseUrl').value.trim();
+      const model = document.getElementById('model').value;
+      const port = parseInt(document.getElementById('port').value) || 3000;
+      if (!apiKey) { showStatus('API key is required', 'error'); return; }
+      if (!model) { showStatus('Select a model first', 'error'); return; }
+      // Sync cron one final time before saving
+      syncCronConfig();
+      servers = readServers();
+      const mcpServers = {};
+      servers.forEach(s => {
+        if (!s.name) return;
+        mcpServers[s.name] = {
+          command: s.command,
+          args: s.args.split(/\s+/).filter(Boolean),
+          ...(Object.keys(s.env).length > 0 ? { env: s.env } : {}),
+        };
+      });
+      const config = {
+        provider,
+        claude: {
+          apiKey: provider === 'claude' ? apiKey : '',
+          model: provider === 'claude' ? model : '',
+          baseUrl: provider === 'claude' ? baseUrl : '',
+        },
+        openai: {
+          apiKey: provider === 'openai' ? apiKey : '',
+          model: provider === 'openai' ? model : '',
+          baseUrl: provider === 'openai' ? baseUrl : '',
+        },
+        server: { port },
+      };
+      try {
+        const [configRes, mcpRes] = await Promise.all([
+          fetch('/api/setup', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(config),
+          }),
+          fetch('/api/mcp-servers', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ mcpServers }),
+          }),
+        ]);
+        if (!configRes.ok || !mcpRes.ok) { showStatus('Failed to save config', 'error'); return; }
+        window.location.href = '/';
+      } catch (e) {
+        showStatus('Failed to save config', 'error');
+      }
+    });
+    function showStatus(msg, type) {
+      const el = document.getElementById('status');
+      el.className = 'status-msg ' + type;
+      el.textContent = msg;
+    }
+    // Pre-fill if editing existing config
+    (async () => {
+      try {
+        const [configRes, mcpRes] = await Promise.all([
+          fetch('/api/config'),
+          fetch('/api/mcp-servers'),
+        ]);
+        const data = await configRes.json();
+        const mcpData = await mcpRes.json();
+        if (data.configured && data.config) {
+          const c = data.config;
+          document.querySelector(`input[name="provider"][value="${c.provider}"]`).checked = true;
+          document.getElementById('port').value = c.server.port;
+          // Don't pre-fill masked API key
+          if (c[c.provider].baseUrl) document.getElementById('baseUrl').value = c[c.provider].baseUrl;
+        }
+        // Load MCP servers from dedicated endpoint
+        if (mcpData.mcpServers && Object.keys(mcpData.mcpServers).length > 0) {
+          servers = Object.entries(mcpData.mcpServers).map(([name, s]) => ({
+            name, command: s.command, args: s.args.join(' '), env: s.env || {},
+          }));
+          renderServers(servers);
+        }
+      } catch {}
+    })();
+  </script>
+</body>
+</html>