agentgui 1.0.917 → 1.0.918

package/static/js/tools-manager.js

@@ -1,172 +0,0 @@
-(function() {
-  var btn = document.getElementById('toolsManagerBtn');
-  var popup = document.getElementById('toolsPopup');
-  var tools = [];
-  var isRefreshing = false;
-
-  var hasRefreshed = false;
-  function init() {
-    if (!btn || !popup) return;
-    btn.style.display = 'flex';
-    btn.addEventListener('click', function() { if (!hasRefreshed) { hasRefreshed = true; refresh(); } togglePopup(); });
-    document.addEventListener('click', function(e) {
-      if (!btn.contains(e.target) && !popup.contains(e.target)) closePopup();
-    });
-    window.addEventListener('ws-message', onWsMessage);
-    initVoiceControls();
-  }
-
-  function initVoiceControls() {
-    var autoSpeakToggle = document.getElementById('toolsAutoSpeakToggle');
-    var voiceSelector = document.getElementById('toolsVoiceSelector');
-    if (!autoSpeakToggle || !voiceSelector) return;
-    autoSpeakToggle.checked = localStorage.getItem('toolsAutoSpeak') === 'true';
-    window.addEventListener('ws-message', function(e) {
-      var data = e.detail;
-      if (data && data.type === 'voice_list') window.toolsManagerUI.updateVoiceSelector(data.voices);
-    });
-    function trySubscribe() {
-      if (window.wsManager && window.wsManager.subscribeToVoiceList) {
-        window.wsManager.subscribeToVoiceList(window.toolsManagerUI.updateVoiceSelector);
-      } else {
-        var BASE = window.__BASE_URL || '';
-        fetch(BASE + '/api/voices').then(r => r.json()).then(d => {
-          if (d.ok && Array.isArray(d.voices)) window.toolsManagerUI.updateVoiceSelector(d.voices);
-        }).catch(() => {});
-        setTimeout(function() {
-          if (window.wsManager && window.wsManager.subscribeToVoiceList)
-            window.wsManager.subscribeToVoiceList(window.toolsManagerUI.updateVoiceSelector);
-        }, 2000);
-      }
-    }
-    trySubscribe();
-    autoSpeakToggle.addEventListener('change', function() {
-      localStorage.setItem('toolsAutoSpeak', this.checked);
-      if (window.voiceModule) window.voiceModule.setAutoSpeak(this.checked);
-    });
-    voiceSelector.addEventListener('change', function() {
-      localStorage.setItem('toolsVoice', this.value);
-      if (window.voiceModule) window.voiceModule.setVoice(this.value);
-    });
-  }
-
-  function fetchTools() {
-    window.wsClient.rpc('tools.list')
-      .then(d => { tools = d.tools || []; syncMachineStates(); render(); })
-      .catch(() => {
-        fetch('/gm/api/tools').then(r => r.json()).then(d => { tools = d.tools || []; syncMachineStates(); render(); })
-          .catch(e => console.error('[TOOLS-MGR]', e.message));
-      });
-  }
-
-  function syncMachineStates() {
-    if (!window.toolInstallMachineAPI) return;
-    tools.forEach(function(tool) {
-      var ms = window.toolInstallMachineAPI.getState(tool.id);
-      if (ms !== 'installing' && ms !== 'updating') {
-        if (tool.status === 'installed') window.toolInstallMachineAPI.send(tool.id, { type: 'SET_INSTALLED', installedVersion: tool.installedVersion, publishedVersion: tool.publishedVersion });
-        else if (tool.status === 'needs_update') window.toolInstallMachineAPI.send(tool.id, { type: 'SET_NEEDS_UPDATE', installedVersion: tool.installedVersion, publishedVersion: tool.publishedVersion });
-        else if (tool.status === 'failed') window.toolInstallMachineAPI.send(tool.id, { type: 'SET_FAILED', error: tool.error_message });
-      }
-    });
-  }
-
-  function install(toolId) {
-    if (window.toolInstallMachineAPI && window.toolInstallMachineAPI.isLocked(toolId)) return;
-    if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(toolId, { type: 'INSTALL' });
-    render();
-    fetch('/gm/api/tools/' + toolId + '/install', { method: 'POST' }).then(r => r.json()).then(d => {
-      if (!d.success) { alert('Install failed: ' + (d.error || 'Unknown error')); if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(toolId, { type: 'FAILED', error: d.error }); render(); }
-    }).catch(e => { alert('Install failed: ' + e.message); if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(toolId, { type: 'FAILED', error: e.message }); render(); });
-  }
-
-  function update(toolId) {
-    if (window.toolInstallMachineAPI && window.toolInstallMachineAPI.isLocked(toolId)) return;
-    if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(toolId, { type: 'UPDATE' });
-    render();
-    fetch('/gm/api/tools/' + toolId + '/update', { method: 'POST' }).then(r => r.json()).then(d => {
-      if (!d.success) { alert('Update failed: ' + (d.error || 'Unknown error')); if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(toolId, { type: 'FAILED', error: d.error }); render(); }
-    }).catch(e => { alert('Update failed: ' + e.message); if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(toolId, { type: 'FAILED', error: e.message }); render(); });
-  }
-
-  function onWsMessage(e) {
-    var data = e.detail;
-    if (!data) return;
-    if (data.type === 'streaming_progress' && data.block && data.block.type === 'text' && data.block.text) {
-      var toggle = document.getElementById('toolsAutoSpeakToggle');
-      if (toggle && toggle.checked && (!data.blockRole || data.blockRole === 'assistant'))
-        if (window.voiceModule) window.voiceModule.speakText(data.block.text);
-    }
-    var api = window.toolInstallMachineAPI, tid = data.toolId;
-    if (data.type === 'tools_update_started') { (data.tools || []).forEach(t => api && api.send(t, { type: 'UPDATE' })); render(); }
-    else if (data.type === 'tool_install_started' || data.type === 'tool_install_progress') { if (api) api.send(tid, { type: 'PROGRESS' }); render(); }
-    else if (data.type === 'tool_update_progress') { if (api) api.send(tid, { type: 'PROGRESS' }); render(); }
-    else if (data.type === 'tool_install_complete' || data.type === 'tool_update_complete') {
-      var d = data.data || {};
-      if (api) api.send(tid, { type: 'COMPLETE', version: d.version, installedVersion: d.installedVersion, publishedVersion: d.publishedVersion });
-      var tool = tools.find(t => t.id === tid);
-      if (tool) { tool.version = d.version || tool.version; tool.installedVersion = d.installedVersion || tool.installedVersion; tool.publishedVersion = d.publishedVersion || tool.publishedVersion; tool.isUpToDate = d.isUpToDate ?? false; tool.upgradeNeeded = d.upgradeNeeded ?? false; tool.hasUpdate = (d.upgradeNeeded && d.installed) ?? false; }
-      render(); setTimeout(fetchTools, 1000);
-    } else if (data.type === 'tool_install_failed' || data.type === 'tool_update_failed') {
-      if (api) api.send(tid, { type: 'FAILED', error: (data.data || {}).error });
-      var tool = tools.find(t => t.id === tid); if (tool) tool.error_message = (data.data || {}).error;
-      render();
-    } else if (data.type === 'tool_status_update') {
-      var tool = tools.find(t => t.id === tid);
-      if (tool && data.data && data.data.installed) {
-        tool.installed = true; tool.isUpToDate = data.data.isUpToDate ?? true; tool.installedVersion = data.data.installedVersion || tool.installedVersion;
-        if (api) api.send(tid, data.data.isUpToDate ? { type: 'SET_INSTALLED', installedVersion: tool.installedVersion } : { type: 'SET_NEEDS_UPDATE', installedVersion: tool.installedVersion });
-        render();
-      }
-    } else if (data.type === 'tools_update_complete' || data.type === 'tools_refresh_complete') { isRefreshing = false; fetchTools(); }
-  }
-
-  function render() {
-    var scroll = popup.querySelector('.tools-popup-scroll');
-    if (!scroll) return;
-    var h = window.webjsx && window.webjsx.createElement;
-    var applyDiff = window.webjsx && window.webjsx.applyDiff;
-    var ui = window.toolsManagerUI;
-    if (!h || !applyDiff) { scroll.innerHTML = '<div class="tool-empty-state"><div class="tool-empty-state-text">Loading...</div></div>'; return; }
-    if (!tools.length) {
-      applyDiff(scroll, [h('div', { class: 'tool-empty-state', style: 'grid-column:1/-1;' }, h('div', { class: 'tool-empty-state-text' }, 'No tools available'))]);
-      return;
-    }
-    var cli = tools.filter(t => t.category === 'cli');
-    var plugin = tools.filter(t => t.category === 'plugin');
-    var other = tools.filter(t => !t.category);
-    var vnodes = [];
-    if (cli.length) vnodes.push(h('div', { class: 'tool-section-header' }, 'CLI Agents'), ...cli.map(t => ui.renderToolCard(t, isRefreshing)).filter(Boolean));
-    if (plugin.length) vnodes.push(h('div', { class: 'tool-section-header' }, 'GM Plugins'), ...plugin.map(t => ui.renderToolCard(t, isRefreshing)).filter(Boolean));
-    if (other.length) vnodes.push(...other.map(t => ui.renderToolCard(t, isRefreshing)).filter(Boolean));
-    applyDiff(scroll, vnodes);
-  }
-
-  function togglePopup(e) { if (e) e.stopPropagation(); if (!popup.classList.contains('open')) { isRefreshing = false; refresh(); } popup.classList.toggle('open'); }
-  function closePopup() { popup.classList.remove('open'); }
-  function refresh() { fetchTools(); }
-
-  function updateAll() {
-    var toUpdate = tools.filter(t => t.hasUpdate || t.status === 'needs_update' || t.status === 'failed');
-    if (!toUpdate.length) { alert('All tools are up-to-date'); return; }
-    toUpdate.forEach(t => { if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(t.id, { type: 'UPDATE' }); });
-    render();
-    fetch('/gm/api/tools/update', { method: 'POST' }).then(r => r.json()).then(d => {
-      if (!d.updating) { alert('Update started, but response unexpected'); toUpdate.forEach(t => { if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(t.id, { type: 'FAILED', error: 'unexpected response' }); }); }
-    }).catch(e => { alert('Update failed: ' + e.message); toUpdate.forEach(t => { if (window.toolInstallMachineAPI) window.toolInstallMachineAPI.send(t.id, { type: 'FAILED', error: e.message }); }); });
-  }
-
-  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);
-  else init();
-
-  window.toolsManager = {
-    refresh: function() { isRefreshing = true; render(); fetch('/gm/api/tools/refresh-all', { method: 'POST' }).catch(e => console.error('[TOOLS-MGR]', e.message)); },
-    install: function(toolId) { install(toolId); },
-    update: function(toolId) { update(toolId); },
-    updateAll: function() { updateAll(); },
-    getAutoSpeak: function() { var t = document.getElementById('toolsAutoSpeakToggle'); return t ? t.checked : false; },
-    getVoice: function() { var s = document.getElementById('toolsVoiceSelector'); return s ? s.value : 'default'; },
-    setAutoSpeak: function(v) { var t = document.getElementById('toolsAutoSpeakToggle'); if (t) { t.checked = v; localStorage.setItem('toolsAutoSpeak', v); } },
-    setVoice: function(v) { var s = document.getElementById('toolsVoiceSelector'); if (s && Array.from(s.options).some(o => o.value === v)) { s.value = v; localStorage.setItem('toolsVoice', v); } }
-  };
-})();

package/static/js/voice-machine.js

@@ -1,145 +0,0 @@
-(function() {
-  const { createMachine, createActor, assign } = XState;
-
-  const MAX_FAILURES = 3;
-
-  const voiceMachine = createMachine({
-    id: 'voice',
-    initial: 'idle',
-    context: {
-      queue: [],
-      consecutiveFailures: 0,
-      currentText: null,
-      enabled: true,
-    },
-    states: {
-      idle: {
-        on: {
-          SPEAK: {
-            target: 'queued',
-            guard: ({ context }) => context.enabled,
-            actions: assign(({ context, event }) => ({
-              queue: [...context.queue, event.text],
-            })),
-          },
-          SET_ENABLED: {
-            actions: assign(({ event }) => ({ enabled: event.enabled })),
-          },
-        },
-      },
-      queued: {
-        always: [
-          {
-            guard: ({ context }) => context.queue.length > 0,
-            target: 'speaking',
-            actions: assign(({ context }) => ({
-              currentText: context.queue[0],
-              queue: context.queue.slice(1),
-            })),
-          },
-          { target: 'idle' },
-        ],
-        on: {
-          SPEAK: {
-            guard: ({ context }) => context.enabled,
-            actions: assign(({ context, event }) => ({
-              queue: [...context.queue, event.text],
-            })),
-          },
-          STOP: {
-            target: 'idle',
-            actions: assign({ queue: [], currentText: null }),
-          },
-        },
-      },
-      speaking: {
-        on: {
-          SPEAK: {
-            guard: ({ context }) => context.enabled,
-            actions: assign(({ context, event }) => ({
-              queue: [...context.queue, event.text],
-            })),
-          },
-          PLAYBACK_DONE: [
-            {
-              guard: ({ context }) => context.queue.length > 0,
-              target: 'speaking',
-              actions: assign(({ context }) => ({
-                currentText: context.queue[0],
-                queue: context.queue.slice(1),
-                consecutiveFailures: 0,
-              })),
-            },
-            {
-              target: 'idle',
-              actions: assign({ currentText: null, consecutiveFailures: 0 }),
-            },
-          ],
-          PLAYBACK_ERROR: [
-            {
-              guard: ({ context }) => context.consecutiveFailures + 1 >= MAX_FAILURES,
-              target: 'disabled',
-              actions: assign({ queue: [], currentText: null, consecutiveFailures: MAX_FAILURES }),
-            },
-            {
-              target: 'idle',
-              actions: assign(({ context }) => ({
-                consecutiveFailures: context.consecutiveFailures + 1,
-                currentText: null,
-              })),
-            },
-          ],
-          STOP: {
-            target: 'idle',
-            actions: assign({ queue: [], currentText: null }),
-          },
-          SET_ENABLED: {
-            actions: assign(({ event }) => ({ enabled: event.enabled })),
-          },
-        },
-      },
-      disabled: {
-        on: {
-          RESET: {
-            target: 'idle',
-            actions: assign({ consecutiveFailures: 0, queue: [], currentText: null }),
-          },
-          SET_ENABLED: {
-            actions: assign(({ event }) => ({ enabled: event.enabled })),
-          },
-        },
-      },
-    },
-  });
-
-  const actor = createActor(voiceMachine);
-  actor.start();
-
-  function sendEvent(event) {
-    actor.send(event);
-    return actor.getSnapshot();
-  }
-
-  function getState() {
-    return actor.getSnapshot().value;
-  }
-
-  function isActive() {
-    return getState() === 'speaking' || getState() === 'queued';
-  }
-
-  function isDisabled() {
-    return getState() === 'disabled';
-  }
-
-  function getContext() {
-    return actor.getSnapshot().context;
-  }
-
-  function subscribe(fn) {
-    return actor.subscribe(fn);
-  }
-
-  window.__voiceMachine = actor;
-  window.voiceMachineAPI = { send: sendEvent, getState, isActive, isDisabled, getContext, subscribe };
-})();

package/static/js/voice.js

@@ -1,134 +0,0 @@
-(function() {
-  var BASE = window.__BASE_URL || '';
-  var ttsEnabled = true;
-  var currentAudio = null;
-  var selectedVoiceId = localStorage.getItem('gmgui-voice-selection') || 'default';
-  var ttsAudioCache = new Map();
-  var TTS_CLIENT_CACHE_MAX = 50;
-  var audioChunkQueue = [];
-  var streamingSupported = true;
-
-  window.addEventListener('ws-message', function(e) {
-    var data = e.detail;
-    if (!data) return;
-    if (data.type === 'tts_audio' && data.audio && data.voiceId === selectedVoiceId) cacheTTSAudio(data.cacheKey, data.audio);
-    if (data.type === 'sync_connected') sendVoiceToServer();
-  });
-
-  var api = function() { return window.voiceMachineAPI; };
-
-  if (window.voiceMachineAPI) {
-    window.voiceMachineAPI.subscribe(function(snapshot) {
-      if (snapshot.value === 'speaking' && snapshot.context.currentText) {
-        _doSpeak(snapshot.context.currentText);
-      }
-    });
-  } else {
-    document.addEventListener('DOMContentLoaded', function() {
-      if (window.voiceMachineAPI) {
-        window.voiceMachineAPI.subscribe(function(snapshot) {
-          if (snapshot.value === 'speaking' && snapshot.context.currentText) {
-            _doSpeak(snapshot.context.currentText);
-          }
-        });
-      }
-    });
-  }
-
-  function cacheTTSAudio(cacheKey, b64) {
-    if (ttsAudioCache.size >= TTS_CLIENT_CACHE_MAX) ttsAudioCache.delete(ttsAudioCache.keys().next().value);
-    var binary = atob(b64), bytes = new Uint8Array(binary.length);
-    for (var i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
-    ttsAudioCache.set(cacheKey, new Blob([bytes], { type: 'audio/wav' }));
-  }
-
-  function playNextChunk() {
-    if (!audioChunkQueue.length) {
-      if (api()) api().send({ type: 'PLAYBACK_DONE' });
-      return;
-    }
-    var blob = audioChunkQueue.shift(), url = URL.createObjectURL(blob);
-    currentAudio = new Audio(url);
-    var next = function() { URL.revokeObjectURL(url); currentAudio = null; playNextChunk(); };
-    currentAudio.onended = next;
-    currentAudio.onerror = function() { URL.revokeObjectURL(url); currentAudio = null; if (api()) api().send({ type: 'PLAYBACK_ERROR' }); };
-    currentAudio.play().catch(function() { URL.revokeObjectURL(url); currentAudio = null; if (api()) api().send({ type: 'PLAYBACK_ERROR' }); });
-  }
-
-  function _doSpeak(text) {
-    audioChunkQueue = [];
-    var cacheKey = selectedVoiceId + ':' + text;
-    var cached = ttsAudioCache.get(cacheKey);
-    if (cached) { ttsAudioCache.delete(cacheKey); ttsAudioCache.set(cacheKey, cached); audioChunkQueue.push(cached); playNextChunk(); return; }
-    function stream() {
-      if (!streamingSupported) { nonStream(text); return; }
-      fetch(BASE + '/api/tts-stream', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text: text, voiceId: selectedVoiceId }) })
-        .then(function(r) {
-          if (!r.ok) { streamingSupported = false; throw 0; }
-          var reader = r.body.getReader(), buf = new Uint8Array(0);
-          function cat(a, b) { var c = new Uint8Array(a.length + b.length); c.set(a); c.set(b, a.length); return c; }
-          function pump() { return reader.read().then(function(res) {
-            if (res.done) { if (!audioChunkQueue.length) { if (api()) api().send({ type: 'PLAYBACK_DONE' }); } return; }
-            buf = cat(buf, res.value);
-            while (buf.length >= 4) {
-              var len = new DataView(buf.buffer, buf.byteOffset, 4).getUint32(0, false);
-              if (len > 10 * 1024 * 1024) { buf = new Uint8Array(0); if (api()) api().send({ type: 'PLAYBACK_ERROR' }); return; }
-              if (buf.length < 4 + len) break;
-              audioChunkQueue.push(new Blob([buf.slice(4, 4 + len)], { type: 'audio/wav' }));
-              buf = buf.slice(4 + len);
-              if (audioChunkQueue.length === 1) playNextChunk();
-            }
-            return pump();
-          }); }
-          return pump();
-        }).catch(function() { nonStream(text); });
-    }
-    function nonStream(txt) {
-      fetch(BASE + '/api/tts', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ text: txt, voiceId: selectedVoiceId }) })
-        .then(function(r) { if (!r.ok) throw 0; return r.arrayBuffer(); })
-        .then(function(b) { audioChunkQueue.push(new Blob([b], { type: 'audio/wav' })); playNextChunk(); })
-        .catch(function() { if (api()) api().send({ type: 'PLAYBACK_ERROR' }); });
-    }
-    stream();
-  }
-
-  function speakDirect(text) {
-    if (!ttsEnabled) return;
-    var vmApi = api();
-    if (vmApi && vmApi.isDisabled()) return;
-    var clean = text.replace(/<[^>]*>/g, '').trim();
-    if (!clean) return;
-    var parts = (typeof agentGUIClient !== 'undefined' && agentGUIClient && typeof agentGUIClient.parseMarkdownCodeBlocks === 'function')
-      ? agentGUIClient.parseMarkdownCodeBlocks(clean) : [{ type: 'text', content: clean }];
-    parts.forEach(function(p) {
-      if (p.type !== 'code' && p.content.trim()) {
-        if (vmApi) vmApi.send({ type: 'SPEAK', text: p.content.trim() });
-      }
-    });
-  }
-
-  function stopSpeaking() {
-    audioChunkQueue = [];
-    if (currentAudio) { currentAudio.pause(); currentAudio = null; }
-    if (api()) api().send({ type: 'STOP' });
-  }
-
-  function sendVoiceToServer() {
-    if (typeof agentGUIClient !== 'undefined' && agentGUIClient && agentGUIClient.wsManager && agentGUIClient.wsManager.isConnected)
-      agentGUIClient.wsManager.sendMessage({ type: 'set_voice', voiceId: selectedVoiceId });
-  }
-
-  window.voiceModule = {
-    getAutoSpeak: function() { return ttsEnabled; },
-    setAutoSpeak: function(v) {
-      ttsEnabled = Boolean(v);
-      localStorage.setItem('gmgui-auto-speak', ttsEnabled);
-      if (!ttsEnabled) stopSpeaking();
-      if (api()) api().send({ type: 'SET_ENABLED', enabled: ttsEnabled });
-    },
-    getVoice: function() { return selectedVoiceId; },
-    setVoice: function(id) { selectedVoiceId = String(id); localStorage.setItem('gmgui-voice-selection', selectedVoiceId); sendVoiceToServer(); },
-    speakText: speakDirect,
-    stopSpeaking: stopSpeaking
-  };
-})();