adhdev 0.1.54 → 0.4.0

package/dist/dev-console.js

@@ -1,1165 +0,0 @@
-const API = 'http://127.0.0.1:19280';
-let currentProvider = '';
-
-// ─── Init ───
-async function init() {
-  await refreshProviders();
-  await refreshStatus();
-  await refreshTargets();
-  setInterval(refreshStatus, 5000);
-}
-
-async function api(path, method = 'GET', body = null) {
-  const opts = { method, headers: { 'Content-Type': 'application/json' } };
-  if (body) opts.body = JSON.stringify(body);
-  const res = await fetch(API + path, opts);
-  return res.json();
-}
-
-async function apiBinary(path) {
-  const res = await fetch(API + path);
-  return res;
-}
-
-// ─── Providers ───
-async function refreshProviders() {
-  try {
-    const data = await api('/api/providers');
-    const sel = document.getElementById('providerSelect');
-    sel.innerHTML = '<option value="">— Select Provider —</option>';
-    for (const p of data.providers || []) {
-      sel.innerHTML += `<option value="${p.type}">${p.category === 'ide' ? '💻' : p.category === 'extension' ? '🧩' : '⌨️'} ${p.name} (${p.type})</option>`;
-    }
-    sel.onchange = () => {
-      currentProvider = sel.value;
-      updateScriptMenu();
-      exitEditMode();
-    };
-  } catch (e) {
-    log('❌ Cannot reach DevServer: ' + e.message, 'error');
-  }
-}
-
-async function refreshTargets() {
-  try {
-    const data = await api('/api/cdp/targets');
-    const sel = document.getElementById('ideTargetSelect');
-    sel.innerHTML = '<option value="">Auto</option>';
-    for (const t of data.targets || []) {
-      const dot = t.connected ? '🟢' : '🔴';
-      sel.innerHTML += `<option value="${t.ide}">${dot} ${t.ide} (:${t.port})</option>`;
-    }
-  } catch {}
-}
-
-// ─── Script Menu ───
-function updateScriptMenu() {
-  const dropdown = document.getElementById('scriptDropdown');
-  dropdown.innerHTML = '';
-  if (!currentProvider) return;
-
-  api('/api/providers').then(data => {
-    const provider = (data.providers || []).find(p => p.type === currentProvider);
-    if (!provider) return;
-    for (const script of provider.scripts || []) {
-      const item = document.createElement('div');
-      item.className = 'item';
-      item.style.cssText = 'display:flex;justify-content:space-between;align-items:center;';
-      const left = document.createElement('span');
-      left.textContent = script;
-      left.style.cursor = 'pointer';
-      left.onclick = () => loadProviderScript(script);
-      left.title = 'Load into editor';
-      const right = document.createElement('div');
-      right.style.cssText = 'display:flex;gap:4px;';
-      // Quick run button (no params)
-      const runBtn = document.createElement('button');
-      runBtn.textContent = '▶';
-      runBtn.title = 'Quick run (no params)';
-      runBtn.style.cssText = 'padding:2px 6px;font-size:10px;background:var(--accent);color:#000;border:none;border-radius:3px;cursor:pointer;';
-      runBtn.onclick = (e) => { e.stopPropagation(); dropdown.classList.remove('show'); runProviderScript(script); };
-      right.appendChild(runBtn);
-      // Params run button
-      const paramsBtn = document.createElement('button');
-      paramsBtn.textContent = '⚙ params';
-      paramsBtn.title = 'Run with custom JSON params';
-      paramsBtn.style.cssText = 'padding:2px 8px;font-size:10px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:4px;';
-      paramsBtn.onmouseover = () => { paramsBtn.style.color = 'var(--text)'; paramsBtn.style.borderColor = 'var(--text-dim)'; };
-      paramsBtn.onmouseout = () => { paramsBtn.style.color = 'var(--text-dim)'; paramsBtn.style.borderColor = 'var(--border)'; };
-      paramsBtn.onclick = (e) => { e.stopPropagation(); dropdown.classList.remove('show'); showParamsPrompt(script); };
-      right.appendChild(paramsBtn);
-      item.appendChild(left);
-      item.appendChild(right);
-      dropdown.appendChild(item);
-    }
-  });
-}
-
-function showParamsPrompt(scriptName) {
-  const raw = prompt(`Params for "${scriptName}" (JSON object):\n\nExamples:\n  {"text": "hello"}\n  {"buttonText": "Accept"}\n  {"index": 0, "button": "Restart"}`, '{}');
-  if (raw === null) return;
-  try {
-    const params = JSON.parse(raw);
-    runProviderScript(scriptName, params);
-  } catch (e) {
-    log('⚠ Invalid JSON: ' + e.message, 'warn');
-  }
-}
-
-document.getElementById('scriptBtn').onclick = (e) => {
-  e.stopPropagation();
-  const d = document.getElementById('scriptDropdown');
-  d.classList.toggle('show');
-};
-document.addEventListener('click', () => {
-  document.getElementById('scriptDropdown').classList.remove('show');
-});
-
-async function loadProviderScript(scriptName) {
-  document.getElementById('scriptDropdown').classList.remove('show');
-  const editor = document.getElementById('editor');
-  activeScript = scriptName; // track which script is being edited
-
-  // Show script editing mode indicator
-  const tabHeader = document.querySelector('.editor-header');
-  document.querySelectorAll('.editor-header .tab').forEach(t => t.classList.remove('active'));
-
-  // Add/update script mode indicator (replaces Editor tab with script name + close button)
-  let scriptTab = document.getElementById('scriptModeTab');
-  if (!scriptTab) {
-    scriptTab = document.createElement('div');
-    scriptTab.id = 'scriptModeTab';
-    scriptTab.style.cssText = 'display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(88,166,255,0.15);color:var(--accent);font-weight:600;border-radius:4px;margin-left:4px;font-size:12px;';
-  }
-  scriptTab.innerHTML = `✏️ Editing: <b>${scriptName}</b> <button id="scriptModeClose" style="background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:3px;padding:1px 6px;font-size:10px;margin-left:4px" title="Exit edit mode and restore editor">✕ Close</button>`;
-  tabHeader.appendChild(scriptTab);
-  document.getElementById('scriptModeClose').onclick = () => {
-    activeScript = null;
-    scriptTab.remove();
-    editor.value = editor.dataset.backup || '';
-    document.querySelector('.editor-header .tab[data-tab="editor"]').classList.add('active');
-    updateSaveBtn();
-    editor.style.borderLeft = '';
-    document.getElementById('saveBtn').style.display = 'none';
-    log('✏️ Script edit mode closed, editor restored.', 'log');
-  };
-
-  // 탭 클릭했을 때 복구를 위한 임시 저장
-  scriptTab.onclick = (e) => {
-    // 닫기 버튼이 아닌 여백/글씨 영역을 클릭했을 때
-    if (e.target.id !== 'scriptModeClose') {
-      document.querySelectorAll('.editor-header .tab, #scriptModeTab').forEach(t => t.classList.remove('active'));
-      scriptTab.classList.add('active');
-      document.getElementById('editor').value = scriptTab.dataset.scriptCode || '';
-      document.getElementById('saveBtn').style.display = 'inline-block';
-      document.getElementById('editor').style.borderLeft = '3px solid var(--accent)';
-    }
-  };
-  scriptTab.classList.add('active');
-
-  try {
-    const result = await api(`/api/providers/${currentProvider}/source`);
-    const source = result.source || '';
-    // Extract function body using brace counting (regex fails with template literals)
-    const fnStart = source.indexOf(scriptName + '(');
-    if (fnStart >= 0) {
-      const braceStart = source.indexOf('{', fnStart);
-      if (braceStart >= 0) {
-        let depth = 1, i = braceStart + 1;
-        let inTmpl = false, inStr = null;
-        while (i < source.length && depth > 0) {
-          const ch = source[i], prev = source[i-1] || '';
-          if (!inStr && !inTmpl && ch === '`') inTmpl = true;
-          else if (inTmpl && ch === '`' && prev !== '\\') inTmpl = false;
-          else if (!inStr && !inTmpl && (ch === "'" || ch === '"')) inStr = ch;
-          else if (inStr && ch === inStr && prev !== '\\') inStr = null;
-          else if (!inStr && !inTmpl) { if (ch === '{') depth++; else if (ch === '}') depth--; }
-          if (depth > 0) i++;
-        }
-        if (depth === 0) {
-          const body = source.slice(braceStart + 1, i).trim();
-          // Extract CDP code from template literal: return `...code...`;
-          const tmplMatch = body.match(/return\s*`([\s\S]*)`;?\s*$/);
-          if (tmplMatch) {
-            // Unescape template literal chars
-            editor.value = tmplMatch[1].replace(/\\`/g, '`').replace(/\\\$\{/g, '${');
-          } else if (body.includes('return null')) {
-            editor.value = getScriptTemplate(scriptName);
-          } else {
-            editor.value = body;
-          }
-        } else {
-          editor.value = getScriptTemplate(scriptName);
-        }
-      } else {
-        editor.value = getScriptTemplate(scriptName);
-      }
-    } else {
-      editor.value = getScriptTemplate(scriptName);
-    }
-  } catch {
-    editor.value = getScriptTemplate(scriptName);
-  }
-  updateSaveBtn();
-  document.getElementById('saveBtn').style.display = 'inline-block';
-  editor.style.borderLeft = '3px solid var(--accent)';
-  scriptTab.dataset.scriptCode = editor.value; // 백업용 저장
-  log(`✏️ Script edit mode: ${scriptName} — Edit the CDP JS below, click ▶ Run to test, 💾 Save to update provider.js`, 'info');
-}
-
-let activeScript = null; // current script being edited
-
-function getScriptTemplate(script) {
-  const templates = {
-    readChat: `(() => {
-  try {
-    const messages = [];
-    let status = 'idle';
-    // TODO: Find your message elements
-    // Use 🔍 DOM to discover selectors
-    // const msgEls = document.querySelectorAll('[data-message-id]');
-    return JSON.stringify({ messages, status, id: 'active', title: document.title });
-  } catch(e) {
-    return JSON.stringify({ messages: [], status: 'error', error: e.message });
-  }
-})()`,
-    sendMessage: `(async () => {
-  const msg = \${TEXT};
-  // TODO: Type and send message
-  // Return needsTypeAndSend if using CDP type method
-  return JSON.stringify({ sent: false, needsTypeAndSend: true, selector: '[contenteditable]' });
-})()`,
-    listSessions: `(() => {
-  const sessions = [];
-  // TODO: Find session list elements
-  return JSON.stringify(sessions);
-})()`,
-
-    openPanel: `(() => {
-  // TODO: Open the chat/agent panel if hidden
-  const sidebar = document.getElementById('workbench.parts.auxiliarybar');
-  if (sidebar && sidebar.offsetWidth > 0) return 'visible';
-  // Try clicking a toggle button
-  return 'not_found';
-})()`,
-  };
-  return templates[script] || `(() => {\n  // TODO: Implement ${script}\n  return JSON.stringify({});\n})()`;
-}
-
-function updateSaveBtn() {
-  const saveBtn = document.getElementById('saveBtn');
-  if (activeScript) {
-    saveBtn.textContent = '💾 Save Script';
-    saveBtn.title = `Save ${activeScript} to provider.js`;
-  } else {
-    saveBtn.textContent = '💾 Save & Run';
-    saveBtn.title = 'Save provider.js and re-run last script';
-  }
-}
-
-async function runProviderScript(scriptName, params) {
-  if (scriptName && !params) lastRunScript = scriptName; // track for Save & Run
-  const ideTarget = document.getElementById('ideTargetSelect').value || undefined;
-  const start = Date.now();
-  try {
-    const result = await api(`/api/providers/${currentProvider}/script`, 'POST', {
-      script: scriptName,
-      params: params || {},
-      ideType: ideTarget,
-    });
-    const elapsed = Date.now() - start;
-    document.getElementById('execTime').textContent = `${elapsed}ms`;
-    // null 또는 undefined 처리
-    const resValue = result.result !== undefined ? result.result : result;
-    showResult(resValue, result.error ? 'error' : 'ok');
-  } catch (e) {
-    showResult({ error: e.message }, 'error');
-  }
-}
-
-// ─── Run Script ───
-document.getElementById('runBtn').onclick = runEditor;
-// CM handles Ctrl+Enter via keymap; expose runEditor for CM module
-window.runEditor = runEditor;
-
-// ─── Helper runtime injection ───
-const HELPER_PREAMBLE = `
-var __logs = [];
-function log() { var args = Array.prototype.slice.call(arguments); __logs.push(args.map(function(a) { return typeof a === 'object' ? JSON.stringify(a) : String(a); }).join(' ')); }
-function queryAll(sel, limit) {
-  var els = Array.from(document.querySelectorAll(sel)).slice(0, limit || 20);
-  return els.map(function(el, i) {
-    var r = el.getBoundingClientRect();
-    return { index: i, tag: el.tagName.toLowerCase(), id: el.id || undefined, text: (el.textContent||'').trim().substring(0,100), visible: el.offsetWidth > 0, bounds: { top: Math.round(r.top), left: Math.round(r.left), w: Math.round(r.width), h: Math.round(r.height) } };
-  });
-}
-function click(sel) {
-  var el = document.querySelector(sel);
-  if (!el) return false;
-  el.click();
-  return true;
-}
-function getStyle(el, prop) { return getComputedStyle(el)[prop]; }
-function sleep(ms) { return new Promise(function(r) { setTimeout(r, ms); }); }
-function waitFor(sel, timeout) {
-  timeout = timeout || 5000;
-  return new Promise(function(resolve) {
-    var start = Date.now();
-    (function check() {
-      var el = document.querySelector(sel);
-      if (el) return resolve(el);
-      if (Date.now() - start > timeout) return resolve(null);
-      setTimeout(check, 200);
-    })();
-  });
-}
-`;
-
-function wrapWithHelpers(code) {
-  // If the code is an IIFE or expression, prepend "return await" to catch its result.
-  // Otherwise, run it directly (assuming user will use "return" for raw scripts, or just wants to run statements).
-  const isIIFE = /^\s*\(?\s*(async\s*)?\(\s*\)\s*=>\s*\{/.test(code);
-  const wrappedBody = isIIFE ? `return await ${code};` : code;
-
-  return `(async () => {
-${HELPER_PREAMBLE}
-try {
-  const __result = await (async () => {
-    ${wrappedBody}
-  })();
-  return JSON.stringify({ __helpers: true, logs: __logs, result: __result });
-} catch(e) {
-  return JSON.stringify({ __helpers: true, logs: __logs, error: Object.getOwnPropertyNames(e).reduce((a, k) => { a[k] = e[k]; return a; }, {}) });
-}
-})()`;
-}
-
-async function runEditor() {
-  const code = document.getElementById('editor').value.trim();
-  if (!code) return;
-
-  const ideTarget = document.getElementById('ideTargetSelect').value || undefined;
-  const wrappedCode = wrapWithHelpers(code);
-  const start = Date.now();
-  try {
-    const result = await api('/api/cdp/evaluate', 'POST', {
-      expression: wrappedCode,
-      timeout: 30000,
-      ideType: ideTarget,
-    });
-    const elapsed = Date.now() - start;
-    document.getElementById('execTime').textContent = `${elapsed}ms`;
-
-    // Parse helper wrapper result
-    let raw = result.result !== undefined ? result.result : result;
-    let parsed = null;
-    if (typeof raw === 'object' && raw !== null && raw.__helpers) {
-      parsed = raw;
-    } else if (typeof raw === 'string') {
-      try { parsed = JSON.parse(raw); } catch(e) {}
-    }
-
-    if (parsed && parsed.__helpers) {
-      // Show logs first
-      for (const l of (parsed.logs || [])) {
-        appendOutput(l, 'log');
-      }
-      // Show result or error
-      if (parsed.error) {
-        appendOutput(parsed.error, 'error');
-        setBadge('error');
-      } else {
-        const val = parsed.result;
-        // Try to parse if JSON string
-        let display = val;
-        try {
-          if (typeof val === 'string') display = JSON.parse(val);
-        } catch(e) {}
-        appendOutput(typeof display === 'object' ? JSON.stringify(display, null, 2) : String(display ?? 'undefined'), 'result');
-        setBadge('ok');
-      }
-    } else {
-      // Fallback: non-helper result
-      showResult(raw, result.error ? 'error' : 'ok');
-    }
-  } catch (e) {
-    appendOutput(e.message, 'error');
-    setBadge('error');
-  }
-}
-
-
-// ─── Screenshot ───
-document.getElementById('screenshotBtn').onclick = takeScreenshot;
-async function takeScreenshot() {
-  const ideTarget = document.getElementById('ideTargetSelect').value || '';
-  try {
-    const res = await apiBinary('/api/cdp/screenshot' + (ideTarget ? '?ideType=' + ideTarget : ''));
-    if (!res.ok) {
-      const err = await res.json();
-      log('❌ Screenshot failed: ' + err.error, 'error');
-      return;
-    }
-    const blob = await res.blob();
-    const url = URL.createObjectURL(blob);
-    const img = document.getElementById('screenshotImg');
-    img.src = url;
-    img.style.display = 'block';
-    document.getElementById('screenshotPlaceholder').style.display = 'none';
-  } catch (e) {
-    log('❌ Screenshot: ' + e.message, 'error');
-  }
-}
-
-// ─── DOM Inspector (click-to-inspect) ───
-// object-fit: contain 보정: 이미지 실제 표시 영역 계산
-function getContainedImageRect(img) {
-  const containerW = img.clientWidth;
-  const containerH = img.clientHeight;
-  const natW = img.naturalWidth || 1;
-  const natH = img.naturalHeight || 1;
-  const scale = Math.min(containerW / natW, containerH / natH);
-  const renderedW = natW * scale;
-  const renderedH = natH * scale;
-  const offsetX = (containerW - renderedW) / 2;
-  const offsetY = (containerH - renderedH) / 2;
-  return { offsetX, offsetY, renderedW, renderedH, scale };
-}
-
-document.getElementById('screenshotImg').addEventListener('click', async (e) => {
-  const img = e.target;
-  const imgRect = img.getBoundingClientRect();
-  const { offsetX, offsetY, renderedW, renderedH, scale } = getContainedImageRect(img);
-  // 클릭 좌표를 이미지 내부 좌표로 변환
-  const clickX = e.clientX - imgRect.left - offsetX;
-  const clickY = e.clientY - imgRect.top - offsetY;
-  // 이미지 밖 클릭 무시
-  if (clickX < 0 || clickY < 0 || clickX > renderedW || clickY > renderedH) return;
-  const px = Math.round(clickX / scale);
-  const py = Math.round(clickY / scale);
-  const ch = document.getElementById('inspectCrosshair');
-  ch.style.display = 'block';
-  ch.style.left = (offsetX + clickX) + 'px';
-  ch.style.top = (offsetY + clickY) + 'px';
-  const ideTarget = document.getElementById('ideTargetSelect').value || undefined;
-  try {
-    const result = await api('/api/cdp/dom/inspect', 'POST', { x: px, y: py, ideType: ideTarget });
-    if (result.error) { showResult({ error: result.error }, 'error'); return; }
-    renderInspector(result);
-  } catch (err) {
-    showResult({ error: 'Inspect failed: ' + err.message }, 'error');
-  }
-});
-
-async function inspectSelector(selector) {
-  const ideTarget = document.getElementById('ideTargetSelect').value || undefined;
-  try {
-    const result = await api('/api/cdp/dom/inspect', 'POST', { selector, ideType: ideTarget });
-    if (result.error) { showResult({ error: result.error }, 'error'); return; }
-    renderInspector(result);
-  } catch (err) {
-    showResult({ error: 'Inspect failed: ' + err.message }, 'error');
-  }
-}
-
-function htmlEsc(s) { return (s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'); }
-function jsEsc(s) { return (s||'').replace(/\\/g,'\\\\').replace(/'/g,"\\'"); }
-function insertSelector(sel) {
-  const ed = document.getElementById('editor');
-  const pos = ed.selectionStart || ed.value.length;
-  ed.value = ed.value.slice(0, pos) + "document.querySelector('" + sel + "')" + ed.value.slice(pos);
-  ed.focus();
-}
-
-function renderInspector(data) {
-  const { element, ancestors, children } = data;
-  const out = document.getElementById('output');
-  out.innerHTML = '';
-  const badge = document.getElementById('outputBadge');
-  badge.style.display = 'inline-block';
-  badge.textContent = '🔍';
-  badge.className = 'badge ok';
-
-  // Breadcrumb
-  const bc = document.createElement('div');
-  bc.style.cssText = 'padding:6px 10px;background:var(--bg-input);border-radius:6px;margin-bottom:8px;font-size:12px;overflow-x:auto;white-space:nowrap;';
-  let bcHTML = '';
-  for (const a of ancestors) {
-    bcHTML += '<span class="bc-node" data-sel="' + htmlEsc(a.selector) + '" style="cursor:pointer;color:var(--text-dim)">' + htmlEsc(a.tag);
-    if (a.cls.length) bcHTML += '<span style="color:var(--accent)">.' + htmlEsc(a.cls[0]) + '</span>';
-    bcHTML += '</span> <span style="color:var(--text-dim)">›</span> ';
-  }
-  bcHTML += '<span style="color:var(--accent);font-weight:600">' + htmlEsc(element.tag);
-  if (element.cls.length) bcHTML += '.' + htmlEsc(element.cls[0]);
-  bcHTML += '</span>';
-  bc.innerHTML = bcHTML;
-  bc.querySelectorAll('.bc-node').forEach(n => {
-    n.onmouseover = () => n.style.color = 'var(--accent)';
-    n.onmouseout = () => n.style.color = 'var(--text-dim)';
-    n.onclick = () => inspectSelector(n.dataset.sel);
-  });
-  out.appendChild(bc);
-
-  // Element details
-  const det = document.createElement('div');
-  det.style.cssText = 'padding:10px;background:var(--bg-input);border-radius:6px;margin-bottom:8px;font-size:12px;';
-  let h = '<div style="display:flex;align-items:center;gap:8px;margin-bottom:8px">';
-  h += '<span style="font-weight:700;color:var(--accent);font-size:14px">&lt;' + htmlEsc(element.tag) + '&gt;</span>';
-  if (element.rect) h += '<span style="color:var(--text-dim)">' + element.rect.w + '×' + element.rect.h + ' @ (' + element.rect.x + ',' + element.rect.y + ')</span>';
-  h += '<span style="color:var(--text-dim)">' + element.childCount + ' children</span></div>';
-  // Full selector + copy/insert
-  h += '<div style="margin-bottom:6px;display:flex;align-items:center;gap:6px">';
-  h += '<code style="background:#000;color:var(--accent);padding:3px 8px;border-radius:4px;font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis">' + htmlEsc(element.fullSelector) + '</code>';
-  h += '<button onclick="navigator.clipboard.writeText(\'' + jsEsc(element.fullSelector) + '\');this.textContent=\'✓\';setTimeout(()=>this.textContent=\'📋\',800)" style="padding:2px 6px;font-size:11px;background:transparent;border:1px solid var(--border);border-radius:3px;cursor:pointer;color:var(--text-dim)">📋</button>';
-  h += '<button onclick="insertSelector(\'' + jsEsc(element.fullSelector) + '\')" style="padding:2px 6px;font-size:11px;background:var(--accent);color:#000;border:none;border-radius:3px;cursor:pointer;font-weight:600">→ Editor</button>';
-  h += '</div>';
-  // Classes
-  if (element.cls.length) {
-    h += '<div style="margin-bottom:4px"><span style="color:var(--text-dim)">classes:</span> ';
-    h += element.cls.map(c => '<span style="background:rgba(0,255,136,0.15);color:var(--accent);padding:1px 6px;border-radius:3px;font-size:11px;margin-right:3px">.' + htmlEsc(c) + '</span>').join('');
-    h += '</div>';
-  }
-  // Attributes
-  const attrKeys = Object.keys(element.attrs || {});
-  if (attrKeys.length) {
-    h += '<div style="margin-bottom:4px"><span style="color:var(--text-dim)">attrs:</span> ';
-    h += attrKeys.map(k => '<span style="color:#ff9f43">' + htmlEsc(k) + '</span>=<span style="color:#a29bfe">"' + htmlEsc(element.attrs[k]) + '"</span>').join(' ');
-    h += '</div>';
-  }
-  // Direct text
-  if (element.directText) {
-    h += '<div><span style="color:var(--text-dim)">text:</span> <span style="color:#ddd">"' + htmlEsc(element.directText.substring(0, 80)) + '"</span></div>';
-  }
-  det.innerHTML = h;
-  out.appendChild(det);
-
-  // Children tree
-  if (children && children.length) {
-    const tree = document.createElement('div');
-    tree.style.cssText = 'font-size:12px;';
-    const tt = document.createElement('div');
-    tt.style.cssText = 'font-weight:600;margin-bottom:6px;color:var(--text-dim);padding:0 4px;';
-    tt.textContent = 'Children (' + children.length + ')';
-    tree.appendChild(tt);
-    for (const child of children) {
-      if (!child) continue;
-      const row = document.createElement('div');
-      row.style.cssText = 'padding:4px 8px;border-left:2px solid var(--border);margin-left:8px;margin-bottom:2px;cursor:pointer;border-radius:0 4px 4px 0;transition:background 0.15s;';
-      row.onmouseover = () => row.style.background = 'rgba(255,255,255,0.05)';
-      row.onmouseout = () => row.style.background = 'transparent';
-      let lbl = '<span style="color:var(--accent)">&lt;' + htmlEsc(child.tag) + '&gt;</span>';
-      if (child.cls.length) lbl += '<span style="color:var(--text-dim)">.' + htmlEsc(child.cls[0]) + '</span>';
-      if (child.childCount > 0) lbl += ' <span style="color:var(--text-dim);font-size:10px">(' + child.childCount + ')</span>';
-      if (child.directText) lbl += ' <span style="color:#888;font-size:11px">"' + htmlEsc(child.directText.substring(0, 40)) + '"</span>';
-      const hints = Object.entries(child.attrs || {}).slice(0, 2).map(([k,v]) => k + '="' + (v+'').substring(0, 20) + '"').join(' ');
-      if (hints) lbl += ' <span style="color:#666;font-size:10px">' + htmlEsc(hints) + '</span>';
-      row.innerHTML = lbl;
-      row.onclick = () => inspectSelector(child.selector);
-      tree.appendChild(row);
-    }
-    out.appendChild(tree);
-  }
-}
-
-// ─── Selector Query ───
-document.getElementById('selectorBtn').onclick = querySel;
-document.getElementById('selectorInput').addEventListener('keydown', (e) => {
-  if (e.key === 'Enter') querySel();
-});
-
-async function querySel() {
-  const sel = document.getElementById('selectorInput').value.trim();
-  if (!sel) return;
-  const ideTarget = document.getElementById('ideTargetSelect').value || undefined;
-  try {
-    const result = await api('/api/cdp/dom/query', 'POST', { selector: sel, limit: 20, ideType: ideTarget });
-    document.getElementById('selectorCount').textContent = (result.total || 0) + ' matches';
-
-    let output = `🔍 Selector: ${sel}\nTotal matches: ${result.total || 0}\n\n`;
-    for (const item of (result.results || [])) {
-      const vis = item.visible ? '✅' : '❌hidden';
-      const rect = item.rect ? `${item.rect.x},${item.rect.y} ${item.rect.w}×${item.rect.h}` : '';
-      output += `[${item.index}] <${item.tag}> ${vis} ${rect}\n`;
-      if (item.id) output += `    id: ${item.id}\n`;
-      if (item.class) output += `    class: ${item.class.slice(0, 80)}\n`;
-      if (item.text) output += `    text: "${item.text.slice(0, 80)}"\n`;
-      if (item.role) output += `    role: ${item.role}\n`;
-      output += '\n';
-    }
-    showResult(output, result.total > 0 ? 'ok' : 'error');
-
-    // Draw overlays on screenshot
-    drawOverlays(result.results || []);
-  } catch (e) {
-    showResult({ error: e.message }, 'error');
-  }
-}
-
-function drawOverlays(items) {
-  const panel = document.getElementById('screenshotPanel');
-  // Remove old overlays
-  panel.querySelectorAll('.overlay').forEach(el => el.remove());
-
-  const img = document.getElementById('screenshotImg');
-  if (!img || img.style.display === 'none') return;
-
-  const imgRect = img.getBoundingClientRect();
-  const panelRect = panel.getBoundingClientRect();
-
-  // We need to know the actual image dimensions to scale
-  const scaleX = imgRect.width / (img.naturalWidth || 1);
-  const scaleY = imgRect.height / (img.naturalHeight || 1);
-  const offsetX = imgRect.left - panelRect.left;
-  const offsetY = imgRect.top - panelRect.top;
-
-  const colors = ['#58a6ff', '#3fb950', '#d29922', '#f85149', '#bc8cff'];
-
-  items.forEach((item, i) => {
-    if (!item.rect || !item.visible) return;
-    const div = document.createElement('div');
-    div.className = 'overlay';
-    const color = colors[i % colors.length];
-    div.style.borderColor = color;
-    div.style.left = (offsetX + item.rect.x * scaleX) + 'px';
-    div.style.top = (offsetY + item.rect.y * scaleY) + 'px';
-    div.style.width = (item.rect.w * scaleX) + 'px';
-    div.style.height = (item.rect.h * scaleY) + 'px';
-
-    const label = document.createElement('span');
-    label.className = 'label';
-    label.style.background = color;
-    label.textContent = `<${item.tag}>${item.id ? '#' + item.id : item.class ? '.' + item.class.split(' ')[0].slice(0, 20) : ''}`;
-    div.appendChild(label);
-
-    panel.appendChild(div);
-  });
-}
-
-// ─── Reload ───
-document.getElementById('reloadBtn').onclick = async () => {
-  try {
-    const result = await api('/api/providers/reload', 'POST');
-    if (result.reloaded) {
-      log(`🔄 Reloaded: ${result.providers?.length || 0} providers`, 'ok');
-      await refreshProviders();
-    } else {
-      log('❌ Reload failed: ' + (result.error || 'unknown'), 'error');
-    }
-  } catch (e) {
-    log('❌ ' + e.message, 'error');
-  }
-};
-
-// ─── Clear ───
-document.getElementById('clearBtn').onclick = () => {
-  document.getElementById('output').innerHTML = '';
-  document.getElementById('outputBadge').style.display = 'none';
-};
-
-// ─── Status ───
-async function refreshStatus() {
-  try {
-    const data = await api('/api/status');
-    const bar = document.getElementById('statusBar');
-    const hasCdp = Object.values(data.cdp || {}).some(c => c.connected);
-    bar.innerHTML = `<span class="dot ${hasCdp ? 'on' : 'off'}"></span> ${hasCdp ? 'CDP Connected' : 'No CDP'} · ${data.providers?.length || 0} providers`;
-  } catch {
-    document.getElementById('statusBar').innerHTML = '<span class="dot off"></span> DevServer offline';
-  }
-}
-
-// ─── Output helpers ───
-const OUTPUT_ICONS = { log: '📝', result: '✅', error: '❌', warn: '⚠️', query: '🔍' };
-
-function getTimestamp() {
-  const d = new Date();
-  return d.toTimeString().split(' ')[0].substring(0, 8);
-}
-
-function appendOutput(text, type = 'log') {
-  const output = document.getElementById('output');
-  const entry = document.createElement('div');
-  entry.className = `output-entry type-${type}`;
-  entry.innerHTML = `<span class="ts">${getTimestamp()}</span><span class="icon">${OUTPUT_ICONS[type] || '•'}</span><span class="content"></span>`;
-  entry.querySelector('.content').textContent = text;
-  output.appendChild(entry);
-  output.scrollTop = output.scrollHeight;
-  // Apply current filter
-  const filter = document.getElementById('outputSearch').value.toLowerCase();
-  if (filter && !text.toLowerCase().includes(filter)) entry.classList.add('hidden');
-}
-
-function setBadge(type) {
-  const badge = document.getElementById('outputBadge');
-  badge.style.display = 'inline';
-  badge.className = 'badge ' + (type === 'error' ? 'err' : 'ok');
-  badge.textContent = type === 'error' ? 'ERROR' : 'OK';
-}
-
-function showResult(data, type = 'ok') {
-  let text;
-  if (typeof data === 'string') {
-    text = data;
-  } else {
-    try { text = JSON.stringify(data, null, 2); } catch { text = String(data); }
-  }
-  appendOutput(text, type === 'error' ? 'error' : 'result');
-  setBadge(type);
-}
-
-function log(msg, type = 'ok') {
-  appendOutput(msg, type === 'error' ? 'error' : type === 'warn' ? 'warn' : 'log');
-  setBadge(type);
-}
-
-// Output search filter
-document.getElementById('outputSearch').addEventListener('input', (e) => {
-  const filter = e.target.value.toLowerCase();
-  document.querySelectorAll('.output-entry').forEach(entry => {
-    const text = entry.querySelector('.content')?.textContent?.toLowerCase() || '';
-    entry.classList.toggle('hidden', filter && !text.includes(filter));
-  });
-});
-
-// ─── Template tab ───
-const TEMPLATE = `/**
- * MyAgent — Provider Template
- *
- * Category: 'ide' | 'extension'
- * @type {import('../../../src/providers/contracts').ProviderModule}
- */
-module.exports = {
-  type: 'my-agent',
-  name: 'My Agent',
-  category: 'ide', // or 'extension'
-
-  // Extension only:
-  // extensionId: 'publisher.extension-name',
-  // extensionIdPattern: /extensionId=publisher\.extension-name/i,
-
-  inputMethod: 'cdp-type-and-send',
-  inputSelector: '[contenteditable="true"][role="textbox"]',
-
-  scripts: {
-    readChat() {
-      return \`(() => {
-        // TODO: Parse chat messages from DOM
-        const messages = [];
-        let status = 'idle';
-
-        return JSON.stringify({
-          id: 'active_session',
-          status,
-          title: document.title || 'Session',
-          messages,
-          inputContent: '',
-          activeModal: null,
-        });
-      })()\`;
-    },
-
-    sendMessage(text) {
-      return \`(async () => {
-        const msg = \${JSON.stringify(text)};
-        // TODO: Find input, type text, press Enter
-        return JSON.stringify({ sent: false, needsTypeAndSend: true, selector: '[contenteditable]' });
-      })()\`;
-    },
-
-    listSessions() {
-      return \`(async () => {
-        // TODO: Parse session list
-        return JSON.stringify([]);
-      })()\`;
-    },
-
-    openPanel() {
-      return \`(() => {
-        // TODO: Open chat/agent panel if hidden
-        // Try clicking toggle button or using keyboard shortcut
-        const sidebar = document.getElementById('workbench.parts.auxiliarybar');
-        if (sidebar && sidebar.offsetWidth > 0) return 'visible';
-        // Try toggle button
-        const btns = Array.from(document.querySelectorAll('li.action-item a, button'));
-        const toggle = btns.find(b => /agent|chat|composer|panel/i.test(b.textContent || b.getAttribute('aria-label') || ''));
-        if (toggle) { toggle.click(); return 'opened'; }
-        return 'not_found';
-      })()\`;
-    },
-  },
-};
-`;
-
-const CONTRACTS = `// ═══ Output Contracts Reference ═══
-// All script functions must return JSON.stringify(result)
-
-// ─── readChat() ───────────────────
-// Returns: { messages, status, ... }
-{
-  messages: [
-    { role: 'user' | 'assistant' | 'system',
-      content: string,       // message text
-      id?: string,           // optional unique ID
-      index?: number },      // optional order
-  ],
-  status: 'idle' | 'generating' | 'waiting_approval' | 'error' | 'streaming',
-  id?: string,               // session ID
-  title?: string,            // session title
-  activeModal?: {            // if approval dialog is shown
-    message: string,
-    buttons: ['Accept', 'Reject'],
-  } | null,
-  inputContent?: string,     // current text in input box
-}
-
-// ─── sendMessage(text) ────────────
-// Returns: { sent, error?, needsTypeAndSend?, selector? }
-{
-  sent: true,                // message was sent
-}
-// OR if input requires typeAndSend:
-{
-  sent: false,
-  needsTypeAndSend: true,    // daemon will use CDP Input API
-  selector: '[contenteditable]',
-}
-
-// ─── listSessions() ──────────────
-// Returns: array of sessions
-[
-  { id: 'abc123', title: 'Session 1', time?: '2m ago' },
-]
-
-// ─── switchSession(sessionId) ────
-// Returns: { switched: true }
-{
-  switched: true,
-}
-
-// ─── resolveAction({ action, button? }) ────
-// Returns: { resolved: true, clicked: 'Accept' }
-{
-  resolved: true, clicked: 'Accept',
-}
-
-// ─── openPanel() ─────────────────
-// Returns: string
-'visible'  // panel was already visible
-'opened'   // panel was opened
-'not_found' // could not find toggle button
-`;
-
-document.querySelectorAll('.editor-header .tab').forEach(tab => {
-  tab.addEventListener('click', () => {
-    document.querySelectorAll('.editor-header .tab').forEach(t => t.classList.remove('active'));
-    tab.classList.add('active');
-    const editor = document.getElementById('editor');
-    if (tab.dataset.tab === 'template') {
-      editor.dataset.backup = editor.value;
-      editor.value = TEMPLATE;
-    } else if (tab.dataset.tab === 'contracts') {
-      editor.dataset.backup = editor.value;
-      editor.value = CONTRACTS;
-    } else {
-      if (editor.dataset.backup) {
-        editor.value = editor.dataset.backup;
-        delete editor.dataset.backup;
-      }
-    }
-  });
-});
-
-// ─── Watch Mode (SSE) ───
-let watching = false;
-let eventSource = null;
-
-document.getElementById('watchBtn').onclick = async () => {
-  if (watching) {
-    // Stop
-    await api('/api/watch/stop', 'POST');
-    watching = false;
-    document.getElementById('watchBtn').textContent = '👁 Watch';
-    document.getElementById('watchIndicator').classList.remove('active');
-    if (eventSource) { eventSource.close(); eventSource = null; }
-    return;
-  }
-
-  if (!currentProvider) {
-    log('⚠ Select a provider first', 'warn');
-    return;
-  }
-
-  // Start SSE
-  eventSource = new EventSource(API + '/api/watch/events');
-  eventSource.onmessage = (e) => {
-    try {
-      const data = JSON.parse(e.data);
-      if (data.type === 'watch_result') {
-        document.getElementById('execTime').textContent = `${data.elapsed}ms`;
-        showResult(data.result, 'ok');
-      } else if (data.type === 'watch_error') {
-        showResult({ error: data.error }, 'error');
-      } else if (data.type === 'watch_stopped') {
-        watching = false;
-        document.getElementById('watchBtn').textContent = '👁 Watch';
-        document.getElementById('watchIndicator').classList.remove('active');
-      }
-    } catch {}
-  };
-
-  // Start watch
-  await api('/api/watch/start', 'POST', {
-    type: currentProvider,
-    script: 'readChat',
-    interval: 3000,
-  });
-  watching = true;
-  document.getElementById('watchBtn').textContent = '⏹ Stop';
-  document.getElementById('watchIndicator').classList.add('active');
-  log(`👁 Watching: ${currentProvider} → readChat (every 3s)`, 'ok');
-};
-
-// ─── Source View ───
-document.getElementById('sourceBtn').onclick = async () => {
-  if (!currentProvider) {
-    log('⚠ Select a provider first', 'warn');
-    return;
-  }
-  try {
-    const result = await api(`/api/providers/${currentProvider}/source`);
-    if (result.error) {
-      log('❌ ' + result.error, 'error');
-      return;
-    }
-    const editor = document.getElementById('editor');
-    editor.dataset.editMode = 'true';
-    editor.dataset.editType = currentProvider;
-    editor.dataset.editPath = result.path;
-    editor.dataset.backup = editor.value;
-    editor.value = result.source;
-
-    // Show save button, highlight editor
-    document.getElementById('saveBtn').style.display = 'inline-block';
-    editor.style.borderLeft = '3px solid var(--accent-green)';
-
-    // Switch to editor tab
-    document.querySelectorAll('.editor-header .tab').forEach(t => t.classList.remove('active'));
-    document.querySelector('[data-tab="editor"]').classList.add('active');
-    log(`📄 Editing: ${result.path} — make changes and click 💾 Save`, 'ok');
-  } catch (e) {
-    log('❌ ' + e.message, 'error');
-  }
-};
-
-function exitEditMode() {
-  const editor = document.getElementById('editor');
-  editor.dataset.editMode = '';
-  editor.style.borderLeft = '';
-  document.getElementById('saveBtn').style.display = 'none';
-}
-
-let lastRunScript = 'readChat'; // Track last-run script for Save & Run
-
-// Save & Run handler
-document.getElementById('saveBtn').onclick = async () => {
-  const editor = document.getElementById('editor');
-
-  // Script edit mode — save individual script to provider.js
-  if (activeScript && currentProvider) {
-    const code = editor.value.trim();
-    if (!code) { log('⚠ Editor is empty', 'warn'); return; }
-    try {
-      const result = await api(`/api/providers/${currentProvider}/script-save`, 'POST', {
-        script: activeScript,
-        code: code,
-      });
-      if (result.error) {
-        log('❌ Script save failed: ' + result.error, 'error');
-        return;
-      }
-      log(`💾 Saved: ${activeScript} → provider.js — Testing...`, 'ok');
-      await refreshProviders();
-      document.getElementById('providerSelect').value = currentProvider;
-      updateScriptMenu();
-      // Auto-run the saved script via provider
-      runProviderScript(activeScript);
-    } catch (e) {
-      log('❌ ' + e.message, 'error');
-    }
-    return;
-  }
-
-  // Edit Source mode — save whole provider.js
-  const type = editor.dataset.editType;
-  if (!type) {
-    log('⚠ No provider loaded for editing', 'warn');
-    return;
-  }
-  try {
-    const result = await api(`/api/providers/${type}/save`, 'POST', { source: editor.value });
-    if (result.error) {
-      log('❌ Save failed: ' + result.error, 'error');
-      return;
-    }
-    log(`💾 Saved: ${result.path} (${result.chars} chars) — running ${lastRunScript}...`, 'ok');
-    await refreshProviders();
-    document.getElementById('providerSelect').value = type;
-    currentProvider = type;
-    updateScriptMenu();
-    // Auto-run last script
-    runProviderScript(lastRunScript);
-  } catch (e) {
-    log('❌ ' + e.message, 'error');
-  }
-};
-
-// 🔍 DOM Debug — analyze inputs, buttons, textareas, editables
-document.getElementById('domDebugBtn').onclick = async () => {
-  const ideTarget = document.getElementById('ideTargetSelect').value || undefined;
-  const start = Date.now();
-  try {
-    const debugExpr = `(() => {
-      const r = { url: location.href, title: document.title,
-        viewport: { w: innerWidth, h: innerHeight },
-        inputs: [], textareas: [], editables: [], textboxes: [], buttons: [], iframes: [] };
-      document.querySelectorAll('input[type="text"],input:not([type])').forEach((el,i) => {
-        if(i>=10) return;
-        r.inputs.push({ id:el.id||null, class:(el.className||'').toString().slice(0,100),
-          placeholder:el.getAttribute('placeholder')||null, visible:el.offsetParent!==null });
-      });
-      document.querySelectorAll('textarea').forEach((el,i) => {
-        if(i>=10) return;
-        r.textareas.push({ id:el.id||null, class:(el.className||'').toString().slice(0,100),
-          placeholder:el.getAttribute('placeholder')||null, rows:el.rows, visible:el.offsetParent!==null });
-      });
-      document.querySelectorAll('[contenteditable="true"]').forEach((el,i) => {
-        if(i>=10) return;
-        r.editables.push({ tag:el.tagName?.toLowerCase(), id:el.id||null,
-          class:(el.className||'').toString().slice(0,100), role:el.getAttribute('role')||null,
-          text:(el.textContent||'').trim().slice(0,80), visible:el.offsetParent!==null });
-      });
-      document.querySelectorAll('[role="textbox"]').forEach((el,i) => {
-        if(i>=10) return;
-        r.textboxes.push({ tag:el.tagName?.toLowerCase(), id:el.id||null,
-          class:(el.className||'').toString().slice(0,80), visible:el.offsetParent!==null });
-      });
-      const bk=/send|submit|accept|reject|approve|deny|cancel|confirm|run|execute|apply/i;
-      document.querySelectorAll('button,[role="button"]').forEach((el,i) => {
-        const t=(el.textContent||el.getAttribute('aria-label')||'').trim();
-        if(i<30&&(t.length<30||bk.test(t)))
-          r.buttons.push({ tag:el.tagName?.toLowerCase(), text:t.slice(0,60),
-            disabled:el.disabled||el.getAttribute('disabled')!==null, visible:el.offsetParent!==null });
-      });
-      document.querySelectorAll('iframe,webview').forEach((el,i) => {
-        if(i>=20) return;
-        r.iframes.push({ tag:el.tagName?.toLowerCase(), src:el.getAttribute('src')?.slice(0,200)||null,
-          title:el.getAttribute('title')||null });
-      });
-      return JSON.stringify(r);
-    })()`;
-    const result = await api('/api/cdp/evaluate', 'POST', {
-      expression: debugExpr, timeout: 10000, ideType: ideTarget,
-    });
-    const data = typeof result.result === 'string' ? JSON.parse(result.result) : result.result;
-    const elapsed = Date.now() - start;
-    document.getElementById('execTime').textContent = `${elapsed}ms`;
-
-    let output = `🔍 DOM Debug — ${data.title || 'N/A'}\n`;
-    output += `URL: ${data.url || 'N/A'}\n`;
-    output += `Viewport: ${data.viewport?.w}×${data.viewport?.h}\n\n`;
-
-    const sections = [
-      { key: 'inputs', label: '📝 Inputs' },
-      { key: 'textareas', label: '📝 Textareas' },
-      { key: 'editables', label: '✏️ ContentEditable' },
-      { key: 'textboxes', label: '🔤 [role=textbox]' },
-      { key: 'buttons', label: '🔘 Buttons' },
-      { key: 'iframes', label: '🖼️ Iframes' },
-    ];
-    for (const s of sections) {
-      const items = data[s.key] || [];
-      if (items.length === 0) continue;
-      output += `${s.label} (${items.length})\n`;
-      for (const item of items) {
-        const vis = item.visible ? '✅' : '❌';
-        const parts = [vis];
-        if (item.tag) parts.push(`<${item.tag}>`);
-        if (item.id) parts.push(`#${item.id}`);
-        if (item.text) parts.push(`"${item.text}"`);
-        if (item.role) parts.push(`role=${item.role}`);
-        if (item.placeholder) parts.push(`placeholder="${item.placeholder}"`);
-        if (item.class) parts.push(`.${item.class.split(' ')[0].slice(0,30)}`);
-        output += `  ${parts.join(' ')}\n`;
-      }
-      output += '\n';
-    }
-    showResult(output, 'ok');
-  } catch (e) {
-    showResult({ error: e.message }, 'error');
-  }
-};
-
-// Scaffold
-document.getElementById('newBtn').onclick = () => {
-  document.getElementById('scaffoldModal').style.display = 'flex';
-  document.getElementById('scaffoldType').value = '';
-  document.getElementById('scaffoldName').value = '';
-  document.getElementById('scaffoldType').focus();
-};
-
-function toggleScaffoldFields() {
-  const cat = document.getElementById('scaffoldCategory').value;
-  document.getElementById('scaffoldIdeFields').style.display = (cat === 'ide' || cat === 'extension') ? '' : 'none';
-  document.getElementById('scaffoldExtFields').style.display = cat === 'extension' ? '' : 'none';
-  document.getElementById('scaffoldCliFields').style.display = cat === 'cli' ? '' : 'none';
-}
-
-async function doScaffold() {
-  const type = document.getElementById('scaffoldType').value.trim();
-  const name = document.getElementById('scaffoldName').value.trim();
-  const category = document.getElementById('scaffoldCategory').value;
-  if (!type || !name) {
-    log('⚠ Type and Name are required', 'warn');
-    return;
-  }
-  const body = { type, name, category, location: 'user' };
-  // CDP ports
-  const p1 = document.getElementById('scaffoldCdpPort1').value;
-  const p2 = document.getElementById('scaffoldCdpPort2').value;
-  if (p1) body.cdpPorts = [parseInt(p1), parseInt(p2 || p1) + 1];
-  // CLI
-  const cli = document.getElementById('scaffoldCli').value.trim();
-  if (cli) body.cli = cli;
-  // Process name
-  const proc = document.getElementById('scaffoldProcess').value.trim();
-  if (proc) body.processName = proc;
-  // Install path
-  const iPath = document.getElementById('scaffoldInstallPath').value.trim();
-  if (iPath) body.installPath = iPath;
-  // Extension ID
-  const extId = document.getElementById('scaffoldExtId').value.trim();
-  if (extId) body.extensionId = extId;
-  // Binary (CLI)
-  const binary = document.getElementById('scaffoldBinary').value.trim();
-  if (binary) body.binary = binary;
-
-  try {
-    const result = await api('/api/scaffold', 'POST', body);
-    document.getElementById('scaffoldModal').style.display = 'none';
-    if (result.error) {
-      log('❌ ' + result.error, 'error');
-      return;
-    }
-    log(`✅ Created: ${result.path}`, 'ok');
-    await api('/api/providers/reload', 'POST');
-    await refreshProviders();
-    document.getElementById('providerSelect').value = type;
-    currentProvider = type;
-    updateScriptMenu();
-    document.getElementById('sourceBtn').click();
-  } catch (e) {
-    log('❌ ' + e.message, 'error');
-  }
-}
-
-init();