nyxora 1.0.2 → 1.0.4

package/dashboard/src/Memory.tsx

@@ -1,109 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Trash2, Download } from 'lucide-react';
-
-interface MemoryEntry {
-  role: 'user' | 'assistant' | 'tool' | 'system';
-  content: string;
-  name?: string;
-  tool_calls?: any[];
-}
-
-const Memory: React.FC = () => {
-  const [history, setHistory] = useState<MemoryEntry[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-
-  const fetchMemory = async () => {
-    try {
-      const res = await fetch('http://localhost:3000/api/history');
-      if (res.ok) {
-        setHistory(await res.json());
-      }
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    fetchMemory();
-  }, []);
-
-  const handleClear = async () => {
-    if (!confirm('Are you sure you want to wipe the agent memory? This cannot be undone.')) return;
-    try {
-      await fetch('http://localhost:3000/api/history', { method: 'DELETE' });
-      setHistory([]);
-    } catch (e) {
-      console.error(e);
-    }
-  };
-
-  const handleExport = () => {
-    const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(history, null, 2));
-    const downloadAnchorNode = document.createElement('a');
-    downloadAnchorNode.setAttribute("href",     dataStr);
-    downloadAnchorNode.setAttribute("download", "agent_memory.json");
-    document.body.appendChild(downloadAnchorNode);
-    downloadAnchorNode.click();
-    downloadAnchorNode.remove();
-  };
-
-  if (isLoading) return <div className="overview-container">Loading memory...</div>;
-
-  return (
-    <div className="overview-container">
-      <div className="overview-header" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>
-        <div>
-          <h1>Memory Vault</h1>
-          <p>Long-term storage and conversational context of the Agent.</p>
-        </div>
-        <div style={{ display: 'flex', gap: '12px' }}>
-          <button className="btn-secondary" onClick={handleExport}>
-            <Download size={14} style={{ marginRight: '6px', display: 'inline' }}/>
-            Export JSON
-          </button>
-          <button className="btn-primary" style={{ background: '#ef4444' }} onClick={handleClear}>
-            <Trash2 size={14} style={{ marginRight: '6px', display: 'inline' }}/>
-            Wipe Memory
-          </button>
-        </div>
-      </div>
-
-      <div className="panel">
-        {history.length === 0 ? (
-          <div style={{ color: '#94a3b8', textAlign: 'center', padding: '40px' }}>Memory is completely empty.</div>
-        ) : (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>
-            {history.map((entry, idx) => (
-              <div key={idx} style={{ 
-                padding: '16px', 
-                borderRadius: '8px', 
-                background: entry.role === 'user' ? 'rgba(59, 130, 246, 0.1)' : 
-                            entry.role === 'assistant' ? 'rgba(34, 197, 94, 0.1)' : 'rgba(255, 255, 255, 0.05)',
-                borderLeft: `4px solid ${entry.role === 'user' ? '#3b82f6' : entry.role === 'assistant' ? '#22c55e' : '#94a3b8'}`
-              }}>
-                <div style={{ fontSize: '0.75rem', textTransform: 'uppercase', color: '#94a3b8', marginBottom: '8px' }}>
-                  {entry.role} {entry.name ? `(${entry.name})` : ''}
-                </div>
-                <div style={{ fontSize: '0.9rem', whiteSpace: 'pre-wrap' }}>
-                  {entry.content}
-                </div>
-                {entry.tool_calls && entry.tool_calls.length > 0 && (
-                  <div style={{ marginTop: '12px', fontSize: '0.8rem', color: '#fb923c' }}>
-                    <strong>Tool Calls:</strong>
-                    <pre style={{ background: 'rgba(0,0,0,0.3)', padding: '8px', borderRadius: '4px', marginTop: '4px' }}>
-                      {JSON.stringify(entry.tool_calls, null, 2)}
-                    </pre>
-                  </div>
-                )}
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default Memory;

package/dashboard/src/Overview.tsx

@@ -1,156 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import './overview.css';
-
-interface Config {
-  agent: { name: string; default_chain: string };
-  llm: { provider: string; model: string; temperature: number };
-}
-
-interface Stats {
-  cost: number;
-  tokens: number;
-  messages: number;
-}
-
-interface EventLog {
-  timestamp: string;
-  event: string;
-  meta: any;
-}
-
-interface GatewayLog {
-  timestamp: string;
-  message: string;
-  meta?: any;
-}
-
-interface OverviewProps {
-  config: Config | null;
-}
-
-const Overview: React.FC<OverviewProps> = ({ config }) => {
-  const [stats, setStats] = useState<Stats>({ cost: 0, tokens: 0, messages: 0 });
-  const [events, setEvents] = useState<EventLog[]>([]);
-  const [gatewayLogs, setGatewayLogs] = useState<GatewayLog[]>([]);
-  const eventLogsEndRef = useRef<HTMLDivElement>(null);
-  const gatewayLogsEndRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const statsRes = await fetch('http://localhost:3000/api/stats');
-        if (statsRes.ok) setStats(await statsRes.json());
-
-        const logsRes = await fetch('http://localhost:3000/api/logs');
-        if (logsRes.ok) {
-          const logs = await logsRes.json();
-          setEvents(logs.events);
-          setGatewayLogs(logs.gateway);
-        }
-      } catch (err) {
-        console.error("Failed to fetch analytics");
-      }
-    };
-
-    fetchData();
-    const interval = setInterval(fetchData, 2000);
-    return () => clearInterval(interval);
-  }, []);
-
-  if (!config) return <div className="overview-container">Loading...</div>;
-
-  return (
-    <div className="overview-container">
-      <div className="overview-header">
-        <h1>Nyxora Status</h1>
-        <p>System health, active configuration, and loaded Web3 skills.</p>
-      </div>
-
-      <div className="panel gateway-access">
-        <div className="panel-header">
-          <h3>System Configuration</h3>
-          <p>Current runtime parameters for your Web3 Agent.</p>
-        </div>
-        
-        <div className="form-row">
-          <div className="form-group flex-1">
-            <label>API Endpoint</label>
-            <input type="text" value="http://localhost:3000/api/chat" readOnly />
-          </div>
-          <div className="form-group flex-1">
-            <label>Agent Name</label>
-            <input type="text" value={config.agent.name} readOnly />
-          </div>
-          <div className="form-group flex-1">
-            <label>Memory Storage</label>
-            <input type="text" value="./memory.json" readOnly />
-          </div>
-        </div>
-      </div>
-
-      <div className="metrics-grid">
-        <div className="metric-card">
-          <label>COST</label>
-          <div className="metric-val">${stats.cost.toFixed(4)}</div>
-          <div className="metric-sub">{stats.tokens} tokens - {stats.messages} msgs</div>
-        </div>
-        <div className="metric-card">
-          <label>SESSIONS</label>
-          <div className="metric-val">1</div>
-          <div className="metric-sub">Local chat session active</div>
-        </div>
-        <div className="metric-card">
-          <label>SKILLS</label>
-          <div className="metric-val">2/2</div>
-          <div className="metric-sub">2 Web3 skills loaded</div>
-        </div>
-        <div className="metric-card">
-          <label>CRON</label>
-          <div className="metric-val">0 jobs</div>
-          <div className="metric-sub">No scheduled tasks</div>
-        </div>
-        <div className="metric-card">
-          <label>MODEL AUTH</label>
-          <div className="metric-val text-green">1 ok</div>
-          <div className="metric-sub">{config.llm.provider.toUpperCase()} provider connected</div>
-        </div>
-      </div>
-
-      <div className="logs-grid">
-        <div className="log-panel">
-          <div className="log-header">
-            <span>Event Log <span className="badge">{events.length}</span></span>
-          </div>
-          <div className="log-content">
-            {events.map((log, i) => (
-              <div key={i} className="log-row">
-                <span className="log-time">{log.timestamp}</span>
-                <span className="log-msg">
-                  {log.event} <span className="log-meta">{JSON.stringify(log.meta)}</span>
-                </span>
-              </div>
-            ))}
-            <div ref={eventLogsEndRef} />
-          </div>
-        </div>
-        <div className="log-panel">
-          <div className="log-header">
-            <span>Gateway Logs <span className="badge">{gatewayLogs.length}</span></span>
-          </div>
-          <div className="log-content">
-            {gatewayLogs.map((log, i) => (
-              <div key={i} className="log-row gateway-row">
-                <span className="log-json">
-                  {`{"timestamp":"${log.timestamp}","message":${JSON.stringify(log.message)}${log.meta ? `,"meta":${JSON.stringify(log.meta)}` : ''}}`}
-                </span>
-              </div>
-            ))}
-            <div ref={gatewayLogsEndRef} />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Overview;

package/dashboard/src/Settings.tsx

@@ -1,213 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Save } from 'lucide-react';
-
-interface Config {
-  agent: { name: string; default_chain: string };
-  llm: { provider: string; model: string; temperature: number; api_keys?: string[] };
-}
-
-interface SettingsProps {
-  config: Config | null;
-  onConfigChange: (newConfig: Config) => void;
-}
-
-const Settings: React.FC<SettingsProps> = ({ config, onConfigChange }) => {
-  const [formData, setFormData] = useState<Config | null>(null);
-  const [isSaving, setIsSaving] = useState(false);
-
-  useEffect(() => {
-    if (config) setFormData(config);
-  }, [config]);
-
-  if (!formData) return <div className="overview-container">Loading settings...</div>;
-
-  const handleChange = (section: 'agent' | 'llm', field: string, value: string | number) => {
-    setFormData(prev => {
-      if (!prev) return prev;
-      return {
-        ...prev,
-        [section]: {
-          ...prev[section],
-          [field]: field === 'temperature' ? Number(value) : value
-        }
-      };
-    });
-  };
-
-  const handleAddApiKey = () => {
-    setFormData(prev => {
-      if (!prev) return prev;
-      const currentKeys = prev.llm.api_keys || [];
-      if (currentKeys.length >= 10) return prev;
-      return { ...prev, llm: { ...prev.llm, api_keys: [...currentKeys, ''] } };
-    });
-  };
-
-  const handleUpdateApiKey = (index: number, value: string) => {
-    setFormData(prev => {
-      if (!prev) return prev;
-      const newKeys = [...(prev.llm.api_keys || [])];
-      newKeys[index] = value;
-      return { ...prev, llm: { ...prev.llm, api_keys: newKeys } };
-    });
-  };
-
-  const handleRemoveApiKey = (index: number) => {
-    setFormData(prev => {
-      if (!prev) return prev;
-      const newKeys = [...(prev.llm.api_keys || [])];
-      newKeys.splice(index, 1);
-      return { ...prev, llm: { ...prev.llm, api_keys: newKeys } };
-    });
-  };
-
-  const handleSave = async () => {
-    setIsSaving(true);
-    try {
-      const res = await fetch('http://localhost:3000/api/config', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(formData)
-      });
-      if (res.ok) {
-        onConfigChange(formData);
-        alert('Settings saved successfully!');
-      }
-    } catch (e) {
-      console.error(e);
-      alert('Failed to save settings');
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  return (
-    <div className="overview-container">
-      <div className="overview-header">
-        <h1>Configuration</h1>
-        <p>Modify the core behaviors and parameters of the Nyxora Agent.</p>
-      </div>
-
-      <div className="panel">
-        <div className="panel-header">
-          <h3>Agent Profile</h3>
-        </div>
-        <div className="form-row">
-          <div className="form-group flex-1">
-            <label>Agent Name</label>
-            <input 
-              type="text" 
-              value={formData.agent.name} 
-              onChange={e => handleChange('agent', 'name', e.target.value)} 
-            />
-          </div>
-          <div className="form-group flex-1">
-            <label>Default Web3 Chain</label>
-            <select 
-              value={formData.agent.default_chain}
-              onChange={e => handleChange('agent', 'default_chain', e.target.value)}
-            >
-              <option value="sepolia">Sepolia Testnet</option>
-              <option value="ethereum">Ethereum Mainnet</option>
-              <option value="base">Base</option>
-              <option value="bsc">BNB Chain</option>
-              <option value="arbitrum">Arbitrum</option>
-              <option value="optimism">Optimism</option>
-            </select>
-          </div>
-        </div>
-      </div>
-
-      <div className="panel">
-        <div className="panel-header">
-          <h3>LLM Engine</h3>
-        </div>
-        <div className="form-row">
-          <div className="form-group flex-1">
-            <label>Provider</label>
-            <select 
-              value={formData.llm.provider}
-              onChange={e => handleChange('llm', 'provider', e.target.value)}
-            >
-              <option value="gemini">Google Gemini</option>
-              <option value="openai">OpenAI</option>
-              <option value="ollama">Ollama (Local)</option>
-            </select>
-          </div>
-          <div className="form-group flex-1">
-            <label>Model Name</label>
-            <input 
-              type="text" 
-              value={formData.llm.model} 
-              onChange={e => handleChange('llm', 'model', e.target.value)} 
-            />
-          </div>
-          <div className="form-group flex-1">
-            <label>Temperature ({formData.llm.temperature})</label>
-            <input 
-              type="range" 
-              min="0" max="1" step="0.1"
-              value={formData.llm.temperature} 
-              onChange={e => handleChange('llm', 'temperature', e.target.value)} 
-              style={{ padding: '0', background: 'transparent' }}
-            />
-          </div>
-        </div>
-      </div>
-
-      <div className="panel">
-        <div className="panel-header" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-          <h3>API Keys (Rotation)</h3>
-          <span style={{ fontSize: '0.8rem', color: '#94a3b8' }}>
-            {formData.llm.api_keys?.length || 0} / 10 Keys
-          </span>
-        </div>
-        <p style={{ fontSize: '0.85rem', color: '#64748b', marginBottom: '16px' }}>
-          Add up to 10 API keys. The system will automatically rotate through them (Round-Robin) for each request to prevent rate limits. Leave empty to fallback to .env file.
-        </p>
-
-        <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-          {(formData.llm.api_keys || []).map((key, index) => (
-            <div key={index} style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>
-              <input 
-                type="password" 
-                value={key}
-                placeholder="sk-..."
-                onChange={(e) => handleUpdateApiKey(index, e.target.value)}
-                style={{ flex: 1, padding: '10px 14px', background: 'rgba(15, 23, 42, 0.5)', border: '1px solid var(--glass-border)', borderRadius: '6px', color: 'white' }}
-              />
-              <button 
-                onClick={() => handleRemoveApiKey(index)}
-                style={{ background: 'rgba(239, 68, 68, 0.1)', color: '#ef4444', border: '1px solid rgba(239, 68, 68, 0.3)', borderRadius: '6px', padding: '10px 14px', cursor: 'pointer', transition: 'all 0.2s' }}
-                onMouseEnter={(e) => e.currentTarget.style.background = 'rgba(239, 68, 68, 0.2)'}
-                onMouseLeave={(e) => e.currentTarget.style.background = 'rgba(239, 68, 68, 0.1)'}
-              >
-                Delete
-              </button>
-            </div>
-          ))}
-
-          {(!formData.llm.api_keys || formData.llm.api_keys.length < 10) && (
-            <button 
-              onClick={handleAddApiKey}
-              style={{ alignSelf: 'flex-start', background: 'rgba(59, 130, 246, 0.1)', color: '#3b82f6', border: '1px dashed #3b82f6', borderRadius: '6px', padding: '8px 16px', cursor: 'pointer', marginTop: '8px', transition: 'all 0.2s' }}
-              onMouseEnter={(e) => e.currentTarget.style.background = 'rgba(59, 130, 246, 0.2)'}
-              onMouseLeave={(e) => e.currentTarget.style.background = 'rgba(59, 130, 246, 0.1)'}
-            >
-              + Add API Key
-            </button>
-          )}
-        </div>
-      </div>
-
-      <div className="form-actions" style={{ justifyContent: 'flex-end', marginTop: '32px' }}>
-        <button className="btn-primary" onClick={handleSave} disabled={isSaving}>
-          <Save size={16} style={{ marginRight: '8px', display: 'inline' }} />
-          {isSaving ? 'Saving...' : 'Save Configuration'}
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default Settings;

package/dashboard/src/Skills.tsx

@@ -1,97 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Compass, Code } from 'lucide-react';
-
-interface SkillParam {
-  type: string;
-  description?: string;
-  enum?: string[];
-}
-
-interface SkillDefinition {
-  type: string;
-  function: {
-    name: string;
-    description: string;
-    parameters: {
-      type: string;
-      properties: Record<string, SkillParam>;
-      required: string[];
-    };
-  };
-}
-
-const Skills: React.FC = () => {
-  const [skills, setSkills] = useState<SkillDefinition[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchSkills = async () => {
-      try {
-        const res = await fetch('http://localhost:3000/api/skills');
-        if (res.ok) setSkills(await res.json());
-      } catch (e) {
-        console.error(e);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    fetchSkills();
-  }, []);
-
-  if (isLoading) return <div className="overview-container">Loading skills...</div>;
-
-  return (
-    <div className="overview-container">
-      <div className="overview-header">
-        <h1>Web3 Capabilities</h1>
-        <p>Explore the autonomous on-chain functions currently loaded into the Agent's neural network.</p>
-      </div>
-
-      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(350px, 1fr))', gap: '20px' }}>
-        {skills.map((skill, idx) => (
-          <div key={idx} className="panel" style={{ display: 'flex', flexDirection: 'column' }}>
-            <div className="panel-header" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', borderBottom: '1px solid rgba(255,255,255,0.05)', paddingBottom: '12px' }}>
-              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-                <Compass size={18} color="#3b82f6" />
-                <h3 style={{ margin: 0, fontFamily: 'monospace', fontSize: '1.1rem', color: '#60a5fa' }}>
-                  {skill.function.name}
-                </h3>
-              </div>
-              <span className="badge" style={{ background: 'rgba(34, 197, 94, 0.2)', color: '#4ade80' }}>Active</span>
-            </div>
-            
-            <div style={{ padding: '16px 0', flex: 1 }}>
-              <p style={{ color: '#d1d5db', fontSize: '0.9rem', lineHeight: '1.5' }}>
-                {skill.function.description}
-              </p>
-            </div>
-
-            <div style={{ background: 'rgba(0,0,0,0.3)', borderRadius: '6px', padding: '12px', border: '1px solid rgba(255,255,255,0.05)' }}>
-              <div style={{ display: 'flex', alignItems: 'center', gap: '6px', marginBottom: '8px', color: '#9ca3af', fontSize: '0.8rem', textTransform: 'uppercase' }}>
-                <Code size={12} />
-                <span>Parameters Schema</span>
-              </div>
-              <pre style={{ 
-                margin: 0, 
-                fontFamily: 'Consolas, Monaco, monospace', 
-                fontSize: '0.75rem', 
-                color: '#a3a3a3',
-                overflowX: 'auto',
-                whiteSpace: 'pre-wrap'
-              }}>
-                {JSON.stringify(skill.function.parameters.properties, null, 2)}
-              </pre>
-              {skill.function.parameters.required && skill.function.parameters.required.length > 0 && (
-                <div style={{ marginTop: '8px', fontSize: '0.75rem', color: '#ef4444' }}>
-                  <strong>Required:</strong> {skill.function.parameters.required.join(', ')}
-                </div>
-              )}
-            </div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default Skills;