agentgui 1.0.930 → 1.0.932

package/static/js/client.js

@@ -1,145 +0,0 @@
-
-class AgentGUIClient {
-  constructor(config = {}) {
-    this.config = {
-      containerId: config.containerId || 'app',
-      outputContainerId: config.outputContainerId || 'output',
-      scrollContainerId: config.scrollContainerId || 'output-scroll',
-      autoConnect: config.autoConnect !== false,
-      ...config
-    };
-
-    this.renderer = new StreamingRenderer(config.renderer || {});
-    this.wsManager = window.wsManager || new WebSocketManager(config.websocket || {});
-    if (!window.wsManager) window.wsManager = this.wsManager;
-    this.eventProcessor = new EventProcessor(config.eventProcessor || {});
-
-    this.state = {
-      isInitialized: false,
-      currentSession: null,
-      currentConversation: null,
-      streamingConversations: new Map(),
-      sessionEvents: [],
-      conversations: [],
-      agents: []
-    };
-
-    this.conversationCache = new Map();
-    this.MAX_CACHE_SIZE = 10;
-
-    this.conversationListCache = {
-      data: [],
-      timestamp: 0,
-      ttl: 30000
-    };
-
-    this.draftPrompts = new Map();
-
-    this.eventHandlers = {};
-
-    this.ui = {
-      statusIndicator: null,
-      messageInput: null,
-      sendButton: null,
-      cliSelector: null,
-      agentSelector: null,
-      modelSelector: null
-    };
-
-    this._agentLocked = false;
-    this._isLoadingConversation = false;
-    this._modelCache = new Map();
-
-    this._renderedSeqs = {};
-    this._inflightRequests = new Map();
-    this._previousConvAbort = null;
-
-    this._bgCache = new Map();
-    this.BG_CACHE_MAX = 50;
-
-    this._loadInProgress = {};
-    this._currentRequestId = 0;
-
-
-    this._scrollTarget = 0;
-    this._scrollAnimating = false;
-    this._scrollLerpFactor = config.scrollAnimationSpeed || 0.15;
-
-
-    this._serverProcessingEstimate = 2000;
-    this._lastSendTime = 0;
-    this._countdownTimer = null;
-
-    this.routerState = {
-      currentConversationId: null,
-      currentSessionId: null
-    };
-
-    this._debug = typeof localStorage !== 'undefined' && localStorage.getItem('debug') === '1';
-  }
-
-  _dbg(...args) { if (this._debug) console.log('[AgentGUI]', ...args); }
-
-  async init() {
-    try {
-      this._dbg('Initializing AgentGUI client');
-
-      const wsReady = this.config.autoConnect ? this.connectWebSocket() : Promise.resolve();
-
-      this.renderer.init(this.config.outputContainerId, this.config.scrollContainerId);
-
-      if (typeof ImageLoader !== 'undefined') {
-        window.imageLoader = new ImageLoader();
-      }
-
-      this.setupWebSocketListeners();
-      this.setupRendererListeners();
-      this.setupUI();
-
-      await wsReady;
-      await Promise.all([
-        this.loadAgents(),
-        this.loadConversations(),
-        this.checkSpeechStatus()
-      ]);
-
-      this.enableControls();
-
-      this.restoreStateFromUrl();
-
-      this.state.isInitialized = true;
-      this.emit('initialized');
-      this._setupDebugHooks();
-
-      this._dbg('AgentGUI client initialized');
-      return this;
-    } catch (error) {
-      console.error('Client initialization error:', error);
-      this.showError('Failed to initialize client: ' + error.message);
-      throw error;
-    }
-  }
-
-}
-
-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) }));
-};
-
-let agentGUIClient = null;
-
-document.addEventListener('DOMContentLoaded', async () => {
-  try {
-    agentGUIClient = new AgentGUIClient();
-    window.agentGuiClient = agentGUIClient;
-    await agentGUIClient.init();
-    agentGUIClient._dbg('AgentGUI ready');
-  } catch (error) {
-    console.error('Failed to initialize AgentGUI:', error);
-  }
-});
-
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = AgentGUIClient;
-}

package/static/js/codec.js

@@ -1,4 +0,0 @@
-// Client-side msgpack codec — loaded via dynamic import() in ws-client.js
-// msgpackr is loaded globally from static/lib/msgpackr.min.js
-export const encode = (obj) => msgpackr.pack(obj);
-export const decode = (buf) => msgpackr.unpack(new Uint8Array(buf));

package/static/js/conv-list-machine.js

@@ -1,145 +0,0 @@
-(function() {
-  const { createMachine, createActor, assign } = XState;
-
-  const convListMachine = createMachine({
-    id: 'conv-list',
-    initial: 'unloaded',
-    context: {
-      conversations: [],
-      activeId: null,
-      streamingIds: [],
-      version: 0,
-      lastPollAt: null,
-    },
-    states: {
-      unloaded: {
-        on: {
-          LOAD_START: 'loading',
-        },
-      },
-      loading: {
-        on: {
-          LOAD_DONE: {
-            target: 'loaded',
-            actions: assign(({ context, event }) => {
-              const incoming = event.conversations || [];
-              let conversations;
-              if (incoming.length === 0 && context.conversations.length > 0) {
-                conversations = context.conversations;
-              } else if (incoming.length > 0 && incoming.length < context.conversations.length) {
-                const polledIds = new Set(incoming.map(c => c.id));
-                const kept = context.conversations.filter(c => !polledIds.has(c.id));
-                const merged = incoming.map(pc => {
-                  const cached = context.conversations.find(c => c.id === pc.id);
-                  return cached ? Object.assign({}, cached, pc) : pc;
-                }).concat(kept);
-                merged.sort((a, b) => {
-                  const ap = a.pinned ? 1 : 0, bp = b.pinned ? 1 : 0;
-                  if (ap !== bp) return bp - ap;
-                  const as_ = a.sortOrder ?? 999999, bs_ = b.sortOrder ?? 999999;
-                  if (as_ !== bs_) return as_ - bs_;
-                  return (b.updated_at || 0) - (a.updated_at || 0);
-                });
-                conversations = merged;
-              } else {
-                conversations = incoming;
-              }
-              return { conversations, version: context.version + 1, lastPollAt: Date.now() };
-            }),
-          },
-          LOAD_ERROR: 'error',
-        },
-      },
-      loaded: {
-        on: {
-          LOAD_START: 'loading',
-          ADD: {
-            actions: assign(({ context, event }) => {
-              if (context.conversations.some(c => c.id === event.conversation.id)) return {};
-              return { conversations: [event.conversation, ...context.conversations], version: context.version + 1 };
-            }),
-          },
-          UPDATE: {
-            actions: assign(({ context, event }) => {
-              const idx = context.conversations.findIndex(c => c.id === event.conversation.id);
-              if (idx < 0) return {};
-              const updated = [...context.conversations];
-              updated[idx] = Object.assign({}, updated[idx], event.conversation);
-              return { conversations: updated, version: context.version + 1 };
-            }),
-          },
-          DELETE: {
-            actions: assign(({ context, event }) => ({
-              conversations: context.conversations.filter(c => c.id !== event.id),
-              activeId: context.activeId === event.id ? null : context.activeId,
-              streamingIds: context.streamingIds.filter(id => id !== event.id),
-              version: context.version + 1,
-            })),
-          },
-          CLEAR_ALL: {
-            actions: assign({ conversations: [], activeId: null, streamingIds: [], version: 0 }),
-          },
-          SET_STREAMING: {
-            actions: assign(({ context, event }) => ({
-              streamingIds: context.streamingIds.includes(event.id)
-                ? context.streamingIds
-                : [...context.streamingIds, event.id],
-            })),
-          },
-          CLEAR_STREAMING: {
-            actions: assign(({ context, event }) => ({
-              streamingIds: context.streamingIds.filter(id => id !== event.id),
-            })),
-          },
-          SELECT: {
-            actions: assign(({ event }) => ({ activeId: event.id })),
-          },
-        },
-      },
-      error: {
-        on: {
-          LOAD_START: 'loading',
-        },
-      },
-    },
-  });
-
-  const actor = createActor(convListMachine);
-  actor.start();
-
-  function sendEvent(event) {
-    actor.send(event);
-    return actor.getSnapshot();
-  }
-
-  function getState() {
-    return actor.getSnapshot().value;
-  }
-
-  function getContext() {
-    return actor.getSnapshot().context;
-  }
-
-  function getConversations() {
-    return actor.getSnapshot().context.conversations;
-  }
-
-  function getStreamingIds() {
-    return actor.getSnapshot().context.streamingIds;
-  }
-
-  function isStreaming(id) {
-    return actor.getSnapshot().context.streamingIds.includes(id);
-  }
-
-  function getActiveId() {
-    return actor.getSnapshot().context.activeId;
-  }
-
-  function subscribe(fn) {
-    return actor.subscribe(fn);
-  }
-
-  window.__convListMachine = actor;
-  window.convListMachineAPI = { send: sendEvent, getState, getContext, getConversations, getStreamingIds, isStreaming, getActiveId, subscribe };
-})();

package/static/js/conv-list-renderer.js

@@ -1,198 +0,0 @@
-Object.assign(ConversationManager.prototype, {
-  async loadConversations() {
-    if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'LOAD_START' });
-    try {
-      const base = window.__BASE_URL || '/gm';
-      const res = await fetch(base + '/api/conversations');
-      if (!res.ok) throw new Error('HTTP ' + res.status);
-      const data = await res.json();
-      if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'LOAD_DONE', conversations: data.conversations || [] });
-      const cliStreaming = window.agentGuiClient?.state?.streamingConversations;
-      for (const conv of this.conversations) {
-        const streaming = conv.isStreaming === 1 || conv.isStreaming === true || (cliStreaming ? cliStreaming.has(conv.id) : false);
-        window.convListMachineAPI?.send({ type: streaming ? 'SET_STREAMING' : 'CLEAR_STREAMING', id: conv.id });
-      }
-      this.render();
-    } catch (err) {
-      console.error('Failed to load conversations:', err);
-      window.convListMachineAPI?.send({ type: 'LOAD_ERROR' });
-      if (this.conversations.length === 0) this.showEmpty('Failed to load conversations');
-    }
-  },
-
-  _convVnode(conv) {
-    const h = window.webjsx?.createElement;
-    if (!h) return null;
-    const isActive = conv.id === this.activeId;
-    const isStreaming = this.streamingConversations.has(conv.id);
-    const title = conv.title || `Conversation ${conv.id.slice(0, 8)}`;
-    const timestamp = conv.created_at ? new Date(conv.created_at).toLocaleDateString() : 'Unknown';
-    const agent = this.getAgentDisplayName(conv.agentId || conv.agentType);
-    const modelLabel = this.formatModelLabel(conv.model);
-    const wd = conv.workingDirectory ? pathBasename(conv.workingDirectory) : '';
-    const metaParts = [agent + modelLabel, timestamp];
-    if (wd) metaParts.push(wd);
-    const badge = isStreaming ? h('span', { class: 'conversation-streaming-badge', title: 'Streaming in progress' }, h('span', { class: 'streaming-dot' })) : null;
-    const dragAttrs = conv.pinned ? { draggable: 'true', 'data-drag-conv': conv.id } : {};
-    return h('li', { class: 'conversation-item' + (isActive ? ' active' : '') + (conv.pinned ? ' pinned' : ''), 'data-conv-id': conv.id, ...dragAttrs },
-      h('div', { class: 'conversation-item-content' },
-        h('div', { class: 'conversation-item-title' }, ...(badge ? [badge, title] : [title])),
-        h('div', { class: 'conversation-item-meta' }, metaParts.join(' • '))
-      ),
-      h('input', { type: 'checkbox', class: 'conversation-item-checkbox', 'data-bulk-check': conv.id, title: 'Select for bulk action', onclick: 'event.stopPropagation()' }),
-      h('button', { class: 'conversation-item-export', title: 'Export as markdown', 'data-export-conv': conv.id },
-        h('svg', { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2' },
-          h('path', { d: 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4' }),
-          h('polyline', { points: '7 10 12 15 17 10' }),
-          h('line', { x1: '12', y1: '15', x2: '12', y2: '3' }))),
-      h('button', { class: 'conversation-item-archive', title: 'Archive conversation', 'data-archive-conv': conv.id },
-        h('svg', { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2' },
-          h('path', { d: 'M21 8v13H3V8' }), h('path', { d: 'M1 3h22v5H1z' }), h('path', { d: 'M10 12h4' }))),
-      h('button', { class: 'conversation-item-delete', title: 'Delete conversation', 'data-delete-conv': conv.id },
-        h('svg', { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', 'stroke-width': '2' },
-          h('polyline', { points: '3 6 5 6 21 6' }),
-          h('path', { d: 'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' })))
-    );
-  },
-
-  render() {
-    if (!this.listEl) return;
-    if (this.conversations.length === 0) { this.showEmpty(); return; }
-    this.emptyEl.style.display = 'none';
-    // Conversations already arrive sorted from server (pinned DESC, sortOrder ASC, updated_at DESC)
-    const convs = this.conversations;
-    if (window.webjsx?.applyDiff) {
-      window.webjsx.applyDiff(this.listEl, convs.map(conv => this._convVnode(conv)).filter(Boolean));
-    } else {
-      this._renderFallback(convs);
-    }
-  },
-
-  _renderFallback(sorted) {
-    const existingMap = {};
-    for (const child of Array.from(this.listEl.children)) {
-      if (child.dataset.convId) existingMap[child.dataset.convId] = child;
-    }
-    const frag = document.createDocumentFragment();
-    for (const conv of sorted) {
-      const el = existingMap[conv.id] || document.createElement('li');
-      el.className = 'conversation-item' + (conv.id === this.activeId ? ' active' : '');
-      el.dataset.convId = conv.id;
-      delete existingMap[conv.id];
-      frag.appendChild(el);
-    }
-    for (const orphan of Object.values(existingMap)) orphan.remove();
-    this.listEl.appendChild(frag);
-  },
-
-  async confirmDelete(convId, title) {
-    const confirmed = await window.UIDialog.confirm(`Delete conversation "${title || 'Untitled'}"?\n\nThis will also delete any associated Claude Code session data. This action cannot be undone.`, 'Delete Conversation');
-    if (!confirmed) return;
-    try {
-      await window.wsClient.rpc('conv.del', { id: convId });
-      this.deleteConversation(convId);
-    } catch (err) {
-      window.UIDialog.alert('Failed to delete conversation: ' + (err.message || 'Unknown error'), 'Error');
-    }
-  },
-
-  select(convId) {
-    const result = window.ConversationState?.selectConversation(convId, 'user_click', 1) || { success: false };
-    if (!result.success && result.reason !== 'already_selected') { console.error('[ConvMgr] activeId mutation rejected:', result.reason); return; }
-    if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'SELECT', id: convId });
-    document.querySelectorAll('.conversation-item').forEach(item => item.classList.remove('active'));
-    const active = document.querySelector(`[data-conv-id="${convId}"]`);
-    if (active) active.classList.add('active');
-    window.dispatchEvent(new CustomEvent('conversation-selected', { detail: { conversationId: convId } }));
-  },
-
-  createNew() {
-    window.dispatchEvent(new CustomEvent('preparing-new-conversation'));
-    window.dispatchEvent(new CustomEvent('create-new-conversation'));
-  },
-
-  showEmpty(message = 'No conversations yet') {
-    if (!this.listEl) return;
-    this.listEl.innerHTML = '';
-    this.emptyEl.textContent = message;
-    this.emptyEl.style.display = 'block';
-  },
-
-  addConversation(conv) {
-    if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'ADD', conversation: conv });
-    this.render();
-  },
-
-  updateConversation(convId, updates) {
-    if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'UPDATE', conversation: Object.assign({ id: convId }, updates) });
-    this.render();
-  },
-
-  deleteConversation(convId) {
-    const wasActive = this.activeId === convId;
-    if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'DELETE', id: convId });
-    if (wasActive) { window.ConversationState?.deleteConversation(convId, 1); window.dispatchEvent(new CustomEvent('conversation-deselected')); }
-    this.render();
-  },
-
-  getSelectedIds() {
-    return [...this.listEl.querySelectorAll('.conversation-item-checkbox:checked')].map(cb => cb.dataset.bulkCheck);
-  },
-
-  async bulkArchive() {
-    const ids = this.getSelectedIds();
-    if (ids.length === 0) return;
-    if (!await window.UIDialog?.confirm(`Archive ${ids.length} conversation(s)?`, 'Bulk Archive')) return;
-    const base = window.__BASE_URL || '';
-    for (const id of ids) {
-      try { await fetch(`${base}/api/conversations/${id}/archive`, { method: 'POST' }); } catch (_) {}
-      this.deleteConversation(id);
-    }
-  },
-
-  async bulkDelete() {
-    const ids = this.getSelectedIds();
-    if (ids.length === 0) return;
-    if (!await window.UIDialog?.confirm(`Permanently delete ${ids.length} conversation(s)?`, 'Bulk Delete')) return;
-    for (const id of ids) this.confirmDelete(id, '');
-  },
-
-  async exportConversation(convId) {
-    try {
-      const result = await window.wsClient.rpc('conv.export', { id: convId, format: 'markdown' });
-      const blob = new Blob([result.markdown], { type: 'text/markdown' });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url; a.download = (result.title || 'conversation').replace(/[^a-zA-Z0-9_-]/g, '_') + '.md';
-      a.click(); URL.revokeObjectURL(url);
-    } catch (e) { console.error('[export] Failed:', e.message); }
-  },
-
-  async archiveConversation(convId) {
-    try {
-      const resp = await fetch(`${window.__BASE_URL || ''}/api/conversations/${convId}/archive`, { method: 'POST' });
-      if (!resp.ok) return;
-      this.deleteConversation(convId);
-    } catch (e) { console.error('[archive] Failed:', e.message); }
-  },
-
-  setupWebSocketListener() {
-    window.addEventListener('ws-message', (event) => {
-      const msg = event.detail;
-      if (msg.type === 'conversation_created') { this.addConversation(msg.conversation); }
-      else if (msg.type === 'conversation_updated') { this.updateConversation(msg.conversation.id, msg.conversation); }
-      else if (msg.type === 'conversation_deleted') { this.deleteConversation(msg.conversationId); }
-      else if (msg.type === 'all_conversations_deleted') {
-        if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'CLEAR_ALL' });
-        window.ConversationState?.clear('all_deleted');
-        this.showEmpty('No conversations yet');
-      } else if (msg.type === 'streaming_start' && msg.conversationId) {
-        if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'SET_STREAMING', id: msg.conversationId });
-        this.render();
-      } else if ((msg.type === 'streaming_complete' || msg.type === 'streaming_error') && msg.conversationId) {
-        if (window.convListMachineAPI) window.convListMachineAPI.send({ type: 'CLEAR_STREAMING', id: msg.conversationId });
-        this.render();
-      }
-    });
-  }
-});

package/static/js/conv-machine.js

@@ -1,110 +0,0 @@
-
-const { createMachine: cmCreateMachine, createActor: cmCreateActor, assign: cmAssign } = XState;
-
-const convMachine = cmCreateMachine({
-  id: 'conv-ui',
-  initial: 'idle',
-  context: {
-    sessionId: null,
-    agentId: null,
-    queueLength: 0,
-  },
-  states: {
-    idle: {
-      entry: cmAssign({ sessionId: null, agentId: null, queueLength: 0 }),
-      on: {
-        STREAM_START: {
-          target: 'streaming',
-          actions: cmAssign(({ event }) => ({
-            sessionId: event.sessionId || null,
-            agentId: event.agentId || null,
-          })),
-        },
-      },
-    },
-    streaming: {
-      on: {
-        COMPLETE: [
-          {
-            guard: ({ context }) => context.queueLength > 0,
-            target: 'queued',
-          },
-          { target: 'idle' },
-        ],
-        ERROR: 'idle',
-        QUEUE_UPDATE: {
-          actions: cmAssign(({ event }) => ({ queueLength: event.queueLength || 0 })),
-        },
-        STREAM_START: {
-          actions: cmAssign(({ event }) => ({
-            sessionId: event.sessionId || null,
-            agentId: event.agentId || null,
-          })),
-        },
-      },
-    },
-    queued: {
-      on: {
-        STREAM_START: {
-          target: 'streaming',
-          actions: cmAssign(({ event }) => ({
-            sessionId: event.sessionId || null,
-            agentId: event.agentId || null,
-          })),
-        },
-        QUEUE_UPDATE: {
-          actions: cmAssign(({ event }) => ({ queueLength: event.queueLength || 0 })),
-          guard: ({ event }) => event.queueLength > 0,
-        },
-        QUEUE_EMPTY: 'idle',
-        COMPLETE: 'idle',
-        ERROR: 'idle',
-      },
-    },
-  },
-});
-
-const convMachines = new Map();
-
-function getOrCreate(convId) {
-  if (convMachines.has(convId)) return convMachines.get(convId);
-  const actor = cmCreateActor(convMachine);
-  actor.start();
-  convMachines.set(convId, actor);
-  return actor;
-}
-
-function send(convId, event) {
-  const actor = getOrCreate(convId);
-  actor.send(event);
-  return actor.getSnapshot();
-}
-
-function getState(convId) {
-  const actor = convMachines.get(convId);
-  return actor ? actor.getSnapshot().value : 'idle';
-}
-
-function isStreaming(convId) {
-  return getState(convId) === 'streaming';
-}
-
-function isActive(convId) {
-  const s = getState(convId);
-  return s === 'streaming' || s === 'queued';
-}
-
-function getQueueLength(convId) {
-  const actor = convMachines.get(convId);
-  return actor ? actor.getSnapshot().context.queueLength : 0;
-}
-
-function remove(convId) {
-  const actor = convMachines.get(convId);
-  if (actor) { actor.stop(); convMachines.delete(convId); }
-}
-
-if (typeof window !== 'undefined') {
-  window.__convMachines = convMachines;
-  window.convMachineAPI = { getOrCreate, send, getState, isStreaming, isActive, getQueueLength, remove };
-}