agentgui 1.0.930 → 1.0.932

package/static/js/client-ui2.js

@@ -1,160 +0,0 @@
-Object.assign(AgentGUIClient.prototype, {
-  _showWelcomeScreen() {
-    const outputEl = document.getElementById('output');
-    if (!outputEl) return;
-    const agents = this.state.agents || [];
-    const agentOptions = agents.map(a =>
-      `<option value="${this.escapeHtml(a.id)}">${this.escapeHtml(a.name.split(/[\s\-]+/)[0])}</option>`
-    ).join('');
-    const agentList = agents.length > 0 ? agents.map(a => a.name.split(/[\s\-]+/)[0].toLowerCase()).join(', ') : 'claude, gemini, opencode, kilo, codex';
-    outputEl.innerHTML = `
-      <div class="welcome-pane">
-        <div class="welcome-head">
-          <div class="t-micro">247420 / agentgui / welcome</div>
-          <h1 class="welcome-title">a state machine for coding agents.</h1>
-          <p class="welcome-lede">start a new conversation or pick one from the sidebar. pick your agent and model below.</p>
-        </div>
-        ${agents.length > 0 ? `
-        <div class="welcome-select-row">
-          <span class="t-label mono-dim">select agent</span>
-          <select id="welcomeAgentSelect" class="input">${agentOptions}</select>
-        </div>` : ''}
-        <div class="welcome-rows">
-          <div class="row">
-            <span class="row-code">01</span>
-            <span class="row-title">new conversation</span>
-            <span class="row-meta">create a new chat with any agent</span>
-          </div>
-          <div class="row">
-            <span class="row-code">02</span>
-            <span class="row-title">available agents</span>
-            <span class="row-meta">${this.escapeHtml(agentList)}</span>
-          </div>
-        </div>
-      </div>
-    `;
-    const welcomeSel = document.getElementById('welcomeAgentSelect');
-    if (welcomeSel) {
-      if (this.ui.cliSelector) welcomeSel.value = this.ui.cliSelector.value;
-      welcomeSel.addEventListener('change', () => {
-        if (this.ui.cliSelector) {
-          this.ui.cliSelector.value = welcomeSel.value;
-          this.ui.cliSelector.dispatchEvent(new Event('change'));
-        }
-      });
-    }
-  },
-
-
-  _showSkeletonLoading(conversationId) {
-    const outputEl = document.getElementById('output');
-    if (!outputEl) return;
-    const conv = this.state.conversations.find(c => c.id === conversationId);
-    const title = conv?.title || 'Conversation';
-    const wdInfo = conv?.workingDirectory ? `${this.escapeHtml(conv.workingDirectory)}` : '';
-    const timestamp = conv ? new Date(conv.created_at).toLocaleDateString() : '';
-    const metaParts = [timestamp];
-    if (wdInfo) metaParts.push(wdInfo);
-    outputEl.innerHTML = `
-      <div class="conversation-header">
-        <h2>${this.escapeHtml(title)}</h2>
-        <p class="text-secondary">${metaParts.join(' - ')}</p>
-      </div>
-      <div class="conversation-messages">
-        <div class="skeleton-loading">
-          <div class="skeleton-block skeleton-pulse" style="height:3rem;margin-bottom:0.75rem;border-radius:0.5rem;background:var(--color-bg-secondary);"></div>
-          <div class="skeleton-block skeleton-pulse" style="height:6rem;margin-bottom:0.75rem;border-radius:0.5rem;background:var(--color-bg-secondary);"></div>
-          <div class="skeleton-block skeleton-pulse" style="height:2rem;margin-bottom:0.75rem;border-radius:0.5rem;background:var(--color-bg-secondary);"></div>
-          <div class="skeleton-block skeleton-pulse" style="height:5rem;margin-bottom:0.75rem;border-radius:0.5rem;background:var(--color-bg-secondary);"></div>
-        </div>
-      </div>
-    `;
-  },
-
-
-  async streamToConversation(conversationId, prompt, agentId, model, subAgent) {
-    try {
-      if (this.wsManager.isConnected) {
-        this.wsManager.sendMessage({ type: 'subscribe', conversationId });
-      }
-
-      let finalPrompt = prompt;
-      const streamBody = { id: conversationId, content: finalPrompt, agentId };
-      if (model) streamBody.model = model;
-      if (subAgent) streamBody.subAgent = subAgent;
-      let result;
-      try {
-        result = await window.wsClient.rpc('msg.stream', streamBody);
-      } catch (e) {
-        if (e.code === 404) {
-          console.warn('Conversation not found, recreating:', conversationId);
-          const conv = this.state.currentConversation;
-          const createBody = { agentId, title: conv?.title || prompt.substring(0, 50), workingDirectory: conv?.workingDirectory || null };
-          if (model) createBody.model = model;
-          if (subAgent) createBody.subAgent = subAgent;
-          const { conversation: newConv } = await window.wsClient.rpc('conv.new', createBody);
-          window.ConversationState?.selectConversation(newConv.id, 'stream_recreate', 1);
-          this.state.currentConversation = newConv;
-          if (window.conversationManager) {
-            window.conversationManager.loadConversations();
-            window.conversationManager.select(newConv.id);
-          }
-          this.updateUrlForConversation(newConv.id);
-          return this.streamToConversation(newConv.id, prompt, agentId, model, subAgent);
-        }
-        throw e;
-      }
-
-      if (result.queued) {
-        this._dbg('Message queued, position:', result.queuePosition);
-        this.enableControls();
-        return;
-      }
-
-      if (result.session && this.wsManager.isConnected) {
-        this.wsManager.subscribeToSession(result.session.id);
-      }
-
-      this._lastSendTime = Date.now();
-      this.emit('execution:started', result);
-    } catch (error) {
-      console.error('Stream execution error:', error);
-      this.showError('Failed to stream execution: ' + error.message);
-      this.enableControls();
-    }
-  },
-
-
-  _hydrateSessionBlocks(blocksEl, list) {
-    const blockFrag = document.createDocumentFragment();
-    const deferred = [];
-    for (const chunk of list) {
-      if (!chunk.block?.type) continue;
-      const bt = chunk.block.type;
-      if (bt === 'tool_result' || bt === 'tool_status' || bt === 'hook_progress') { deferred.push(chunk); continue; }
-      const el = this.renderer.renderBlock(chunk.block, chunk, blockFrag);
-      if (!el) continue;
-      el.classList.add('block-loaded');
-      blockFrag.appendChild(el);
-    }
-    blocksEl.appendChild(blockFrag);
-    const toolUseIndex = new Map();
-    blocksEl.querySelectorAll('.block-tool-use[data-tool-use-id]').forEach(el => toolUseIndex.set(el.dataset.toolUseId, el));
-    for (const chunk of deferred) {
-      const b = chunk.block;
-      if (b.type === 'tool_result') {
-        const toolUseEl = (b.tool_use_id && toolUseIndex.get(b.tool_use_id))
-          || (blocksEl.lastElementChild?.classList.contains('block-tool-use') ? blocksEl.lastElementChild : null);
-        if (toolUseEl) this.renderer.mergeResultIntoToolUse(toolUseEl, b);
-      } else if (b.type === 'tool_status') {
-        const toolUseEl = b.tool_use_id && toolUseIndex.get(b.tool_use_id);
-        if (toolUseEl) {
-          const isError = b.status === 'failed';
-          const isDone = b.status === 'completed';
-          if (isDone || isError) toolUseEl.classList.add(isError ? 'tool-result-error' : 'tool-result-success');
-        }
-      }
-    }
-  }
-
-});

package/static/js/client-url.js

@@ -1,93 +0,0 @@
-Object.assign(AgentGUIClient.prototype, {
-  updateUrlForConversation(conversationId, sessionId) {
-    if (!this.isValidId(conversationId)) return;
-    if (!this.routerState) return;
-
-    this.routerState.currentConversationId = conversationId;
-    if (sessionId && this.isValidId(sessionId)) {
-      this.routerState.currentSessionId = sessionId;
-    }
-
-    const basePath = window.location.pathname.replace(/\/conversations\/[^\/]+$/, '').replace(/\/$/, '');
-    let url = `${basePath}/conversations/${conversationId}`;
-    
-    if (sessionId && this.isValidId(sessionId)) {
-      url += `?session=${sessionId}`;
-    }
-    
-    window.history.pushState({ conversationId, sessionId }, '', url);
-  },
-
-
-  saveScrollPosition(conversationId) {
-    if (!this.isValidId(conversationId)) return;
-
-    const scrollContainer = document.getElementById(this.config.scrollContainerId);
-    if (scrollContainer) {
-      const position = scrollContainer.scrollTop;
-      try {
-        localStorage.setItem(`scroll_${conversationId}`, position.toString());
-      } catch (e) {
-        console.warn('Failed to save scroll position:', e);
-      }
-    }
-  },
-
-
-  restoreScrollPosition(conversationId) {
-    if (!this.isValidId(conversationId)) return;
-
-    try {
-      const position = localStorage.getItem(`scroll_${conversationId}`);
-      const scrollContainer = document.getElementById(this.config.scrollContainerId);
-      if (!scrollContainer) return;
-      
-      if (position !== null) {
-        const scrollTop = parseInt(position, 10);
-        if (!isNaN(scrollTop)) {
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              const maxScroll = scrollContainer.scrollHeight - scrollContainer.clientHeight;
-              scrollContainer.scrollTop = Math.min(scrollTop, maxScroll);
-            });
-          });
-        }
-      } else {
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            scrollContainer.scrollTop = 0;
-          });
-        });
-      }
-    } catch (e) {
-      console.warn('Failed to restore scroll position:', e);
-    }
-  },
-
-
-  setupScrollTracking() {
-    const scrollContainer = document.getElementById(this.config.scrollContainerId);
-    if (!scrollContainer) return;
-
-    this._userScrolledUp = false;
-    let scrollTimer = null;
-    let lastScrollTop = scrollContainer.scrollTop;
-    scrollContainer.addEventListener('scroll', () => {
-      const distFromBottom = scrollContainer.scrollHeight - scrollContainer.scrollTop - scrollContainer.clientHeight;
-      if (scrollContainer.scrollTop < lastScrollTop && distFromBottom > 200) {
-        this._userScrolledUp = true;
-      } else if (distFromBottom < 50) {
-        this._userScrolledUp = false;
-        this._removeNewContentPill();
-      }
-      lastScrollTop = scrollContainer.scrollTop;
-      if (scrollTimer) clearTimeout(scrollTimer);
-      scrollTimer = setTimeout(() => {
-        if (this.state.currentConversation?.id) {
-          this.saveScrollPosition(this.state.currentConversation.id);
-        }
-      }, 500);
-    });
-  }
-
-});

package/static/js/client-utils.js

@@ -1,174 +0,0 @@
-Object.assign(AgentGUIClient.prototype, {
-  renderMessages(messages) {
-    if (messages.length === 0) {
-      return '<p class="text-secondary">No messages in this conversation yet</p>';
-    }
-    return messages.map(msg => `<div class="message message-${msg.role}"><div class="message-role">${msg.role.charAt(0).toUpperCase() + msg.role.slice(1)}</div>${this.renderMessageContent(msg.content)}<div class="message-timestamp">${new Date(msg.created_at).toLocaleString()}</div></div>`).join('');
-  },
-
-
-  escapeHtml(text) {
-    return window._escHtml(text);
-  },
-
-
-  showError(message) {
-    console.error(message);
-    if (window.UIDialog) {
-      window.UIDialog.alert(message, 'Error');
-    }
-  },
-
-
-  on(event, callback) {
-    if (!this.eventHandlers[event]) {
-      this.eventHandlers[event] = [];
-    }
-    this.eventHandlers[event].push(callback);
-  },
-
-
-  emit(event, data) {
-    if (this.eventHandlers[event]) {
-      this.eventHandlers[event].forEach(callback => {
-        try {
-          callback(data);
-        } catch (error) {
-          console.error(`Event handler error for ${event}:`, error);
-        }
-      });
-    }
-  },
-
-
-  getEffectiveAgentId() {
-    return this.ui.cliSelector?.value || null;
-  },
-
-
-  getEffectiveSubAgent() {
-    if (this.ui.agentSelector?.value && this.ui.agentSelector.style.display !== 'none') {
-      return this.ui.agentSelector.value;
-    }
-    return null;
-  },
-
-
-  getCurrentAgent() {
-    return this.getEffectiveAgentId();
-  },
-
-
-  saveAgentAndModelToConversation() {
-    const convId = this.state.currentConversation?.id;
-    if (!convId || this._agentLocked) return;
-    const agentId = this.getEffectiveAgentId();
-    const subAgent = this.getEffectiveSubAgent();
-    const model = this.getCurrentModel();
-    window.wsClient.rpc('conv.upd', { id: convId, agentType: agentId, subAgent: subAgent || undefined, model: model || undefined }).catch(() => {});
-  },
-
-
-  getCurrentModel() {
-    return this.ui.modelSelector?.value || null;
-  },
-
-
-  getMetrics() {
-    return {
-      renderer: this.renderer.getMetrics(),
-      websocket: this.wsManager.getStatus(),
-      eventProcessor: this.eventProcessor.getStats(),
-      state: this.state
-    };
-  },
-
-
-  saveDraftPrompt() {
-    const convId = this.state.currentConversation?.id;
-    if (convId && this.ui.messageInput) {
-      const draft = this.ui.messageInput.value;
-      this.draftPrompts.set(convId, draft);
-      if (draft) {
-        localStorage.setItem(`draft-${convId}`, draft);
-      }
-    }
-  },
-
-
-  restoreDraftPrompt(conversationId) {
-    if (!this.ui.messageInput) return;
-
-    let draft = this.draftPrompts.get(conversationId) || '';
-    if (!draft) {
-      draft = localStorage.getItem(`draft-${conversationId}`) || '';
-      if (draft) this.draftPrompts.set(conversationId, draft);
-    }
-
-    this.ui.messageInput.value = draft;
-  },
-
-
-  clearDraft(conversationId) {
-    this.draftPrompts.delete(conversationId);
-    localStorage.removeItem(`draft-${conversationId}`);
-  },
-
-
-  updateSendButtonState() {
-    if (this.ui.sendButton) {
-      this.ui.sendButton.disabled = !this.wsManager.isConnected;
-    }
-    if (this.ui.injectButton && this.ui.injectButton.classList.contains('visible')) {
-      this.ui.injectButton.disabled = !this.wsManager.isConnected;
-    }
-    if (this.ui.queueButton && this.ui.queueButton.classList.contains('visible')) {
-      this.ui.queueButton.disabled = !this.wsManager.isConnected;
-    }
-  },
-
-
-  disablePromptArea() {
-  },
-
-
-  enablePromptArea() {
-    if (this.ui.messageInput) {
-      this.ui.messageInput.disabled = false;
-    }
-    const injectBtn = document.getElementById('injectBtn');
-    if (injectBtn) injectBtn.disabled = false;
-  },
-
-
-  showStreamingPromptButtons() {
-    if (this.ui.injectButton) {
-      this.ui.injectButton.classList.add('visible');
-      this.ui.injectButton.disabled = !this.wsManager.isConnected;
-    }
-    if (this.ui.queueButton) {
-      this.ui.queueButton.classList.add('visible');
-      this.ui.queueButton.disabled = !this.wsManager.isConnected;
-    }
-  },
-
-
-  ensurePromptAreaAlwaysEnabled() {
-    if (this.ui.messageInput) {
-      this.ui.messageInput.disabled = false;
-    }
-  },
-
-
-  destroy() {
-
-    this.renderer.destroy();
-    this.wsManager.destroy();
-    this.eventHandlers = {};
-  }
-});
-
-window.__convPerfMetrics = () => {
-  const entries = performance.getEntriesByType('measure').filter(e => e.name.startsWith('conv-'));
-  return entries.map(e => ({ name: e.name, ms: Math.round(e.duration) }));
-};

package/static/js/client-ws-msg.js

@@ -1,88 +0,0 @@
-Object.assign(AgentGUIClient.prototype, {
-  async connectWebSocket() {
-    try {
-      await this.wsManager.connect();
-      this.updateConnectionStatus('connected');
-    } catch (error) {
-      console.error('WebSocket connection failed:', error);
-      this.updateConnectionStatus('error');
-      throw error;
-    }
-  },
-
-
-  handleWebSocketMessage(data) {
-    try {
-      window.dispatchEvent(new CustomEvent('ws-message', { detail: data }));
-
-      switch (data.type) {
-        case 'streaming_start':
-          this.handleStreamingStart(data).catch(e => console.error('handleStreamingStart error:', e));
-          break;
-        case 'streaming_resumed':
-          this.handleStreamingResumed(data).catch(e => console.error('handleStreamingResumed error:', e));
-          break;
-        case 'streaming_progress':
-          this.handleStreamingProgress(data);
-          break;
-        case 'streaming_complete':
-          this.handleStreamingComplete(data);
-          break;
-        case 'streaming_error':
-          this.handleStreamingError(data);
-          break;
-        case 'conversation_created':
-          this.handleConversationCreated(data);
-          break;
-        case 'all_conversations_deleted':
-          this.handleAllConversationsDeleted(data);
-          break;
-        case 'message_created':
-          this.handleMessageCreated(data);
-          break;
-        case 'conversation_updated':
-          this.handleConversationUpdated(data);
-          break;
-        case 'queue_status':
-          this.handleQueueStatus(data);
-          break;
-        case 'queue_updated':
-          this.handleQueueUpdated(data);
-          break;
-        case 'queue_item_dequeued':
-          this.handleQueueItemDequeued(data);
-          break;
-        case 'rate_limit_hit':
-          this.handleRateLimitHit(data);
-          break;
-        case 'rate_limit_clear':
-          this.handleRateLimitClear(data);
-          break;
-        case 'model_download_progress':
-          this._handleModelDownloadProgress(data.progress || data);
-          break;
-        case 'tts_setup_progress':
-          this._handleTTSSetupProgress(data);
-          break;
-        default:
-          break;
-      }
-    } catch (error) {
-      console.error('Message handling error:', error);
-    }
-  },
-
-
-  queueEvent(data) {
-    try {
-      const processed = this.eventProcessor.processEvent(data);
-      if (!processed) return;
-      if (data.sessionId && this.state.currentSession?.id === data.sessionId) {
-        this.state.sessionEvents.push(processed);
-      }
-    } catch (error) {
-      console.error('Event queuing error:', error);
-    }
-  }
-
-});

package/static/js/client-ws.js

@@ -1,161 +0,0 @@
-Object.assign(AgentGUIClient.prototype, {
-  setupWebSocketListeners() {
-    this.wsManager.on('connected', () => {
-      this._dbg('WebSocket connected');
-      this.updateConnectionStatus('connected');
-      this._subscribeToConversationUpdates();
-      if (this.wsManager.stats.totalReconnects > 0 && this.state.currentConversation?.id) {
-        this.invalidateCache(this.state.currentConversation.id);
-      }
-      this._recoverMissedChunks();
-      this.updateSendButtonState();
-      this.enablePromptArea();
-      if (this.state.currentConversation?.id) {
-        this.updateBusyPromptArea(this.state.currentConversation.id);
-      }
-      this.emit('ws:connected');
-      if (window.__SERVER_VERSION) {
-        fetch((window.__BASE_URL || '') + '/api/version').then(r => r.json()).then(d => {
-          if (d.version && d.version !== window.__SERVER_VERSION) {
-            this._dbg(`Server updated ${window.__SERVER_VERSION} → ${d.version}, reloading`);
-            window.location.reload();
-          }
-        }).catch(() => {});
-      }
-    });
-
-    this.wsManager.on('disconnected', () => {
-      this._dbg('WebSocket disconnected');
-      this.updateConnectionStatus('disconnected');
-      this.updateSendButtonState();
-      this.disablePromptArea();
-      this.emit('ws:disconnected');
-    });
-
-    this.wsManager.on('reconnecting', (data) => {
-      this._dbg('WebSocket reconnecting:', data);
-      this.updateConnectionStatus('reconnecting');
-    });
-
-    this.wsManager.on('message', (data) => {
-      this.handleWebSocketMessage(data);
-    });
-
-    this.wsManager.on('error', (data) => {
-      console.error('WebSocket error:', data);
-    });
-
-    this.wsManager.on('latency_update', (data) => {
-      this._updateConnectionIndicator(data.quality);
-    });
-
-    this.wsManager.on('connection_degrading', () => {
-      const dot = document.querySelector('.connection-dot');
-      if (dot) dot.classList.add('degrading');
-    });
-
-    this.wsManager.on('connection_recovering', () => {
-      const dot = document.querySelector('.connection-dot');
-      if (dot) dot.classList.remove('degrading');
-    });
-
-    window.addEventListener('conversation-selected', (e) => {
-      const convId = e.detail.conversationId;
-      this.saveDraftPrompt();
-
-      const isStreaming = this._convIsStreaming(convId);
-      if (!isStreaming && window.switchView) {
-        window.switchView('chat');
-      }
-
-      this.restoreDraftPrompt(convId);
-    });
-
-    window.addEventListener('view-switched', (e) => {
-      const view = e.detail.view;
-      if (view === 'chat') {
-        const convId = this.state.currentConversation?.id;
-        const isStreaming = this._convIsStreaming(convId);
-        if (isStreaming) {
-          this.disableControls();
-        } else {
-          this.enableControls();
-        }
-      }
-    });
-  },
-
-
-  _convIsStreaming(convId) {
-    if (!convId) return false;
-    if (typeof convMachineAPI !== 'undefined') return convMachineAPI.isStreaming(convId);
-    return this.state.streamingConversations.has(convId);
-  },
-
-
-  _setConvStreaming(convId, streaming, sessionId, agentId) {
-    if (!convId) return;
-    if (streaming) {
-      this.state.streamingConversations.set(convId, true);
-      if (typeof convMachineAPI !== 'undefined') convMachineAPI.send(convId, { type: 'STREAM_START', sessionId, agentId });
-    } else {
-      this.state.streamingConversations.delete(convId);
-      if (typeof convMachineAPI !== 'undefined') convMachineAPI.send(convId, { type: 'COMPLETE' });
-    }
-  },
-
-
-  setupRendererListeners() {
-    this.renderer.on('batch:complete', (data) => {
-      this._dbg('Batch rendered:', data);
-      this.updateMetrics(data.metrics);
-    });
-
-    this.renderer.on('error:render', (data) => {
-      console.error('Render error:', data.error);
-    });
-  },
-
-
-  restoreStateFromUrl() {
-    const pathMatch = window.location.pathname.match(/\/conversations\/([^\/]+)$/);
-    const conversationId = pathMatch ? pathMatch[1] : null;
-
-    const params = new URLSearchParams(window.location.search);
-    const sessionId = params.get('session');
-
-    if (conversationId && this.isValidId(conversationId)) {
-      this.routerState.currentConversationId = conversationId;
-      if (sessionId && this.isValidId(sessionId)) {
-        this.routerState.currentSessionId = sessionId;
-      }
-      this._dbg('Restoring conversation from URL:', conversationId);
-      this._isLoadingConversation = true;
-      if (window.conversationManager) {
-        window.conversationManager.select(conversationId);
-      } else {
-        this.loadConversationMessages(conversationId).catch((err) => {
-          console.warn('Failed to restore conversation from URL, loading latest instead:', err);
-          if (this.state.conversations && this.state.conversations.length > 0) {
-            const latestConv = this.state.conversations[0];
-            this._dbg('Loading latest conversation instead:', latestConv.id);
-            return this.loadConversationMessages(latestConv.id);
-          } else {
-            this._showWelcomeScreen();
-          }
-        }).finally(() => {
-          this._isLoadingConversation = false;
-        });
-      }
-    } else {
-      this._showWelcomeScreen();
-    }
-  },
-
-
-  isValidId(id) {
-    if (!id || typeof id !== 'string') return false;
-    return /^[a-zA-Z0-9_-]+$/.test(id) && id.length < 256;
-  }
-
-});