@agent-link/server 0.1.186 → 0.1.188

package/web/css/tools.css

@@ -1,327 +0,0 @@
-/* ── Tool use lines (collapsible, compact, subdued) ── */
-.tool-line-wrapper {
-  max-width: 100%;
-  padding-left: 0.25rem;
-  overflow: hidden;
-}
-
-.tool-line {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 3px 6px;
-  border-radius: 4px;
-  font-size: 0.8rem;
-  cursor: pointer;
-  user-select: none;
-  transition: background 0.15s;
-  color: var(--text-secondary);
-  min-width: 0;
-  overflow: hidden;
-}
-
-.tool-line:hover {
-  background: var(--bg-tertiary);
-}
-
-.tool-icon {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  color: var(--text-secondary);
-  opacity: 0.6;
-}
-
-.tool-name {
-  font-weight: 500;
-  color: var(--text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-
-.tool-summary {
-  color: var(--text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-  min-width: 0;
-}
-
-.tool-status-icon {
-  color: var(--text-secondary);
-  font-weight: normal;
-  flex-shrink: 0;
-  font-size: 0.75rem;
-  opacity: 0.7;
-}
-
-.tool-line.completed .tool-status-icon {
-  color: var(--success);
-  opacity: 0.6;
-}
-
-.running-dots {
-  display: inline-flex;
-  gap: 2px;
-}
-
-.running-dots span {
-  width: 3px;
-  height: 3px;
-  border-radius: 50%;
-  background: var(--text-secondary);
-  animation: typing 1.2s infinite ease-in-out;
-}
-
-.running-dots span:nth-child(2) { animation-delay: 0.2s; }
-.running-dots span:nth-child(3) { animation-delay: 0.4s; }
-
-.tool-toggle {
-  color: var(--text-secondary);
-  font-size: 0.6rem;
-  flex-shrink: 0;
-  margin-left: auto;
-  opacity: 0.5;
-}
-
-.tool-expand {
-  margin-top: 2px;
-  margin-left: 20px;
-  border-left: 1px solid var(--border);
-  padding-left: 8px;
-  overflow: hidden;
-  animation: toolExpand 0.15s ease-out;
-}
-
-@keyframes toolExpand {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-.tool-block {
-  background: var(--bg-secondary);
-  border-radius: 4px;
-  padding: 0.4rem 0.6rem;
-  margin-top: 0.25rem;
-  overflow-x: auto;
-  font-size: 0.75rem;
-  line-height: 1.4;
-  max-height: 200px;
-  overflow-y: auto;
-  white-space: pre-wrap;
-  word-break: break-all;
-  color: var(--text-secondary);
-}
-
-.tool-output {
-  border-left: 2px solid var(--success);
-  color: var(--text-primary);
-}
-
-/* ── Formatted tool input (Read, Write, Bash, Glob, Grep) ── */
-.tool-input-formatted {
-  padding: 0.3rem 0.5rem;
-  margin-top: 0.25rem;
-  font-size: 0.75rem;
-  line-height: 1.5;
-  color: var(--text-secondary);
-  word-break: break-all;
-}
-
-.tool-input-meta {
-  color: var(--text-secondary);
-  opacity: 0.6;
-}
-
-.tool-input-cmd {
-  background: var(--bg-secondary);
-  padding: 0.1rem 0.4rem;
-  border-radius: 3px;
-  font-size: 0.73rem;
-  word-break: break-all;
-  white-space: pre-wrap;
-}
-
-/* ── TodoWrite checklist ── */
-.todo-list {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.todo-item {
-  display: flex;
-  align-items: baseline;
-  gap: 6px;
-  font-size: 0.75rem;
-  line-height: 1.4;
-  color: var(--text-secondary);
-}
-
-.todo-item.todo-done {
-  opacity: 0.55;
-}
-
-.todo-item.todo-active {
-  color: var(--text-primary);
-}
-
-.todo-icon {
-  flex-shrink: 0;
-  width: 1em;
-  text-align: center;
-  font-size: 0.7rem;
-  opacity: 0.5;
-}
-
-.todo-icon.done {
-  color: var(--success);
-  opacity: 0.8;
-}
-
-.todo-icon.active {
-  color: var(--accent);
-  opacity: 1;
-  font-size: 0.55rem;
-}
-
-.todo-text {
-  word-break: break-word;
-}
-
-/* ── Task / WebFetch formatted fields ── */
-.task-field {
-  font-size: 0.75rem;
-  line-height: 1.5;
-  color: var(--text-secondary);
-}
-
-.task-field + .task-field {
-  margin-top: 2px;
-}
-
-.task-prompt {
-  background: var(--bg-secondary);
-  border-radius: 3px;
-  padding: 0.3rem 0.5rem;
-  margin-top: 3px;
-  font-size: 0.73rem;
-  line-height: 1.4;
-  color: var(--text-secondary);
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 150px;
-  overflow-y: auto;
-}
-
-.tool-link {
-  color: var(--accent);
-  font-size: 0.75rem;
-  word-break: break-all;
-  text-decoration: none;
-}
-
-.tool-link:hover {
-  text-decoration: underline;
-}
-
-[data-theme="light"] .todo-icon.active {
-  color: #0969da;
-}
-
-[data-theme="light"] .tool-link {
-  color: #0969da;
-}
-
-/* ── Edit tool diff view ── */
-.tool-diff {
-  background: var(--bg-secondary);
-  border-radius: 4px;
-  padding: 0.4rem 0.6rem;
-  margin-top: 0.25rem;
-  overflow-x: auto;
-  font-size: 0.75rem;
-  line-height: 1.5;
-  max-height: 300px;
-  overflow-y: auto;
-  font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;
-}
-
-.diff-file {
-  color: var(--text-secondary);
-  margin-bottom: 0.35rem;
-  font-weight: 500;
-}
-
-.diff-replace-all {
-  opacity: 0.6;
-  font-weight: 400;
-}
-
-.diff-lines {
-  border-radius: 3px;
-  overflow: hidden;
-}
-
-.diff-removed, .diff-added {
-  white-space: pre-wrap;
-  word-break: break-all;
-  padding: 0 0.4rem;
-}
-
-.diff-removed {
-  background: rgba(212, 84, 84, 0.12);
-  color: #d4716b;
-}
-
-.diff-added {
-  background: rgba(78, 173, 106, 0.12);
-  color: #5cb87a;
-}
-
-.diff-sign {
-  display: inline-block;
-  width: 1.2em;
-  user-select: none;
-  opacity: 0.7;
-}
-
-[data-theme="light"] .diff-removed {
-  background: rgba(208, 46, 38, 0.12);
-  color: #b31d28;
-}
-
-[data-theme="light"] .diff-added {
-  background: rgba(34, 134, 58, 0.12);
-  color: #22863a;
-}
-
-/* ── Context summary (collapsible continuation notice) ── */
-.context-summary-wrapper {
-  margin: 0.75rem 0;
-}
-
-/* ── Plan mode divider ── */
-.plan-mode-divider {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin: 8px 0;
-}
-
-.plan-mode-divider-line {
-  flex: 1;
-  height: 1px;
-  background: var(--border);
-}
-
-.plan-mode-divider-text {
-  font-size: 0.75rem;
-  color: var(--text-secondary);
-  white-space: nowrap;
-  font-weight: 500;
-}
-

package/web/encryption.js

@@ -1,56 +0,0 @@
-/**
- * Browser-compatible encryption utilities using TweetNaCl and Pako from CDN.
- * Requires: nacl, nacl.util (tweetnacl-util), and pako globals.
- */
-
-const COMPRESS_THRESHOLD = 512;
-
-export function encrypt(data, key) {
-  const nonce = nacl.randomBytes(24);
-  const jsonStr = JSON.stringify(data);
-
-  let message;
-  let compressed = false;
-
-  if (jsonStr.length > COMPRESS_THRESHOLD) {
-    message = pako.gzip(jsonStr);
-    compressed = true;
-  } else {
-    message = nacl.util.decodeUTF8(jsonStr);
-  }
-
-  const encrypted = nacl.secretbox(message, nonce, key);
-  const result = {
-    n: nacl.util.encodeBase64(nonce),
-    c: nacl.util.encodeBase64(encrypted),
-  };
-  if (compressed) result.z = true;
-  return result;
-}
-
-export function decrypt(encrypted, key) {
-  try {
-    const nonce = nacl.util.decodeBase64(encrypted.n);
-    const ciphertext = nacl.util.decodeBase64(encrypted.c);
-    const decrypted = nacl.secretbox.open(ciphertext, nonce, key);
-    if (!decrypted) return null;
-
-    if (encrypted.z) {
-      const decompressed = pako.ungzip(decrypted, { to: 'string' });
-      return JSON.parse(decompressed);
-    } else {
-      return JSON.parse(nacl.util.encodeUTF8(decrypted));
-    }
-  } catch (err) {
-    console.error('[Decrypt] Failed:', err.message);
-    return null;
-  }
-}
-
-export function isEncrypted(msg) {
-  return msg && typeof msg === 'object' && typeof msg.n === 'string' && typeof msg.c === 'string';
-}
-
-export function decodeKey(encodedKey) {
-  return nacl.util.decodeBase64(encodedKey);
-}

package/web/modules/appHelpers.js

@@ -1,100 +0,0 @@
-// ── UI utility functions for the main App component ──────────────────────────
-
-/**
- * Create scroll management functions.
- * @param {string} selector - CSS selector for the scrollable element
- * @returns {{ onScroll, scrollToBottom, cleanup }}
- */
-export function createScrollManager(selector) {
-  let _rafId = null;
-  let _userScrolledUp = false;
-
-  function onScroll(e) {
-    const el = e.target;
-    _userScrolledUp = (el.scrollHeight - el.scrollTop - el.clientHeight) > 80;
-  }
-
-  function scrollToBottom(force) {
-    if (_userScrolledUp && !force) return;
-    if (document.hidden) return;
-    if (_rafId) return;
-    _rafId = requestAnimationFrame(() => {
-      _rafId = null;
-      const el = document.querySelector(selector);
-      if (el) el.scrollTop = el.scrollHeight;
-    });
-  }
-
-  function cleanup() {
-    if (_rafId) { cancelAnimationFrame(_rafId); _rafId = null; }
-  }
-
-  return { onScroll, scrollToBottom, cleanup };
-}
-
-/**
- * Create a debounced highlight.js scheduler.
- * @returns {{ scheduleHighlight, cleanup }}
- */
-export function createHighlightScheduler() {
-  let _hlTimer = null;
-
-  function scheduleHighlight() {
-    if (_hlTimer) return;
-    _hlTimer = setTimeout(() => {
-      _hlTimer = null;
-      if (typeof hljs !== 'undefined') {
-        const root = document.querySelector('.message-list') || document;
-        root.querySelectorAll('pre code:not([data-highlighted])').forEach(block => {
-          hljs.highlightElement(block);
-          block.dataset.highlighted = 'true';
-        });
-      }
-    }, 300);
-  }
-
-  function cleanup() {
-    if (_hlTimer) { clearTimeout(_hlTimer); _hlTimer = null; }
-  }
-
-  return { scheduleHighlight, cleanup };
-}
-
-/**
- * Format a token count for display (e.g. 1500 → "1.5k").
- * @param {number} n
- * @returns {string}
- */
-export function formatTokens(n) {
-  if (n >= 1000) return (n / 1000).toFixed(1) + 'k';
-  return String(n);
-}
-
-export function formatDurationShort(ms) {
-  if (!ms && ms !== 0) return '';
-  const totalSecs = Math.floor(ms / 1000);
-  if (totalSecs < 60) return (ms / 1000).toFixed(1) + 's';
-  const m = Math.floor(totalSecs / 60);
-  const s = totalSecs % 60;
-  if (m < 60) return m + 'm ' + String(s).padStart(2, '0') + 's';
-  const h = Math.floor(m / 60);
-  const rm = m % 60;
-  return h + 'h ' + String(rm).padStart(2, '0') + 'm';
-}
-
-/**
- * Format a usage stats object into a human-readable summary string.
- * @param {object|null} u - Usage stats from turn_completed
- * @returns {string}
- */
-export function formatUsage(u, t) {
-  if (!u) return '';
-  const pct = u.contextWindow ? Math.round(u.inputTokens / u.contextWindow * 100) : 0;
-  const ctx = formatTokens(u.inputTokens) + ' / ' + formatTokens(u.contextWindow) + ' (' + pct + '%)';
-  const cost = '$' + u.totalCost.toFixed(2);
-  const model = u.model.replace(/^claude-/, '').replace(/-\d{8}$/, '').replace(/-1m$/, '');
-  const dur = formatDurationShort(u.durationMs);
-  const contextLabel = t ? t('usage.context') : 'Context';
-  const costLabel = t ? t('usage.cost') : 'Cost';
-  return contextLabel + ' ' + ctx + '  \u00b7  ' + costLabel + ' ' + cost + '  \u00b7  ' + model + '  \u00b7  ' + dur;
-}

package/web/modules/askQuestion.js

@@ -1,63 +0,0 @@
-// ── 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(' | ');
-}