agentgui 1.0.916 → 1.0.918

package/static/js/pm2-monitor.js

@@ -1,151 +0,0 @@
-(function() {
-  const ACTIVE_STATES = new Set(['online', 'launching', 'stopping', 'waiting restart']);
-
-  window.pm2Monitor = { processes: [], logsModalOpen: null, initialized: false };
-
-  const panel = document.getElementById('pm2MonitorPanel');
-  const list = document.getElementById('pm2ProcessList');
-  const refreshBtn = document.getElementById('pm2RefreshBtn');
-
-  function send(msg) {
-    if (window.wsManager && window.wsManager.isConnected) window.wsManager.sendMessage(msg);
-  }
-
-  function setPanelVisible(visible) {
-    if (!panel) return;
-    panel.style.display = visible ? 'flex' : 'none';
-  }
-
-  function renderProcessList(processes) {
-    if (!list) return;
-    const active = processes.filter(p => ACTIVE_STATES.has(p.status));
-    const inactive = processes.filter(p => !ACTIVE_STATES.has(p.status));
-    const ordered = [...active, ...inactive];
-    list.innerHTML = ordered.map(proc => {
-      const isActive = ACTIVE_STATES.has(proc.status);
-      const uptimeSec = proc.uptime ? Math.floor((Date.now() - proc.uptime) / 1000) : null;
-      return `<div class="pm2-process-item ${proc.status}" data-pm2-name="${escAttr(proc.name)}">
-        <div class="pm2-process-name">${escHtml(proc.name)} <span class="pm2-status-dot pm2-status-${proc.status}"></span></div>
-        <div class="pm2-process-meta">
-          <span>${proc.status}</span>
-          <span>${(proc.cpu || 0).toFixed(1)}% CPU</span>
-          <span>${fmtBytes(proc.memory)}</span>
-          ${uptimeSec !== null ? `<span>${fmtUptime(uptimeSec)}</span>` : ''}
-          <span>#${proc.pid || '-'}</span>
-          ${proc.restarts > 0 ? `<span>${proc.restarts}x restarts</span>` : ''}
-        </div>
-        <div class="pm2-process-actions">
-          ${!isActive ? `<button class="pm2-btn" onclick="window.pm2Monitor.startProcess('${escAttr(proc.name)}')">Start</button>` : ''}
-          ${proc.status === 'online' ? `<button class="pm2-btn danger" onclick="window.pm2Monitor.stopProcess('${escAttr(proc.name)}')">Stop</button>` : ''}
-          <button class="pm2-btn" onclick="window.pm2Monitor.restartProcess('${escAttr(proc.name)}')">Restart</button>
-          <button class="pm2-btn" onclick="window.pm2Monitor.showLogs('${escAttr(proc.name)}')">Logs</button>
-          <button class="pm2-btn danger" onclick="window.pm2Monitor.deleteProcess('${escAttr(proc.name)}')">Delete</button>
-        </div>
-      </div>`;
-    }).join('');
-  }
-
-  function handleMessage(msg) {
-    if (msg.type === 'pm2_monit_update') {
-      const procs = msg.processes || [];
-      window.pm2Monitor.processes = procs;
-      const hasActive = msg.hasActive || procs.some(p => ACTIVE_STATES.has(p.status));
-      setPanelVisible(hasActive);
-      if (hasActive) renderProcessList(procs);
-    } else if (msg.type === 'pm2_list_response') {
-      const procs = msg.processes || [];
-      window.pm2Monitor.processes = procs;
-      const hasActive = procs.some(p => ACTIVE_STATES.has(p.status));
-      setPanelVisible(hasActive);
-      if (hasActive) renderProcessList(procs);
-    } else if (msg.type === 'pm2_unavailable') {
-      setPanelVisible(false);
-    } else if (msg.type === 'pm2_start_response' || msg.type === 'pm2_stop_response' ||
-               msg.type === 'pm2_restart_response' || msg.type === 'pm2_delete_response') {
-      const action = msg.type.replace('pm2_', '').replace('_response', '');
-      if (msg.success) {
-        toast(`PM2 ${action} ${msg.name} succeeded`, 'success');
-        setTimeout(() => send({ type: 'pm2_list' }), 500);
-      } else {
-        toast(`PM2 ${action} ${msg.name} failed: ${msg.error}`, 'error');
-      }
-    } else if (msg.type === 'pm2_logs_response') {
-      if (msg.success) showLogsModal(msg.name, msg.logs);
-      else toast(`Logs error: ${msg.error}`, 'error');
-    } else if (msg.type === 'pm2_flush_logs_response') {
-      toast(msg.success ? 'Logs flushed' : `Flush failed: ${msg.error}`, msg.success ? 'success' : 'error');
-    }
-  }
-
-  function init() {
-    if (window.pm2Monitor.initialized) return;
-    window.pm2Monitor.initialized = true;
-    setPanelVisible(false);
-    if (refreshBtn) refreshBtn.addEventListener('click', () => send({ type: 'pm2_list' }));
-    document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && window.pm2Monitor.logsModalOpen) window.pm2Monitor.closeLogsModal(); });
-    if (window.wsManager) {
-      window.wsManager.on('message', handleMessage);
-      window.wsManager.on('connected', () => {
-        send({ type: 'pm2_start_monitoring' });
-        send({ type: 'pm2_list' });
-      });
-      if (window.wsManager.isConnected) {
-        send({ type: 'pm2_start_monitoring' });
-        send({ type: 'pm2_list' });
-      }
-    }
-  }
-
-  function showLogsModal(name, logs) {
-    if (window.pm2Monitor.logsModalOpen) window.pm2Monitor.closeLogsModal();
-    const modal = document.createElement('div');
-    modal.className = 'pm2-logs-modal';
-    modal.innerHTML = `<div class="pm2-logs-content">
-      <div class="pm2-logs-header"><span>Logs: ${escHtml(name)}</span><button class="pm2-btn" onclick="window.pm2Monitor.closeLogsModal()">Close</button></div>
-      <div class="pm2-logs-body">${escHtml(logs || 'No logs available')}</div>
-      <div class="pm2-logs-footer">
-        <button class="pm2-btn" onclick="window.pm2Monitor.flushLogs('${escAttr(name)}')">Flush</button>
-        <button class="pm2-btn" onclick="window.pm2Monitor.closeLogsModal()">Close</button>
-      </div></div>`;
-    document.body.appendChild(modal);
-    window.pm2Monitor.logsModalOpen = name;
-    modal.addEventListener('click', (e) => { if (e.target === modal) window.pm2Monitor.closeLogsModal(); });
-  }
-
-  function toast(msg, type) {
-    const t = document.createElement('div');
-    t.className = 'pm2-toast';
-    t.textContent = msg;
-    const bg = type === 'error' ? 'var(--color-error)' : type === 'success' ? 'var(--color-success)' : 'var(--color-primary)';
-    t.style.cssText = `position:fixed;top:1rem;right:1rem;padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.8rem;color:white;z-index:10000;background:${bg}`;
-    document.body.appendChild(t);
-    setTimeout(() => { t.style.opacity = '0'; t.style.transition = 'opacity 0.3s'; setTimeout(() => t.remove(), 300); }, 3000);
-  }
-
-  function escHtml(s) { if (!s) return ''; const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
-  function escAttr(s) { return (s || '').replace(/"/g, '&quot;').replace(/'/g, '&#039;'); }
-  function fmtBytes(b) {
-    if (!b || typeof b !== 'number') return '0 B';
-    const u = ['B','KB','MB','GB'], i = Math.min(Math.floor(Math.log(b) / Math.log(1024)), 3);
-    return (b / Math.pow(1024, i)).toFixed(1) + ' ' + u[i];
-  }
-  function fmtUptime(s) {
-    if (!s || s < 0) return '0s';
-    const d = Math.floor(s / 86400), h = Math.floor((s % 86400) / 3600), m = Math.floor((s % 3600) / 60), sec = s % 60;
-    if (d > 0) return `${d}d ${h}h`;
-    if (h > 0) return `${h}h ${m}m`;
-    if (m > 0) return `${m}m ${sec}s`;
-    return `${sec}s`;
-  }
-
-  window.pm2Monitor.closeLogsModal = () => { const m = document.querySelector('.pm2-logs-modal'); if (m) m.remove(); window.pm2Monitor.logsModalOpen = null; };
-  window.pm2Monitor.startProcess = (name) => send({ type: 'pm2_start', name });
-  window.pm2Monitor.stopProcess = (name) => send({ type: 'pm2_stop', name });
-  window.pm2Monitor.restartProcess = (name) => send({ type: 'pm2_restart', name });
-  window.pm2Monitor.deleteProcess = (name) => { if (confirm(`Delete PM2 process "${name}"?`)) send({ type: 'pm2_delete', name }); };
-  window.pm2Monitor.showLogs = (name) => send({ type: 'pm2_logs', name, lines: 200 });
-  window.pm2Monitor.flushLogs = (name) => send({ type: 'pm2_flush_logs', name });
-
-  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', () => setTimeout(init, 150));
-  else setTimeout(init, 150);
-})();

package/static/js/stt-handler.js

@@ -1,147 +0,0 @@
-(function() {
-  var BASE = window.__BASE_URL || '';
-  var isRecording = false;
-  var mediaStream = null;
-  var audioContext = null;
-  var workletNode = null;
-  var recordedChunks = [];
-  var TARGET_SAMPLE_RATE = 16000;
-
-  function rmApi() { return window.recordingMachineAPI; }
-
-  window.STTHandler = {
-    isRecording: function() { return rmApi()?.isRecording() || isRecording; },
-
-    startRecording: async function() {
-      if (isRecording || rmApi()?.isRecording()) return;
-      try {
-        mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
-        audioContext = new (window.AudioContext || window.webkitAudioContext)();
-        var source = audioContext.createMediaStreamSource(mediaStream);
-        recordedChunks = [];
-        await audioContext.audioWorklet.addModule(BASE + '/js/audio-recorder-processor.js');
-        workletNode = new AudioWorkletNode(audioContext, 'recorder-processor');
-        workletNode.port.onmessage = function(e) {
-          recordedChunks.push(e.data);
-        };
-        source.connect(workletNode);
-        isRecording = true;
-        if (rmApi()) rmApi().send({ type: 'START' });
-        return { success: true };
-      } catch (e) {
-        isRecording = false;
-        if (rmApi()) rmApi().send({ type: 'ERROR', error: e.message });
-        return { success: false, error: e.message };
-      }
-    },
-
-    stopRecording: async function() {
-      if (!isRecording && !rmApi()?.isRecording()) return { success: false, error: 'Not recording' };
-      isRecording = false;
-      if (rmApi()) rmApi().send({ type: 'STOP' });
-
-      if (workletNode) {
-        workletNode.port.postMessage('stop');
-        workletNode.disconnect();
-        workletNode = null;
-      }
-
-      if (mediaStream) {
-        mediaStream.getTracks().forEach(function(t) { t.stop(); });
-        mediaStream = null;
-      }
-
-      var sourceSampleRate = audioContext ? audioContext.sampleRate : 48000;
-      if (audioContext) {
-        audioContext.close().catch(function() {});
-        audioContext = null;
-      }
-
-      if (recordedChunks.length === 0) {
-        return { success: false, error: 'No audio recorded' };
-      }
-
-      var totalLen = 0;
-      for (var i = 0; i < recordedChunks.length; i++) totalLen += recordedChunks[i].length;
-      var merged = new Float32Array(totalLen);
-      var offset = 0;
-      for (var j = 0; j < recordedChunks.length; j++) {
-        merged.set(recordedChunks[j], offset);
-        offset += recordedChunks[j].length;
-      }
-      recordedChunks = [];
-
-      var resampled = resampleBuffer(merged, sourceSampleRate, TARGET_SAMPLE_RATE);
-      var wavBuffer = encodeWav(resampled, TARGET_SAMPLE_RATE);
-
-      try {
-        var resp = await fetch(BASE + '/api/stt', {
-          method: 'POST',
-          headers: { 'Content-Type': 'audio/wav' },
-          body: wavBuffer
-        });
-        var data = await resp.json();
-        if (data.text) {
-          if (rmApi()) rmApi().send({ type: 'COMPLETE' });
-          return { success: true, text: data.text };
-        } else if (data.error) {
-          if (rmApi()) rmApi().send({ type: 'ERROR', error: data.error });
-          return { success: false, error: data.error };
-        } else {
-          if (rmApi()) rmApi().send({ type: 'ERROR', error: 'No transcription returned' });
-          return { success: false, error: 'No transcription returned' };
-        }
-      } catch (e) {
-        if (rmApi()) rmApi().send({ type: 'ERROR', error: e.message });
-        return { success: false, error: 'Transcription failed: ' + e.message };
-      }
-    }
-  };
-
-  function resampleBuffer(inputBuffer, fromRate, toRate) {
-    if (fromRate === toRate) return inputBuffer;
-    var ratio = fromRate / toRate;
-    var newLen = Math.round(inputBuffer.length / ratio);
-    var result = new Float32Array(newLen);
-    for (var i = 0; i < newLen; i++) {
-      var srcIdx = i * ratio;
-      var lo = Math.floor(srcIdx);
-      var hi = Math.min(lo + 1, inputBuffer.length - 1);
-      var frac = srcIdx - lo;
-      result[i] = inputBuffer[lo] * (1 - frac) + inputBuffer[hi] * frac;
-    }
-    return result;
-  }
-
-  function encodeWav(float32Audio, sampleRate) {
-    var numSamples = float32Audio.length;
-    var bytesPerSample = 2;
-    var dataSize = numSamples * bytesPerSample;
-    var buffer = new ArrayBuffer(44 + dataSize);
-    var view = new DataView(buffer);
-
-    function writeStr(off, str) {
-      for (var i = 0; i < str.length; i++) view.setUint8(off + i, str.charCodeAt(i));
-    }
-
-    writeStr(0, 'RIFF');
-    view.setUint32(4, 36 + dataSize, true);
-    writeStr(8, 'WAVE');
-    writeStr(12, 'fmt ');
-    view.setUint32(16, 16, true);
-    view.setUint16(20, 1, true);
-    view.setUint16(22, 1, true);
-    view.setUint32(24, sampleRate, true);
-    view.setUint32(28, sampleRate * bytesPerSample, true);
-    view.setUint16(32, bytesPerSample, true);
-    view.setUint16(34, 16, true);
-    writeStr(36, 'data');
-    view.setUint32(40, dataSize, true);
-
-    for (var i = 0; i < numSamples; i++) {
-      var s = Math.max(-1, Math.min(1, float32Audio[i]));
-      view.setInt16(44 + i * 2, s < 0 ? s * 32768 : s * 32767, true);
-    }
-    return buffer;
-  }
-})();

package/static/js/tool-install-machine.js

@@ -1,155 +0,0 @@
-(function() {
-  const { createMachine, createActor, assign } = XState;
-
-  const toolInstallMachine = createMachine({
-    id: 'tool-install-ui',
-    initial: 'idle',
-    context: {
-      version: null,
-      error: null,
-      progress: 0,
-      installedVersion: null,
-      publishedVersion: null,
-    },
-    states: {
-      idle: {
-        entry: assign({ error: null, progress: 0 }),
-        on: {
-          INSTALL: 'installing',
-          UPDATE: 'updating',
-          SET_INSTALLED: {
-            target: 'installed',
-            actions: assign(({ event }) => ({
-              installedVersion: event.installedVersion || null,
-              publishedVersion: event.publishedVersion || null,
-              version: event.version || event.installedVersion || null,
-            })),
-          },
-          SET_NEEDS_UPDATE: {
-            target: 'needs_update',
-            actions: assign(({ event }) => ({
-              installedVersion: event.installedVersion || null,
-              publishedVersion: event.publishedVersion || null,
-            })),
-          },
-          SET_FAILED: {
-            target: 'failed',
-            actions: assign(({ event }) => ({ error: event.error || null })),
-          },
-        },
-      },
-      installing: {
-        entry: assign({ error: null, progress: 0 }),
-        on: {
-          PROGRESS: {
-            actions: assign(({ context, event }) => ({
-              progress: Math.min(event.progress || context.progress + 5, 90),
-            })),
-          },
-          COMPLETE: {
-            target: 'installed',
-            actions: assign(({ event }) => ({
-              version: event.version || null,
-              installedVersion: event.installedVersion || null,
-              publishedVersion: event.publishedVersion || null,
-              progress: 100,
-              error: null,
-            })),
-          },
-          FAILED: {
-            target: 'failed',
-            actions: assign(({ event }) => ({ error: event.error || null, progress: 0 })),
-          },
-        },
-      },
-      installed: {
-        on: {
-          UPDATE: 'updating',
-          SET_NEEDS_UPDATE: {
-            target: 'needs_update',
-            actions: assign(({ event }) => ({
-              installedVersion: event.installedVersion || null,
-              publishedVersion: event.publishedVersion || null,
-            })),
-          },
-        },
-      },
-      updating: {
-        entry: assign({ error: null, progress: 0 }),
-        on: {
-          PROGRESS: {
-            actions: assign(({ context, event }) => ({
-              progress: Math.min(event.progress || context.progress + 5, 90),
-            })),
-          },
-          COMPLETE: {
-            target: 'installed',
-            actions: assign(({ event }) => ({
-              version: event.version || null,
-              installedVersion: event.installedVersion || null,
-              publishedVersion: event.publishedVersion || null,
-              progress: 100,
-              error: null,
-            })),
-          },
-          FAILED: {
-            target: 'failed',
-            actions: assign(({ event }) => ({ error: event.error || null, progress: 0 })),
-          },
-        },
-      },
-      needs_update: {
-        on: {
-          UPDATE: 'updating',
-          SET_INSTALLED: {
-            target: 'installed',
-            actions: assign(({ event }) => ({
-              installedVersion: event.installedVersion || null,
-              publishedVersion: event.publishedVersion || null,
-            })),
-          },
-        },
-      },
-      failed: {
-        on: {
-          INSTALL: 'installing',
-          UPDATE: 'updating',
-        },
-      },
-    },
-  });
-
-  const toolInstallMachines = new Map();
-
-  function getOrCreate(toolId) {
-    if (toolInstallMachines.has(toolId)) return toolInstallMachines.get(toolId);
-    const actor = createActor(toolInstallMachine);
-    actor.start();
-    toolInstallMachines.set(toolId, actor);
-    return actor;
-  }
-
-  function sendEvent(toolId, event) {
-    const actor = getOrCreate(toolId);
-    actor.send(event);
-    return actor.getSnapshot();
-  }
-
-  function getState(toolId) {
-    const actor = toolInstallMachines.get(toolId);
-    return actor ? actor.getSnapshot().value : 'idle';
-  }
-
-  function isLocked(toolId) {
-    const s = getState(toolId);
-    return s === 'installing' || s === 'updating';
-  }
-
-  function remove(toolId) {
-    const actor = toolInstallMachines.get(toolId);
-    if (actor) { actor.stop(); toolInstallMachines.delete(toolId); }
-  }
-
-  window.__toolInstallMachines = toolInstallMachines;
-  window.toolInstallMachineAPI = { getOrCreate, send: sendEvent, getState, isLocked, remove };
-})();

package/static/js/tools-manager-ui.js

@@ -1,124 +0,0 @@
-(function() {
-  window.toolsManagerUI = {
-    getStatusColor: function(tool) {
-      var ms = window.toolInstallMachineAPI ? window.toolInstallMachineAPI.getState(tool.id) : null;
-      if (ms === 'installing' || ms === 'updating') return '#3b82f6';
-      if (ms === 'needs_update') return '#f59e0b';
-      if (ms === 'installed') return '#10b981';
-      if (ms === 'failed') return '#ef4444';
-      if (tool.status === 'installing' || tool.status === 'updating') return '#3b82f6';
-      if (tool.status === 'needs_update' || (tool.status === 'installed' && tool.hasUpdate)) return '#f59e0b';
-      if (tool.status === 'installed') return '#10b981';
-      if (tool.status === 'failed') return '#ef4444';
-      return '#6b7280';
-    },
-
-    getStatusText: function(tool) {
-      var ms = window.toolInstallMachineAPI ? window.toolInstallMachineAPI.getState(tool.id) : null;
-      if (ms === 'installing') return 'Installing...';
-      if (ms === 'updating') return 'Updating...';
-      if (ms === 'needs_update') return 'Update available';
-      if (ms === 'installed') return tool.hasUpdate ? 'Update available' : 'Up-to-date';
-      if (ms === 'failed') return 'Installation failed';
-      if (tool.status === 'installing') return 'Installing...';
-      if (tool.status === 'updating') return 'Updating...';
-      if (tool.status === 'needs_update') return 'Update available';
-      if (tool.status === 'installed') return tool.hasUpdate ? 'Update available' : 'Up-to-date';
-      if (tool.status === 'failed') return 'Installation failed';
-      return 'Not installed';
-    },
-
-    getStatusClass: function(tool) {
-      var ms = window.toolInstallMachineAPI ? window.toolInstallMachineAPI.getState(tool.id) : null;
-      if (ms === 'installing' || ms === 'updating') return 'installing';
-      if (ms === 'needs_update') return 'updating';
-      if (ms === 'installed') return 'installed';
-      if (ms === 'failed') return 'failed';
-      if (tool.status === 'installing' || tool.status === 'updating') return 'installing';
-      if (tool.status === 'needs_update' || (tool.status === 'installed' && tool.hasUpdate)) return 'updating';
-      if (tool.status === 'installed') return 'installed';
-      if (tool.status === 'failed') return 'failed';
-      return 'not-installed';
-    },
-
-    renderToolCard: function(tool, isRefreshing) {
-      var h = window.webjsx && window.webjsx.createElement;
-      if (!h) return null;
-      var ui = window.toolsManagerUI;
-      var statusClass = ui.getStatusClass(tool);
-      var ms = window.toolInstallMachineAPI ? window.toolInstallMachineAPI.getState(tool.id) : null;
-      var isInstalling = ms === 'installing' || ms === 'updating';
-      var snap = window.__toolInstallMachines && window.__toolInstallMachines.get(tool.id) ? window.__toolInstallMachines.get(tool.id).getSnapshot() : null;
-      var progress = snap ? snap.context.progress : 0;
-      var locked = window.toolInstallMachineAPI ? window.toolInstallMachineAPI.isLocked(tool.id) : false;
-      var canInstall = ms === 'idle' || ms === 'failed' || tool.status === 'not_installed' || tool.status === 'failed';
-      var canUpdate = ms === 'needs_update' || tool.hasUpdate || tool.status === 'needs_update';
-      var iv = (snap && snap.context.installedVersion) || tool.installedVersion;
-      var pv = (snap && snap.context.publishedVersion) || tool.publishedVersion;
-      var versionChildren = [];
-      if (iv) versionChildren.push(h('span', { class: 'tool-version-item' }, 'v' + iv));
-      if (pv && iv !== pv) versionChildren.push(h('span', { class: 'tool-version-item' }, '(v' + pv + ' available)'));
-      var actionBtn = canInstall
-        ? h('button', { class: 'tool-btn tool-btn-primary', disabled: locked, onClick: function() { window.toolsManager.install(tool.id); } }, 'Install')
-        : canUpdate
-          ? h('button', { class: 'tool-btn tool-btn-primary', disabled: locked, onClick: function() { window.toolsManager.update(tool.id); } }, 'Update')
-          : h('button', { class: 'tool-btn tool-btn-secondary', disabled: isRefreshing, onClick: function() { window.toolsManager.refresh(); } }, '\u2713');
-      return h('div', { class: 'tool-item' },
-        h('div', { style: 'display:flex;flex-direction:column;gap:0.3rem;' },
-          h('div', { class: 'tool-header' }, h('span', { class: 'tool-name' }, tool.name || tool.id)),
-          h('div', { class: 'tool-status-indicator ' + statusClass },
-            h('span', { class: 'tool-status-dot' }),
-            h('span', {}, ui.getStatusText(tool))
-          ),
-          versionChildren.length ? h('div', { class: 'tool-versions' }, ...versionChildren) : null,
-          isInstalling && progress !== undefined
-            ? h('div', { class: 'tool-progress-container' }, h('div', { class: 'tool-progress-bar' }, h('div', { class: 'tool-progress-fill', style: 'width:' + Math.min(progress, 100) + '%' })))
-            : null,
-          tool.error_message ? h('div', { class: 'tool-error-message' }, 'Error: ' + tool.error_message.substring(0, 40)) : null
-        ),
-        h('div', { class: 'tool-actions' }, actionBtn)
-      );
-    },
-
-    esc: function(s) {
-      var d = document.createElement('div');
-      d.textContent = s;
-      return d.innerHTML;
-    },
-
-    updateVoiceSelector: function(voices) {
-      var voiceSelector = document.getElementById('toolsVoiceSelector');
-      if (!voiceSelector || !voices || !Array.isArray(voices)) return;
-      var currentValue = voiceSelector.value || localStorage.getItem('toolsVoice') || 'default';
-      voiceSelector.innerHTML = '';
-      var builtIn = voices.filter(function(v) { return !v.isCustom; });
-      var custom = voices.filter(function(v) { return v.isCustom; });
-      if (builtIn.length) {
-        var grp1 = document.createElement('optgroup');
-        grp1.label = 'Built-in Voices';
-        builtIn.forEach(function(voice) {
-          var opt = document.createElement('option');
-          opt.value = voice.id;
-          var parts = [];
-          if (voice.gender && voice.gender !== 'custom') parts.push(voice.gender);
-          if (voice.accent && voice.accent !== 'custom') parts.push(voice.accent);
-          opt.textContent = voice.name + (parts.length ? ' (' + parts.join(', ') + ')' : '');
-          grp1.appendChild(opt);
-        });
-        voiceSelector.appendChild(grp1);
-      }
-      if (custom.length) {
-        var grp2 = document.createElement('optgroup');
-        grp2.label = 'Custom Voices';
-        custom.forEach(function(voice) {
-          var opt = document.createElement('option');
-          opt.value = voice.id;
-          opt.textContent = voice.name;
-          grp2.appendChild(opt);
-        });
-        voiceSelector.appendChild(grp2);
-      }
-      if (voiceSelector.querySelector('option[value="' + currentValue + '"]')) voiceSelector.value = currentValue;
-    }
-  };
-})();