@mooncompany/uplink-chat 0.5.0

package/public/js/agents-data.js

@@ -0,0 +1,234 @@
+// ============================================
+// AGENTS DATA MODULE
+// API calls, data fetching, agent CRUD
+// ============================================
+
+const logger = window.logger || console;
+
+// State
+export let agents = [];
+export let defaults = {};
+export let bindings = [];
+export let globalTools = {};
+export let channels = [];
+export let configHash = null;
+export let loaded = false;
+export let loading = false;
+export let saving = false;
+export let restartPending = false;
+
+// Update state (for orchestrator to use)
+export function setState(updates) {
+  if (updates.agents !== undefined) agents = updates.agents;
+  if (updates.defaults !== undefined) defaults = updates.defaults;
+  if (updates.bindings !== undefined) bindings = updates.bindings;
+  if (updates.globalTools !== undefined) globalTools = updates.globalTools;
+  if (updates.channels !== undefined) channels = updates.channels;
+  if (updates.configHash !== undefined) configHash = updates.configHash;
+  if (updates.loaded !== undefined) loaded = updates.loaded;
+  if (updates.loading !== undefined) loading = updates.loading;
+  if (updates.saving !== undefined) saving = updates.saving;
+  if (updates.restartPending !== undefined) restartPending = updates.restartPending;
+}
+
+// ============================================
+// DATA FETCHING
+// ============================================
+
+export async function fetchAgents() {
+  if (loading) return;
+  loading = true;
+
+  try {
+    const response = await fetch('/api/agents');
+    if (!response.ok) throw new Error(`HTTP ${response.status}`);
+    
+    const data = await response.json();
+    if (!data.ok) throw new Error(data.error || 'Failed to fetch agents');
+
+    agents = data.agents || [];
+    defaults = data.defaults || {};
+    bindings = data.bindings || [];
+    globalTools = data.globalTools || {};
+    channels = data.channels || [];
+    configHash = data.hash || null;
+    loaded = true;
+    
+    logger.debug('Agents: Loaded', agents.length, 'agents');
+  } catch (err) {
+    logger.error('Agents: Failed to fetch:', err.message);
+  } finally {
+    loading = false;
+  }
+}
+
+export async function saveAgentChanges(agentId, changes, onConflict) {
+  if (saving) return false;
+  saving = true;
+
+  try {
+    const response = await fetch(`/api/agents/${encodeURIComponent(agentId)}`, {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ changes, baseHash: configHash }),
+    });
+
+    const data = await response.json();
+
+    if (response.status === 409) {
+      // Hash mismatch — config changed externally
+      configHash = data.currentHash;
+      loaded = false;
+      await fetchAgents();
+      if (onConflict) onConflict();
+      return false;
+    }
+
+    if (!response.ok || !data.ok) {
+      throw new Error(data.error || `HTTP ${response.status}`);
+    }
+
+    // Update local state
+    configHash = data.hash || configHash;
+    const idx = agents.findIndex(a => a.id === agentId);
+    if (idx !== -1 && data.agent) {
+      agents[idx] = { ...agents[idx], ...data.agent };
+    }
+
+    return true;
+  } catch (err) {
+    logger.error('Agents: Save failed:', err.message);
+    throw err;
+  } finally {
+    saving = false;
+  }
+}
+
+export async function saveBindings(editedBindings, onConflict) {
+  if (saving) return false;
+  saving = true;
+
+  try {
+    const response = await fetch('/api/bindings', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ bindings: editedBindings, baseHash: configHash }),
+    });
+
+    const data = await response.json();
+
+    if (response.status === 409) {
+      configHash = data.currentHash;
+      loaded = false;
+      await fetchAgents();
+      if (onConflict) onConflict();
+      return false;
+    }
+
+    if (!response.ok || !data.ok) {
+      throw new Error(data.error || `HTTP ${response.status}`);
+    }
+
+    // Update local state
+    configHash = data.hash || configHash;
+    bindings = data.bindings || editedBindings;
+
+    return true;
+  } catch (err) {
+    logger.error('Agents: Save bindings failed:', err.message);
+    throw err;
+  } finally {
+    saving = false;
+  }
+}
+
+export async function createAgent(agent) {
+  if (saving) return null;
+  saving = true;
+
+  try {
+    const response = await fetch('/api/agents', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ agent, baseHash: configHash }),
+    });
+
+    const data = await response.json();
+    if (!response.ok || !data.ok) {
+      throw new Error(data.error || `HTTP ${response.status}`);
+    }
+
+    return data;
+  } catch (err) {
+    logger.error('Agents: Create failed:', err.message);
+    throw err;
+  } finally {
+    saving = false;
+  }
+}
+
+export async function deleteAgent(agentId) {
+  if (saving) return null;
+  saving = true;
+
+  try {
+    const response = await fetch(`/api/agents/${encodeURIComponent(agentId)}`, {
+      method: 'DELETE',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ baseHash: configHash }),
+    });
+
+    const data = await response.json();
+    if (!response.ok || !data.ok) {
+      throw new Error(data.error || `HTTP ${response.status}`);
+    }
+
+    return data;
+  } catch (err) {
+    logger.error('Agents: Delete failed:', err.message);
+    throw err;
+  } finally {
+    saving = false;
+  }
+}
+
+export async function uploadAgentAvatar(agentId, file) {
+  const formData = new FormData();
+  formData.append('avatar', file);
+
+  try {
+    const response = await fetch(`/api/agents/${encodeURIComponent(agentId)}/avatar`, {
+      method: 'POST',
+      body: formData,
+    });
+
+    const data = await response.json();
+    if (!response.ok || !data.ok) {
+      throw new Error(data.error || `HTTP ${response.status}`);
+    }
+
+    return data;
+  } catch (err) {
+    logger.error('Agents: Avatar upload failed:', err.message);
+    throw err;
+  }
+}
+
+// Get current state
+export function getState() {
+  return { agents, defaults, bindings, globalTools, channels, configHash, loaded, loading, saving, restartPending };
+}
+
+// Expose on window for backward compatibility
+if (typeof window !== 'undefined') {
+  window.UplinkAgentsData = {
+    fetchAgents,
+    saveAgentChanges,
+    saveBindings,
+    createAgent,
+    deleteAgent,
+    uploadAgentAvatar,
+    getState,
+    setState
+  };
+}

package/public/js/agents-ui.js

@@ -0,0 +1,72 @@
+// ============================================
+// AGENTS UI MODULE
+// Rendering, list view, detail view, forms
+// ============================================
+
+// This module will be populated with UI rendering functions
+// For now, it re-exports the original agents.js functionality
+// A full refactor would move all rendering logic here
+
+// Tool groups for display
+export const TOOL_GROUPS = {
+  'Runtime': { id: 'group:runtime', tools: ['exec', 'bash', 'process'] },
+  'File System': { id: 'group:fs', tools: ['read', 'write', 'edit', 'apply_patch'] },
+  'Sessions': { id: 'group:sessions', tools: ['sessions_list', 'sessions_history', 'sessions_send', 'sessions_spawn', 'session_status'] },
+  'Memory': { id: 'group:memory', tools: ['memory_search', 'memory_get'] },
+  'UI': { id: 'group:ui', tools: ['browser', 'canvas'] },
+  'Automation': { id: 'group:automation', tools: ['cron', 'gateway'] },
+  'Messaging': { id: 'group:messaging', tools: ['message'] },
+  'Nodes': { id: 'group:nodes', tools: ['nodes'] },
+  'Web': { id: 'group:web', tools: ['web_search', 'web_fetch'] },
+};
+
+// All individual tools for the tool editor
+export const ALL_TOOLS = [
+  'exec', 'bash', 'process', 'read', 'write', 'edit', 'apply_patch',
+  'sessions_list', 'sessions_history', 'sessions_send', 'sessions_spawn', 'session_status',
+  'memory_search', 'memory_get', 'browser', 'canvas', 'cron', 'gateway',
+  'message', 'nodes', 'web_search', 'web_fetch', 'tts', 'image',
+];
+
+// Tool presets
+export const TOOL_PRESETS = {
+  full: { label: 'Full Access', mode: 'full', list: [] },
+  readonly: { label: 'Read Only', mode: 'allow', list: ['read', 'web_search', 'web_fetch', 'image', 'sessions_list', 'sessions_history', 'session_status'] },
+  safe: { label: 'Safe Execution', mode: 'allow', list: ['group:runtime', 'group:fs', 'group:sessions', 'group:web', 'image'] },
+  comms: { label: 'Communication', mode: 'allow', list: ['group:sessions', 'group:messaging', 'group:nodes', 'tts'] },
+  noexec: { label: 'No Exec', mode: 'deny', list: ['group:runtime'] },
+};
+
+// Helper functions
+export function escapeHtml(str) {
+  if (!str) return '';
+  const div = document.createElement('div');
+  div.textContent = String(str);
+  return div.innerHTML;
+}
+
+export function escapeAttr(str) {
+  if (!str) return '';
+  return String(str).replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+
+export function showToast(message, type = 'info') {
+  const notifications = window.UplinkNotifications;
+  if (notifications?.show) {
+    notifications.show(message, type);
+  } else {
+    console.log(`[Agents Toast] ${type}: ${message}`);
+  }
+}
+
+// Expose on window for backward compatibility
+if (typeof window !== 'undefined') {
+  window.UplinkAgentsUI = {
+    TOOL_GROUPS,
+    ALL_TOOLS,
+    TOOL_PRESETS,
+    escapeHtml,
+    escapeAttr,
+    showToast
+  };
+}