scout-ai 1.0.0 → 1.0.1

data/share/server/chat.js

@@ -0,0 +1,468 @@
+(function(){
+  // Compute API base path so this script works behind a path-prefix proxy (e.g. /sandbox2)
+  function computeApiBase(){
+    // Use location.pathname to derive the directory this UI is served from.
+    // Examples:
+    //  /sandbox2/             -> API base: /sandbox2
+    //  /sandbox2/chat.html    -> API base: /sandbox2
+    //  /                      -> API base: "" (root)
+    const locPath = (window.location && window.location.pathname) ? window.location.pathname : '';
+    let base = locPath || '';
+    // remove trailing slash
+    if(base.length > 1 && base.endsWith('/')) base = base.slice(0, -1);
+    // if the last segment looks like a file (contains a dot), remove it
+    const segs = base.split('/');
+    const last = segs[segs.length - 1] || '';
+    if(last.includes('.')){
+      segs.pop();
+      base = segs.join('/') || '';
+    }
+    // ensure base is empty string for root so concatenation yields '/list' etc.
+    if(base === '/') base = '';
+    return base;
+  }
+
+  const API_BASE = computeApiBase(); // e.g. '/sandbox2' or ''
+
+  const PREDEFINED_KEYS = ['user','system','assistant','import','file','directory', 'continue', 'option','endpoint','model','backend','previous_response_id', 'format','websearch','tool','task','job','inline_job'];
+  const ROLE_ONLY = ['user','system','assistant'];
+  const FILE_KEYS = ['import','file','directory', 'continue'];
+  const MARKED_CDN = 'https://cdn.jsdelivr.net/npm/marked/marked.min.js';
+
+  // State
+  let cells = [];
+  let filesListCache = [];
+
+  // DOM
+  const pathEl = document.getElementById('path');
+  const cellsDiv = document.getElementById('cells');
+  const filesDiv = document.getElementById('files');
+  const logDiv = document.getElementById('log');
+  const cellCountEl = document.getElementById('cellCount');
+
+  const newFileBtn = document.getElementById('newFileBtn');
+  const loadBtn = document.getElementById('loadBtn');
+  const saveBtn = document.getElementById('saveBtn');
+  const runBtn = document.getElementById('runBtn');
+  const runBtnBottom = document.getElementById('runBtnBottom');
+  const exportBtn = document.getElementById('exportBtn');
+  const listBtn = document.getElementById('listBtn');
+  const deleteBtn = document.getElementById('deleteBtn');
+  const addUser = document.getElementById('addUser');
+  const addSystem = document.getElementById('addSystem');
+  const addAssistant = document.getElementById('addAssistant');
+  const addOption = document.getElementById('addOption');
+  const clearBtn = document.getElementById('clearBtn');
+  const loadingIndicator = document.getElementById('loadingIndicator');
+
+  // Modal elements
+  const mdModal = document.getElementById('mdModal');
+  const mdBody = document.getElementById('mdBody');
+  const mdTitle = document.getElementById('mdTitle');
+  const mdClose = document.getElementById('mdClose');
+  const mdCopy = document.getElementById('mdCopy');
+
+  function log(...args){ const line = document.createElement('div'); line.textContent = '['+new Date().toLocaleTimeString()+'] ' + args.join(' '); logDiv.appendChild(line); logDiv.scrollTop = logDiv.scrollHeight; console.log(...args); }
+
+  // HTTP helpers
+  async function fetchJSON(url, opts){
+    // If the url is relative and doesn't start with '/', respect it; otherwise ensure we don't accidentally
+    // strip our computed API_BASE if callers pass absolute URLs. Expect callers to use API_BASE + '/path'.
+    const res = await fetch(url, opts);
+    const text = await res.text();
+    let json = null;
+    try{ json = text ? JSON.parse(text) : {}; }catch(e){ throw new Error('Invalid JSON from ' + url + ': ' + text); }
+    if(!res.ok) throw Object.assign(new Error('HTTP ' + res.status), {status: res.status, body: json});
+    return json;
+  }
+
+  // Load marked library dynamically
+  function loadMarked(){
+    return new Promise((resolve, reject)=>{
+      if(window.marked) return resolve(window.marked);
+      const s = document.createElement('script');
+      s.src = MARKED_CDN;
+      s.async = true;
+      s.onload = ()=>{ try{ return resolve(window.marked); }catch(e){ return reject(e); } };
+      s.onerror = (e)=> reject(new Error('Failed to load marked.js'));
+      document.head.appendChild(s);
+    });
+  }
+
+  // Parse/serialize
+  function parseTextToCells(text){
+    const lines = (text||'').split(/\r?\n/);
+    const out = [];
+    const headerRe = /^([A-Za-z][\w-]*):\s*(.*)$/;
+    let i = 0;
+    while(i < lines.length){
+      const ln = lines[i];
+      const m = ln.match(headerRe);
+      if(m){
+        const key = m[1].toLowerCase();
+        const rest = m[2] || '';
+        // collect all lines until the next header (exclusive)
+        const bodyLines = [];
+        // include the same-line rest (may be empty string)
+        bodyLines.push(rest);
+        let j = i + 1;
+        for(; j < lines.length; j++){
+          if(headerRe.test(lines[j])) break;
+          bodyLines.push(lines[j]);
+        }
+        // count non-empty lines in the block
+        const nonEmptyCount = bodyLines.reduce((acc, l) => acc + (l && l.trim().length>0 ? 1 : 0), 0);
+        const isInline = (nonEmptyCount <= 1);
+        let content;
+        if(isInline){
+          // inline blocks: remove line jumps and join non-empty pieces with a single space
+          const parts = bodyLines.map(l => l ? l.trim() : '').filter(s => s.length>0);
+          content = parts.join(' ');
+        } else {
+          // block: preserve lines (including empty lines)
+          content = bodyLines.join('\n');
+          // trim trailing newlines that come from join
+          content = content.replace(/\n+$/,'');
+        }
+
+        if(ROLE_ONLY.includes(key)){
+          out.push({type:'role', role:key, inline:isInline, content: content});
+        } else if(PREDEFINED_KEYS.includes(key)){
+          out.push({type:'option', key:key, inline:isInline, content: content});
+        } else {
+          // unknown headers treated as option-like blocks
+          out.push({type:'option', key:key, inline:isInline, content: content});
+        }
+        i = j;
+        continue;
+      }
+
+      // Lines not starting with a header: collect until next header and treat as a note block
+      let j = i;
+      const body = [];
+      while(j < lines.length && !headerRe.test(lines[j])){ body.push(lines[j]); j++; }
+      const nonEmptyCount = body.reduce((acc, l) => acc + (l && l.trim().length>0 ? 1 : 0), 0);
+      if(nonEmptyCount <= 1){
+        const parts = body.map(l => l ? l.trim() : '').filter(s => s.length>0);
+        const content = parts.join(' ');
+        if(content.length>0) out.push({type:'role', role:'note', inline:true, content: content});
+      } else {
+        out.push({type:'role', role:'note', inline:false, content: body.join('\n')});
+      }
+      i = j;
+    }
+    return out;
+  }
+
+  function cellsToText(cells){
+    let lines = [];
+    cells.forEach(c=>{
+      if(c.type==='role'){
+        const role = c.role || 'user';
+        if(c.inline) lines.push(role + ': ' + (c.content || ''));
+        else lines.push(role + ':', (c.content || ''), '');
+      } else if(c.type==='option'){
+        const k = c.key || 'import';
+        if(c.inline) lines.push(k + ': ' + (c.content || ''));
+        else lines.push(k + ':', (c.content || ''), '');
+      }
+    });
+    return lines.join('\n').replace(/\n{3,}/g,'\n\n');
+  }
+
+  // Safe markdown render (strip scripts)
+  function sanitizeHtml(html){
+    return html.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, '');
+  }
+
+  function renderMarkdownSafe(md){
+    let html = '';
+    if(window.marked){
+      try{ html = marked.parse(md || ''); }catch(e){ html = escapeHtml(md || ''); }
+    } else {
+      html = '<pre style="white-space:pre-wrap">' + escapeHtml(md || '') + '</pre>';
+    }
+    html = sanitizeHtml(html);
+    return html;
+  }
+
+  // Render
+  function render(){
+    // Ensure there's always an empty user cell at the end (but don't force it into editing/focus)
+    ensureTrailingEmptyCell();
+
+    cellsDiv.innerHTML = '';
+    cells.forEach((c, idx)=>{
+      const el = document.createElement('div'); el.className='cell panel';
+
+      const header = document.createElement('div'); header.className='cell-header';
+
+      const roleBadge = document.createElement('div'); roleBadge.className = 'role-badge ' + (c.role||c.key||'');
+      roleBadge.textContent = (c.type==='role' ? (c.role||'user') : (c.key||'option'));
+      roleBadge.onclick = (e)=>{ e.stopPropagation(); changeRolePrompt(c); };
+      header.appendChild(roleBadge);
+
+      const controls = document.createElement('div'); controls.className = 'cell-controls';
+      controls.innerHTML = '<div class="cell-actions"></div>';
+      const actionsContainer = controls.querySelector('.cell-actions');
+
+      const up = document.createElement('button'); up.textContent='↑'; up.title='Move up'; up.onclick = (e)=>{ e.stopPropagation(); if(idx>0){ const t = cells[idx-1]; cells[idx-1]=cells[idx]; cells[idx]=t; updateAndRender(); } };
+      const down = document.createElement('button'); down.textContent='↓'; down.title='Move down'; down.onclick = (e)=>{ e.stopPropagation(); if(idx<cells.length-1){ const t = cells[idx+1]; cells[idx+1]=cells[idx]; cells[idx]=t; updateAndRender(); } };
+      const del = document.createElement('button'); del.textContent='✕'; del.title='Delete'; del.onclick = (e)=>{ e.stopPropagation(); if(confirm('Delete this cell?')){ cells.splice(idx,1); updateAndRender(); } };
+      const convert = document.createElement('button'); convert.className='small'; convert.textContent = (c.type==='option' ? 'opt' : (c.inline ? '→block' : '→inline'));
+      convert.onclick = (e)=>{ e.stopPropagation(); if(c.type==='option') return; c.inline = !c.inline; updateAndRender(); };
+      const editBtn = document.createElement('button'); editBtn.className='small'; editBtn.textContent='edit'; editBtn.title='Edit'; editBtn.onclick = (e)=>{ e.stopPropagation(); startEditing(c, idx); };
+
+      actionsContainer.appendChild(up); actionsContainer.appendChild(down); actionsContainer.appendChild(convert); actionsContainer.appendChild(editBtn); actionsContainer.appendChild(del);
+
+      header.appendChild(controls);
+      el.appendChild(header);
+
+      // content area
+      const contentWrap = document.createElement('div'); contentWrap.style.width='100%';
+
+      // If not editing and this is an assistant role, render markdown as HTML; other roles show plain text preview
+      if(!c.editing){
+        if(c.type==='role' && (c.role||'') === 'assistant'){
+          const preview = document.createElement('div'); preview.className = 'assistant-bubble message-preview';
+          preview.innerHTML = renderMarkdownSafe(c.content || '');
+          // clicking preview starts editing that cell
+          preview.onclick = (e)=>{ e.stopPropagation(); startEditing(c, idx); };
+          contentWrap.appendChild(preview);
+        } else {
+          // render plain preview text (for user/system/note and options)
+          const preview = document.createElement('div'); preview.className = ((c.type==='role' && (c.role||'')==='user')? 'user-bubble message-preview' : 'message-preview');
+          preview.textContent = c.content || '';
+          preview.onclick = (e)=>{ e.stopPropagation(); startEditing(c, idx); };
+          contentWrap.appendChild(preview);
+        }
+      } else {
+        // editing mode: show input or textarea depending on inline
+        if(c.inline){
+          const input = document.createElement('input'); input.className='cell-input'; input.value = c.content || '';
+          if(c.type==='option' && FILE_KEYS.includes((c.key||'').toLowerCase())){ input.setAttribute('list','files_datalist'); }
+          input.oninput = (e)=>{ c.content = input.value; // when typing in an editing cell, maintain trailing empty cell
+            if(idx === cells.length - 1) ensureTrailingEmptyCell(); };
+          input.onblur = ()=>{ c.editing = false; updateAndRender(); };
+          input.onkeydown = (e)=>{ if(e.key === 'Enter' && (e.metaKey || e.ctrlKey)){ input.blur(); } };
+          contentWrap.appendChild(input);
+          // autofocus only if this cell was explicitly put into editing mode
+          if(c._shouldFocus){ setTimeout(()=>{ input.focus(); input.selectionStart = input.value.length; c._shouldFocus = false; }, 0); }
+        } else {
+          const ta = document.createElement('textarea'); ta.className='cell-text'; ta.value = c.content || '';
+          ta.oninput = (e)=>{ c.content = ta.value; if(idx === cells.length - 1) ensureTrailingEmptyCell(); };
+          ta.onblur = ()=>{ c.editing = false; updateAndRender(); };
+          ta.onkeydown = (e)=>{ if(e.key === 'Enter' && (e.metaKey || e.ctrlKey)){ ta.blur(); } };
+          contentWrap.appendChild(ta);
+          if(c._shouldFocus){ setTimeout(()=>{ ta.focus(); ta.selectionStart = ta.value.length; c._shouldFocus = false; }, 0); }
+        }
+      }
+
+      el.appendChild(contentWrap);
+      cellsDiv.appendChild(el);
+    });
+    cellCountEl.textContent = cells.length;
+    renderDatalists();
+  }
+
+  function startEditing(c, idx){ c.editing = true; c._shouldFocus = true; updateAndRender(); }
+
+  // Always keep a trailing empty user cell, but do not force it into editing/focus when unrelated actions occur
+  function ensureTrailingEmptyCell(){
+    if(cells.length === 0){
+      cells.push({type:'role', role:'user', inline:false, content:'', editing:false});
+      return;
+    }
+    const last = cells[cells.length - 1];
+    if(!(last.type === 'role' && (last.role || '') === 'user' && (!last.content || last.content.trim() === ''))){
+      // append a non-editing empty user cell
+      cells.push({type:'role', role:'user', inline:false, content:'', editing:false});
+    }
+    // do not change editing state of existing cells
+  }
+
+  function updateAndRender(){ render(); }
+
+  // Actions
+  function addCell(role){ if(ROLE_ONLY.includes(role)) cells.push({type:'role', role:role, inline:false, content:'', editing:false}); else cells.push({type:'option', key:role, inline:true, content:'', editing:false}); updateAndRender(); }
+  function addOptionCell(){ cells.push({type:'option', key:'import', inline:true, content:'', editing:false}); updateAndRender(); }
+  function clearCells(){ if(confirm('Clear all cells?')){ cells=[]; ensureTrailingEmptyCell(); updateAndRender(); } }
+
+  // role change prompt (simple)
+  function changeRolePrompt(c){ const ans = prompt('Set role (user, system, assistant, or option key):', (c.type==='role'? c.role : c.key)); if(ans===null) return; const v = ans.trim().toLowerCase(); if(ROLE_ONLY.includes(v)){ c.type='role'; c.role=v; c.key=undefined; } else if(v.length===0){ return; } else { c.type='option'; c.key=v; c.role=undefined; } updateAndRender(); }
+
+  // Server interactions
+  async function renderFileList(){
+    try{
+      const res = await fetchJSON((API_BASE || '') + '/list');
+      const wsFiles = res.files || [];
+      filesListCache = wsFiles.slice();
+      const prevScroll = filesDiv.scrollTop;
+      filesDiv.innerHTML = '';
+      if(wsFiles.length===0) filesDiv.innerHTML = '<div class="small muted">(no files)</div>';
+      wsFiles.forEach(k=>{
+        const div = document.createElement('div'); div.className='file-item';
+        const a = document.createElement('a'); a.href='#'; a.textContent = k; a.onclick = (e)=>{ e.preventDefault(); pathEl.value=k; loadFile(); };
+        const meta = document.createElement('div'); meta.className='small muted'; meta.textContent = '';
+        div.appendChild(a); div.appendChild(meta); filesDiv.appendChild(div);
+      });
+
+      // update datalist for files
+      renderDatalists(wsFiles);
+      filesDiv.scrollTop = prevScroll;
+      log('Listed', wsFiles.length, 'files');
+    }catch(e){ log('Error listing files:', e.message || e); filesDiv.innerHTML = '<div class="small muted">(error)</div>'; renderDatalists([]); }
+  }
+
+  function renderDatalists(filesList){
+    if(typeof filesList === 'undefined') filesList = filesListCache || [];
+
+    const oldKeys = document.getElementById('keys_datalist'); if(oldKeys) oldKeys.remove();
+    const oldFiles = document.getElementById('files_datalist'); if(oldFiles) oldFiles.remove();
+
+    const keys = document.createElement('datalist'); keys.id='keys_datalist';
+    PREDEFINED_KEYS.forEach(k=>{ const o=document.createElement('option'); o.value=k; keys.appendChild(o); });
+    document.body.appendChild(keys);
+
+    const files = document.createElement('datalist'); files.id='files_datalist';
+    (filesList || []).slice().sort().forEach(k=>{ const o=document.createElement('option'); o.value=k; files.appendChild(o); });
+    document.body.appendChild(files);
+
+    if(pathEl){ pathEl.setAttribute('list','files_datalist'); }
+  }
+
+  async function saveFile(){ const p = pathEl.value.trim(); if(!p){ alert('Enter path'); return; } const text = cellsToText(cells);
+    try{
+      const res = await fetchJSON((API_BASE || '') + '/save', {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({path: p, content: text})});
+      await renderFileList(); log('Saved ' + p);
+    }catch(e){ log('Save failed:', e.message || e); alert('Save failed: ' + (e.message || e)); }
+  }
+
+  async function loadFile(){ const p = pathEl.value.trim(); if(!p){ alert('Enter path'); return; } try{
+      const res = await fetchJSON((API_BASE || '') + '/load?path=' + encodeURIComponent(p));
+      const txt = res.content || '';
+      cells = parseTextToCells(txt);
+      // after loading, ensure trailing empty cell
+      ensureTrailingEmptyCell();
+      updateAndRender(); log('Loaded ' + p);
+    }catch(e){ log('Load failed:', e.message || e); alert('Load failed: ' + (e.body && e.body.error) ? e.body.error : (e.message || 'error')); }
+  }
+
+  async function newFile(){ const p = pathEl.value.trim(); if(!p){ alert('Enter path'); return; } if(!confirm('Create new file at: ' + p + ' ?')) return; cells = []; try{ await saveFile(); }catch(e){} }
+
+  // Truncate file content (server has no delete endpoint in this simple server)
+  async function deletePath(){ const p = pathEl.value.trim(); if(!p){ alert('Enter path'); return; } if(!confirm('Truncate ' + p + ' ? This will clear the file content.')) return; try{
+      const res = await fetchJSON((API_BASE || '') + '/save', {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({path: p, content: ''})});
+      await renderFileList(); log('Truncated ' + p);
+    }catch(e){ log('Truncate failed:', e.message || e); alert('Truncate failed: ' + (e.message || e)); }
+  }
+
+  async function runFile(){ const p = pathEl.value.trim(); if(!p){ alert('Enter path'); return; } const text = cellsToText(cells);
+    // show loading state
+    setLoading(true);
+    try{
+      const res = await fetchJSON((API_BASE || '') + '/run', {method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({path: p, content: text})});
+      const newText = res.content || '';
+      cells = parseTextToCells(newText);
+      // After running, ensure trailing empty cell
+      ensureTrailingEmptyCell();
+      updateAndRender(); await renderFileList(); log('Ran and appended assistant reply to ' + p);
+    }catch(e){ log('Run failed:', e.message || e); alert('Run failed: ' + (e.message || e)); }
+    finally{ setLoading(false); }
+  }
+
+  function exportText(){ const t = cellsToText(cells); const w = window.open(); w.document.body.style.background='#fff'; w.document.title='Exported Chat'; const pre = w.document.createElement('pre'); pre.textContent = t; pre.style.whiteSpace='pre-wrap'; pre.style.fontFamily='monospace'; pre.style.padding='16px'; w.document.body.appendChild(pre); }
+
+  // Use marked for markdown rendering. If not available, fallback to a safe escaped render.
+  function escapeHtml(s){ return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+
+  // Updated: showMarkdownModal now ensures the generated HTML is inserted as real DOM using marked if available
+  function showMarkdownModal(md, title){
+    mdTitle.textContent = title || 'Preview';
+    let html = '';
+    if(window.marked){
+      try{ html = marked.parse(md || ''); }catch(e){ html = escapeHtml(md || ''); }
+    } else {
+      html = '<pre style="white-space:pre-wrap">' + escapeHtml(md || '') + '</pre>';
+      loadMarked().then(m=>{ /* noop - next previews will use marked */ }).catch(e=>{ console.warn('Could not load marked:', e); });
+    }
+
+    html = html.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, '');
+
+    mdBody.innerHTML = html;
+    mdBody.style.whiteSpace = 'normal';
+    mdModal.style.display = 'flex';
+    mdModal.setAttribute('aria-hidden','false');
+  }
+  function hideMarkdownModal(){ mdModal.style.display = 'none'; mdModal.setAttribute('aria-hidden','true'); }
+  mdClose.onclick = hideMarkdownModal;
+  mdModal.onclick = function(e){ if(e.target === mdModal) hideMarkdownModal(); };
+
+  // Copy modal content to clipboard (HTML + text) so it can be pasted into Word with formatting
+  async function copyMarkdownModal(){
+    const html = mdBody.innerHTML || '';
+    const text = mdBody.innerText || mdBody.textContent || '';
+    if(!navigator.clipboard){
+      try{
+        const temp = document.createElement('div'); temp.style.position='fixed'; temp.style.left='-10000px'; temp.innerText = text; document.body.appendChild(temp);
+        const range = document.createRange(); range.selectNodeContents(temp);
+        const sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range);
+        document.execCommand('copy');
+        sel.removeAllRanges(); document.body.removeChild(temp);
+        log('Copied modal content as plain text (execCommand fallback)');
+        flashCopyBtn();
+        return;
+      }catch(e){ alert('Copy not supported: ' + e.message); return; }
+    }
+
+    if(window.ClipboardItem){
+      try{
+        const blobHtml = new Blob([html], {type: 'text/html'});
+        const blobText = new Blob([text], {type: 'text/plain'});
+        const item = new ClipboardItem({'text/html': blobHtml, 'text/plain': blobText});
+        await navigator.clipboard.write([item]);
+        log('Copied modal content (HTML + text)');
+        flashCopyBtn();
+        return;
+      }catch(e){ console.warn('ClipboardItem write failed, falling back to plain text:', e); }
+    }
+
+    try{
+      await navigator.clipboard.writeText(text);
+      log('Copied modal content as plain text (fallback)');
+      flashCopyBtn();
+    }catch(e){ alert('Copy failed: ' + e.message); }
+  }
+
+  function flashCopyBtn(){ if(!mdCopy) return; const old = mdCopy.textContent; mdCopy.textContent = 'Copied!'; mdCopy.disabled = true; setTimeout(()=>{ mdCopy.textContent = old; mdCopy.disabled = false; }, 1500); }
+
+  if(mdCopy) mdCopy.onclick = copyMarkdownModal;
+
+  function setLoading(on){ if(on){ loadingIndicator.style.display='inline-flex'; runBtn.disabled = true; runBtnBottom.disabled = true; saveBtn.disabled = true; } else { loadingIndicator.style.display='none'; runBtn.disabled = false; runBtnBottom.disabled = false; saveBtn.disabled = false; } }
+
+  // Wire events
+  newFileBtn.onclick = newFile;
+  loadBtn.onclick = loadFile;
+  saveBtn.onclick = saveFile;
+  runBtn.onclick = runFile;
+  runBtnBottom.onclick = runFile;
+  exportBtn.onclick = exportText;
+  listBtn && (listBtn.onclick = renderFileList);
+  deleteBtn && (deleteBtn.onclick = deletePath);
+  addUser.onclick = ()=>addCell('user');
+  addSystem.onclick = ()=>addCell('system');
+  addAssistant.onclick = ()=>addCell('assistant');
+  addOption.onclick = ()=>addOptionCell();
+  clearBtn.onclick = clearCells;
+
+  // Init
+  (async function init(){
+    await renderFileList();
+    try{ await loadMarked(); log('marked.js loaded'); }catch(e){ log('marked.js not available, falling back to plain preview'); }
+    cells = [{type:'role', role:'system', inline:false, content:'You are a helpful assistant.'}, {type:'role', role:'user', inline:false, content:'Tell me about genome editing.'}];
+    ensureTrailingEmptyCell();
+    updateAndRender();
+    log('Notebook editor ready (server-backed).');
+  })();
+
+})();

data/test/scout/llm/backends/test_anthropic.rb

@@ -0,0 +1,134 @@
+require File.expand_path(__FILE__).sub(%r(/test/.*), '/test/test_helper.rb')
+require File.expand_path(__FILE__).sub(%r(.*/test/), '').sub(/test_(.*)\.rb/,'\1')
+
+class TestLLMAnthropic < Test::Unit::TestCase
+  def _test_say_hi
+    prompt =<<-EOF
+user: say hi
+    EOF
+    sss 0
+    ppp LLM::Anthropic.ask prompt
+  end
+
+  def _test_ask
+    prompt =<<-EOF
+user: write a script that sorts files in a directory
+    EOF
+    sss 0
+    ppp LLM::Anthropic.ask prompt
+  end
+
+  def __test_embeddings
+    Log.severity = 0
+    text =<<-EOF
+Some text
+    EOF
+    emb = LLM::Anthropic.embed text, log_errors: true, model: 'embedding-model'
+
+    assert(Float === emb.first)
+  end
+
+  def _test_tool_call_output_2
+    Log.severity = 0
+    prompt =<<-EOF
+function_call:
+
+{"name":"get_current_temperature", "arguments":{"location":"London","unit":"Celsius"},"id":"tNTnsQq2s6jGh0npOh43AwDD"}
+
+function_call_output:
+
+{"id":"tNTnsQq2s6jGh0npOh43AwDD", "content":"It's 15 degrees and raining."}
+
+user:
+
+should i take an umbrella?
+    EOF
+    ppp LLM::Anthropic.ask prompt
+  end
+
+  def _test_tool_call_output_features
+    Log.severity = 0
+    prompt =<<-EOF
+function_call:
+
+{"name":"Baking-bake_muffin_tray","arguments":{},"id":"Baking_bake_muffin_tray_Default"}
+
+function_call_output:
+
+{"id":"Baking_bake_muffin_tray_Default","content":"Baking batter (Mixing base (Whisking eggs from share/pantry/eggs) with mixer (share/pantry/flour))"}
+
+user:
+
+How do you bake muffins, according to the tool I provided you. Don't
+tell me the recipe you already know, use the tool call output. Let me
+know if you didn't get it.
+    EOF
+    ppp LLM::Anthropic.ask prompt
+  end
+
+  def _test_tool_call_output_weather
+    Log.severity = 0
+    prompt =<<-EOF
+function_call:
+
+{"name":"get_current_temperature", "arguments":{"location":"London","unit":"Celsius"},"id":"tNTnsQq2s6jGh0npOh43AwDD"}
+
+function_call_output:
+
+{"id":"tNTnsQq2s6jGh0npOh43AwDD", "content":"It's 15 degrees and raining."}
+
+user:
+
+should i take an umbrella?
+    EOF
+    ppp LLM::Anthropic.ask prompt
+  end
+
+  def _test_tool
+    prompt =<<-EOF
+user:
+What is the weather in London. Should I take my umbrella?
+    EOF
+
+    tools = [
+      {
+        "type": "custom",
+        "name": "get_current_temperature",
+        "description": "Get the current temperature and raining conditions for a specific location",
+        "parameters": {
+          "type": "object",
+          "properties": {
+            "location": {
+              "type": "string",
+              "description": "The city and state, e.g., San Francisco, CA"
+            },
+            "unit": {
+              "type": "string",
+              "enum": ["Celsius", "Fahrenheit"],
+              "description": "The temperature unit to use. Infer this from the user's location."
+            }
+          },
+          "required": ["location", "unit"]
+        }
+      },
+    ]
+
+    sss 0
+    respose = LLM::Anthropic.ask prompt, tools: tools, log_errors: true do |name,arguments|
+      "It's 15 degrees and raining."
+    end
+
+    ppp respose
+  end
+
+  def test_json_output
+    prompt =<<-EOF
+user:
+
+What other movies have the protagonists of the original gost busters played on, just the top.
+    EOF
+    sss 0
+    ppp LLM::Anthropic.ask prompt, format: :json
+  end
+end
+