crca 1.4.0__py3-none-any.whl → 1.5.0__py3-none-any.whl

webui/static/js/main.js

@@ -0,0 +1,284 @@
+// CRCA Web UI - Main JavaScript
+// State management and UI interactions
+
+// Application State
+const AppState = {
+    currentAgentKey: null,
+    agents: [],
+    isLoading: false,
+    sessionId: null
+};
+
+// DOM Elements Cache
+const DOM = {
+    agentSelect: null,
+    agentInfo: null,
+    chatMessages: null,
+    chatInput: null,
+    sendButton: null
+};
+
+// Initialize application
+async function init() {
+    try {
+        // Cache DOM elements
+        DOM.agentSelect = document.getElementById('agentSelect');
+        DOM.agentInfo = document.getElementById('agentInfo');
+        DOM.chatMessages = document.getElementById('chatMessages');
+        DOM.chatInput = document.getElementById('chatInput');
+        DOM.sendButton = document.getElementById('sendButton');
+
+        // Load agents and setup
+        await loadAgents();
+        setupEventListeners();
+        
+        // Focus input
+        DOM.chatInput.focus();
+    } catch (error) {
+        console.error('Initialization error:', error);
+        addMessage('error', 'System', 'Failed to initialize application. Please refresh the page.');
+    }
+}
+
+// Load available agents from API
+async function loadAgents() {
+    try {
+        const response = await fetch('/api/agents');
+        
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        
+        const data = await response.json();
+        
+        AppState.agents = data.agents || [];
+        AppState.currentAgentKey = data.default || (AppState.agents.length > 0 ? AppState.agents[0].key : null);
+
+        // Populate agent selector
+        populateAgentSelector();
+        updateAgentInfo();
+        
+    } catch (error) {
+        console.error('Failed to load agents:', error);
+        addMessage('error', 'System', 'Failed to load agents. Please refresh the page.');
+    }
+}
+
+// Populate agent selector dropdown
+function populateAgentSelector() {
+    if (!DOM.agentSelect) return;
+    
+    DOM.agentSelect.innerHTML = '';
+    
+    if (AppState.agents.length === 0) {
+        const option = document.createElement('option');
+        option.value = '';
+        option.textContent = 'No agents available';
+        DOM.agentSelect.appendChild(option);
+        return;
+    }
+    
+    AppState.agents.forEach(agent => {
+        const option = document.createElement('option');
+        option.value = agent.key;
+        option.textContent = agent.name;
+        if (agent.key === AppState.currentAgentKey) {
+            option.selected = true;
+        }
+        DOM.agentSelect.appendChild(option);
+    });
+}
+
+// Update agent info display
+function updateAgentInfo() {
+    if (!DOM.agentInfo) return;
+    
+    const agent = AppState.agents.find(a => a.key === AppState.currentAgentKey);
+    if (agent) {
+        DOM.agentInfo.textContent = agent.description || '';
+    } else {
+        DOM.agentInfo.textContent = '';
+    }
+}
+
+// Setup all event listeners
+function setupEventListeners() {
+    // Agent selection change
+    if (DOM.agentSelect) {
+        DOM.agentSelect.addEventListener('change', handleAgentChange);
+    }
+
+    // Send button click
+    if (DOM.sendButton) {
+        DOM.sendButton.addEventListener('click', sendMessage);
+    }
+
+    // Enter key to send (Shift+Enter for new line)
+    if (DOM.chatInput) {
+        DOM.chatInput.addEventListener('keydown', handleKeyDown);
+        DOM.chatInput.addEventListener('input', handleInputResize);
+    }
+}
+
+// Handle agent selection change
+async function handleAgentChange(event) {
+    const newAgentKey = event.target.value;
+    
+    if (!newAgentKey || newAgentKey === AppState.currentAgentKey) {
+        return;
+    }
+    
+    try {
+        const response = await fetch('/api/switch', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ agent_key: newAgentKey })
+        });
+        
+        if (response.ok) {
+            const data = await response.json();
+            AppState.currentAgentKey = newAgentKey;
+            updateAgentInfo();
+            
+            const agentName = AppState.agents.find(a => a.key === newAgentKey)?.name || newAgentKey;
+            addMessage('agent', 'System', `Switched to ${agentName}`);
+        } else {
+            const errorData = await response.json();
+            addMessage('error', 'System', `Failed to switch agent: ${errorData.error || 'Unknown error'}`);
+            // Revert selection
+            DOM.agentSelect.value = AppState.currentAgentKey;
+        }
+    } catch (error) {
+        console.error('Failed to switch agent:', error);
+        addMessage('error', 'System', 'Failed to switch agent. Please try again.');
+        DOM.agentSelect.value = AppState.currentAgentKey;
+    }
+}
+
+// Handle keyboard input
+function handleKeyDown(event) {
+    if (event.key === 'Enter' && !event.shiftKey) {
+        event.preventDefault();
+        sendMessage();
+    }
+}
+
+// Auto-resize textarea
+function handleInputResize() {
+    if (!DOM.chatInput) return;
+    
+    DOM.chatInput.style.height = 'auto';
+    const newHeight = Math.min(DOM.chatInput.scrollHeight, 150);
+    DOM.chatInput.style.height = newHeight + 'px';
+}
+
+// Add message to chat display
+function addMessage(type, sender, content) {
+    if (!DOM.chatMessages) return;
+    
+    // Remove empty state if present
+    const emptyState = DOM.chatMessages.querySelector('.empty-state');
+    if (emptyState) {
+        emptyState.remove();
+    }
+
+    // Create message container
+    const messageDiv = document.createElement('div');
+    messageDiv.className = `message ${type}`;
+    
+    // Create header
+    const headerDiv = document.createElement('div');
+    headerDiv.className = 'message-header';
+    headerDiv.textContent = sender;
+    
+    // Create content
+    const contentDiv = document.createElement('div');
+    contentDiv.className = 'message-content';
+    contentDiv.textContent = content;
+    
+    // Assemble message
+    messageDiv.appendChild(headerDiv);
+    messageDiv.appendChild(contentDiv);
+    DOM.chatMessages.appendChild(messageDiv);
+    
+    // Scroll to bottom with smooth behavior
+    DOM.chatMessages.scrollTo({
+        top: DOM.chatMessages.scrollHeight,
+        behavior: 'smooth'
+    });
+}
+
+// Send message to agent
+async function sendMessage() {
+    if (!DOM.chatInput || !DOM.sendButton) return;
+    
+    const message = DOM.chatInput.value.trim();
+    
+    // Validation
+    if (!message || AppState.isLoading || !AppState.currentAgentKey) {
+        return;
+    }
+
+    // Add user message to chat
+    addMessage('user', 'You', message);
+    
+    // Clear and reset input
+    DOM.chatInput.value = '';
+    DOM.chatInput.style.height = 'auto';
+    
+    // Update UI state
+    setLoadingState(true);
+
+    try {
+        const response = await fetch('/api/chat', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                message: message,
+                agent_key: AppState.currentAgentKey
+            })
+        });
+
+        const data = await response.json();
+
+        if (response.ok && data.response) {
+            const agentName = data.agent_name || 'Agent';
+            addMessage('agent', agentName, data.response);
+        } else {
+            addMessage('error', 'Error', data.error || 'Failed to get response from agent');
+        }
+    } catch (error) {
+        console.error('Failed to send message:', error);
+        addMessage('error', 'Error', 'Failed to send message. Please try again.');
+    } finally {
+        setLoadingState(false);
+        DOM.chatInput.focus();
+    }
+}
+
+// Set loading state
+function setLoadingState(loading) {
+    AppState.isLoading = loading;
+    
+    if (!DOM.chatInput || !DOM.sendButton) return;
+    
+    DOM.chatInput.disabled = loading;
+    DOM.sendButton.disabled = loading;
+    
+    if (loading) {
+        DOM.sendButton.innerHTML = '<span class="loading"></span>Sending...';
+    } else {
+        DOM.sendButton.textContent = 'Send';
+    }
+}
+
+// Initialize on page load
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+} else {
+    init();
+}

webui/templates/index.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CRCA Web UI</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+</head>
+<body>
+    <div class="header">
+        <h1>CRCA Web UI</h1>
+        <p>Causal Reasoning with Counterfactual Analysis</p>
+    </div>
+
+    <div class="controls">
+        <div class="agent-selector">
+            <label for="agentSelect">Agent:</label>
+            <select id="agentSelect">
+                <option value="">Loading...</option>
+            </select>
+        </div>
+        <div class="agent-info" id="agentInfo"></div>
+    </div>
+
+    <div class="chat-container">
+        <div class="chat-messages" id="chatMessages">
+            <div class="empty-state">Start a conversation by typing a message below.</div>
+        </div>
+        <div class="chat-input-container">
+            <textarea 
+                id="chatInput" 
+                class="chat-input" 
+                placeholder="Type your message here..."
+                rows="1"
+            ></textarea>
+            <button id="sendButton" class="send-button">Send</button>
+        </div>
+    </div>
+
+    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
+</body>
+</html>

tests/test_crca_excel.py

@@ -1,166 +0,0 @@
-"""
-Integration tests for CRCA Excel TUI System.
-
-Tests full planning workflow, SCM bridge, and TUI interactions.
-"""
-
-import pytest
-from crca_excel.core.tables import TableManager
-from crca_excel.core.deps import DependencyGraph
-from crca_excel.core.eval import EvaluationEngine
-from crca_excel.core.scm import SCMBridge
-from crca_excel.core.objective import ObjectiveFunction, ConstraintChecker
-from crca_excel.core.planner import Planner
-from crca_excel.core.events import EventDispatcher
-from crca_excel.core.standard_tables import initialize_standard_tables
-from crca_excel.core.formulas import (
-    formula_agent_load,
-    formula_task_progress,
-    formula_objective
-)
-
-
-def test_table_creation():
-    """Test table creation and basic operations."""
-    tables = TableManager()
-    initialize_standard_tables(tables)
-    
-    assert tables.has_table("CONFIG")
-    assert tables.has_table("AGENTS")
-    assert tables.has_table("TASKS")
-    
-    # Add an agent
-    agents_table = tables.get_table("AGENTS")
-    agents_table.add_row("agent1", {"agent_id": "agent1", "max_tasks": 5})
-    
-    assert agents_table.has_row("agent1")
-    assert agents_table.get_cell("agent1", "max_tasks") == 5
-
-
-def test_dependency_graph():
-    """Test dependency graph operations."""
-    graph = DependencyGraph()
-    
-    cell1 = ("TASKS", "task1", "difficulty")
-    cell2 = ("AGENTS", "agent1", "load")
-    
-    graph.add_dependency(cell1, cell2)
-    
-    deps = graph.get_dependencies(cell2)
-    assert cell1 in deps
-    
-    dependents = graph.get_dependents(cell1)
-    assert cell2 in dependents
-
-
-def test_scm_bridge():
-    """Test SCM bridge do-operator."""
-    tables = TableManager()
-    initialize_standard_tables(tables)
-    
-    graph = DependencyGraph()
-    eval_engine = EvaluationEngine(tables, graph)
-    scm_bridge = SCMBridge(tables, eval_engine)
-    
-    # Add agent and task
-    agents_table = tables.get_table("AGENTS")
-    agents_table.add_row("agent1", {"agent_id": "agent1", "max_tasks": 5})
-    
-    tasks_table = tables.get_table("TASKS")
-    tasks_table.add_row("task1", {"task_id": "task1", "difficulty": 2.0})
-    
-    # Apply intervention
-    intervention = {
-        ("TASKS", "task1", "assigned_agent_id"): "agent1"
-    }
-    
-    snapshot = scm_bridge.do_intervention(intervention)
-    assert "TASKS" in snapshot
-
-
-def test_planner():
-    """Test planner candidate generation and evaluation."""
-    tables = TableManager()
-    initialize_standard_tables(tables)
-    
-    graph = DependencyGraph()
-    eval_engine = EvaluationEngine(tables, graph)
-    scm_bridge = SCMBridge(tables, eval_engine)
-    
-    objective = ObjectiveFunction("value")
-    constraint_checker = ConstraintChecker()
-    
-    planner = Planner(tables, scm_bridge, objective, constraint_checker)
-    
-    # Add test data
-    agents_table = tables.get_table("AGENTS")
-    agents_table.add_row("agent1", {"agent_id": "agent1", "max_tasks": 5})
-    
-    tasks_table = tables.get_table("TASKS")
-    tasks_table.add_row("task1", {"task_id": "task1", "difficulty": 2.0, "value": 10.0})
-    
-    # Generate candidates
-    intervention_vars = [("TASKS", "task1", "assigned_agent_id")]
-    candidates = planner.generate_candidates(intervention_vars, n_candidates=5)
-    
-    assert len(candidates) > 0
-    assert all(isinstance(c, dict) for c in candidates)
-
-
-def test_event_dispatcher():
-    """Test event dispatcher."""
-    tables = TableManager()
-    initialize_standard_tables(tables)
-    
-    graph = DependencyGraph()
-    eval_engine = EvaluationEngine(tables, graph)
-    dispatcher = EventDispatcher(tables, eval_engine, graph)
-    
-    # Add agent
-    agents_table = tables.get_table("AGENTS")
-    agents_table.add_row("agent1", {"agent_id": "agent1"})
-    
-    # Dispatch edit event
-    from crca_excel.core.events import EditCellEvent
-    event = EditCellEvent(
-        table_name="AGENTS",
-        row_key="agent1",
-        column_name="max_tasks",
-        value=10
-    )
-    
-    dispatcher.dispatch(event)
-    
-    assert agents_table.get_cell("agent1", "max_tasks") == 10
-
-
-def test_formulas():
-    """Test formula evaluation."""
-    tables = TableManager()
-    initialize_standard_tables(tables)
-    
-    # Setup data
-    agents_table = tables.get_table("AGENTS")
-    agents_table.add_row("agent1", {"agent_id": "agent1", "max_tasks": 5})
-    
-    tasks_table = tables.get_table("TASKS")
-    tasks_table.add_row("task1", {
-        "task_id": "task1",
-        "difficulty": 2.0,
-        "assigned_agent_id": "agent1"
-    })
-    
-    # Test agent load formula
-    agent_row = agents_table.get_row_data("agent1")
-    all_tables = {
-        "AGENTS": {"agent1": agent_row},
-        "TASKS": {"task1": tasks_table.get_row_data("task1")}
-    }
-    
-    load = formula_agent_load(agent_row, all_tables, {})
-    assert load == 2.0  # Sum of assigned task difficulties
-
-
-if __name__ == "__main__":
-    pytest.main([__file__, "-v"])
-