mindroot 7.7.0__py3-none-any.whl → 8.2.0__py3-none-any.whl

mindroot/coreplugins/env_manager/static/js/env-manager.js

@@ -0,0 +1,380 @@
+import { LitElement, html, css } from '/admin/static/js/lit-core.min.js';
+import { BaseEl } from '/admin/static/js/base.js';
+
+class EnvManager extends BaseEl {
+  static properties = {
+    pluginData: { type: Object },
+    loading: { type: Boolean },
+    editingVar: { type: String },
+    newVarName: { type: String },
+    newVarValue: { type: String },
+    showAddForm: { type: Boolean },
+    searchTerm: { type: String }
+  };
+
+  constructor() {
+    super();
+    this.pluginData = null;
+    this.loading = true;
+    this.editingVar = null;
+    this.newVarName = '';
+    this.newVarValue = '';
+    this.showAddForm = false;
+    this.searchTerm = '';
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.fetchEnvVars();
+  }
+
+  async fetchEnvVars() {
+    this.loading = true;
+    try {
+      const response = await fetch('/env_vars/scan');
+      const result = await response.json();
+      if (result.success) {
+        this.pluginData = result.data;
+      } else {
+        console.error('Error fetching environment variables:', result.error);
+      }
+    } catch (error) {
+      console.error('Error fetching environment variables:', error);
+    } finally {
+      this.loading = false;
+    }
+  }
+
+  async updateEnvVar(varName, varValue) {
+    try {
+      const response = await fetch('/env_vars/update', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          var_name: varName,
+          var_value: varValue
+        })
+      });
+
+      const result = await response.json();
+      if (result.success) {
+        // Refresh the data
+        await this.fetchEnvVars();
+        return true;
+      } else {
+        console.error('Error updating environment variable:', result.message);
+        return false;
+      }
+    } catch (error) {
+      console.error('Error updating environment variable:', error);
+      return false;
+    }
+  }
+
+  handleEditClick(varName) {
+    this.editingVar = varName;
+  }
+
+  async handleSaveEdit(varName) {
+    const inputEl = this.shadowRoot.querySelector(`#edit-${varName}`);
+    if (inputEl) {
+      const newValue = inputEl.value;
+      const success = await this.updateEnvVar(varName, newValue);
+      if (success) {
+        this.editingVar = null;
+      }
+    }
+  }
+
+  handleCancelEdit() {
+    this.editingVar = null;
+  }
+
+  toggleAddForm() {
+    this.showAddForm = !this.showAddForm;
+    if (!this.showAddForm) {
+      this.newVarName = '';
+      this.newVarValue = '';
+    }
+  }
+
+  async handleAddVar() {
+    if (this.newVarName && this.newVarValue) {
+      const success = await this.updateEnvVar(this.newVarName, this.newVarValue);
+      if (success) {
+        this.newVarName = '';
+        this.newVarValue = '';
+        this.showAddForm = false;
+      }
+    }
+  }
+
+  handleSearchInput(e) {
+    this.searchTerm = e.target.value;
+  }
+
+  renderEnvironmentVars() {
+    if (!this.pluginData || !this.pluginData.current_env) {
+      return html`<div class="empty-state">No environment variables found</div>`;
+    }
+
+    const currentEnv = this.pluginData.current_env;
+    
+    // Create a mapping of variable names to the plugins that reference them
+    const varsByPlugin = {};
+    const pluginsByVar = {};
+    
+    for (const [pluginName, pluginInfo] of Object.entries(this.pluginData)) {
+      if (pluginName === 'current_env') continue;
+      
+      for (const varName of pluginInfo.env_vars) {
+        if (!varsByPlugin[pluginName]) {
+          varsByPlugin[pluginName] = [];
+        }
+        varsByPlugin[pluginName].push(varName);
+        
+        if (!pluginsByVar[varName]) {
+          pluginsByVar[varName] = [];
+        }
+        pluginsByVar[varName].push(pluginName);
+      }
+    }
+    
+    // Group variables by plugin
+    const groupedByPlugin = {};
+    const multiPluginVars = [];
+    
+    // First, identify variables referenced by multiple plugins
+    for (const [varName, plugins] of Object.entries(pluginsByVar)) {
+      if (plugins.length > 1) {
+        multiPluginVars.push({
+          varName,
+          varValue: currentEnv[varName],
+          plugins
+        });
+      } else {
+        // Single plugin variables
+        const plugin = plugins[0];
+        if (!groupedByPlugin[plugin]) {
+          groupedByPlugin[plugin] = [];
+        }
+        groupedByPlugin[plugin].push({
+          varName,
+          varValue: currentEnv[varName]
+        });
+      }
+    }
+    
+    // Sort plugins alphabetically
+    const sortedPlugins = Object.keys(groupedByPlugin).sort();
+    
+    // Sort multi-plugin variables by name
+    multiPluginVars.sort((a, b) => a.varName.localeCompare(b.varName));
+    
+    // Apply search filter if needed
+    let filteredPlugins = sortedPlugins;
+    let filteredMultiVars = multiPluginVars;
+    
+    if (this.searchTerm) {
+      const searchTerm = this.searchTerm.toLowerCase();
+      
+      // Filter plugins and their variables
+      filteredPlugins = sortedPlugins.filter(plugin => {
+        // Check if plugin name matches
+        if (plugin.toLowerCase().includes(searchTerm)) return true;
+        
+        // Check if any variable name matches
+        return groupedByPlugin[plugin].some(v => 
+          v.varName.toLowerCase().includes(searchTerm) ||
+          (v.varValue && v.varValue.toLowerCase().includes(searchTerm))
+        );
+      });
+      
+      // For each plugin, filter its variables
+      for (const plugin of filteredPlugins) {
+        groupedByPlugin[plugin] = groupedByPlugin[plugin].filter(v => 
+          v.varName.toLowerCase().includes(searchTerm) ||
+          plugin.toLowerCase().includes(searchTerm) ||
+          (v.varValue && v.varValue.toLowerCase().includes(searchTerm))
+        );
+      }
+      
+      // Filter multi-plugin variables
+      filteredMultiVars = multiPluginVars.filter(v => 
+        v.varName.toLowerCase().includes(searchTerm) ||
+        v.plugins.some(p => p.toLowerCase().includes(searchTerm)) ||
+        (v.varValue && v.varValue.toLowerCase().includes(searchTerm))
+      );
+    }
+    
+    // Check if we have any results after filtering
+    const hasResults = filteredPlugins.some(p => groupedByPlugin[p].length > 0) || filteredMultiVars.length > 0;
+    
+    if (!hasResults) {
+      return html`<div class="empty-state">No matching environment variables found</div>`;
+    }
+
+    return html`
+      <table class="env-table">
+        <thead>
+          <tr>
+            <th>Variable Name</th>
+            <th>Value</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${filteredPlugins.map(plugin => {
+            if (groupedByPlugin[plugin].length === 0) return '';
+            
+            return html`
+              <tr class="plugin-header">
+                <td colspan="3" class="plugin-name">${plugin}</td>
+              </tr>
+              ${groupedByPlugin[plugin].map(v => {
+                const { varName, varValue } = v;
+                const isMasked = varValue === '********';
+                
+                return html`
+                  <tr class="plugin-var">
+                    <td><span class="var-name" title="${varName}">${varName}</span></td>
+                    <td>
+                      ${this.editingVar === varName ?
+                        html`
+                          <div class="edit-form">
+                            <input 
+                              id="edit-${varName}" 
+                              type="text" 
+                              value="${isMasked ? '' : varValue}" 
+                              placeholder="${isMasked ? 'Enter new value' : ''}">
+                          </div>
+                        ` :
+                        html`<span class="var-value ${isMasked ? 'masked' : ''}">${varValue}</span>`
+                      }
+                    </td>
+                    <td>
+                      <div class="actions">
+                        ${this.editingVar === varName ?
+                          html`
+                            <button class="small primary" @click=${() => this.handleSaveEdit(varName)}>Save</button>
+                            <button class="small" @click=${this.handleCancelEdit}>Cancel</button>
+                          ` :
+                          html`<button class="small" @click=${() => this.handleEditClick(varName)}>Edit</button>`
+                        }
+                      </div>
+                    </td>
+                  </tr>
+                `;
+              })}
+            `;
+          })}
+          
+          ${filteredMultiVars.length > 0 ? html`
+            <tr class="plugin-header">
+              <td colspan="3" class="plugin-name">Multiple Plugins</td>
+            </tr>
+            ${filteredMultiVars.map(v => {
+              const { varName, varValue, plugins } = v;
+              const isMasked = varValue === '********';
+              
+              return html`
+                <tr class="plugin-var">
+                  <td>
+                    <span class="var-name" title="${varName}">${varName}</span>
+                    <div class="plugin-refs">
+                      ${plugins.map(p => html`<span class="plugin-tag">${p}</span>`)}
+                    </div>
+                  </td>
+                  <td>
+                    ${this.editingVar === varName ?
+                      html`
+                        <div class="edit-form">
+                          <input 
+                            id="edit-${varName}" 
+                            type="text" 
+                            value="${isMasked ? '' : varValue}" 
+                            placeholder="${isMasked ? 'Enter new value' : ''}">
+                        </div>
+                      ` :
+                      html`<span class="var-value ${isMasked ? 'masked' : ''}">${varValue}</span>`
+                    }
+                  </td>
+                  <td>
+                    <div class="actions">
+                      ${this.editingVar === varName ?
+                        html`
+                          <button class="small primary" @click=${() => this.handleSaveEdit(varName)}>Save</button>
+                          <button class="small" @click=${this.handleCancelEdit}>Cancel</button>
+                        ` :
+                        html`<button class="small" @click=${() => this.handleEditClick(varName)}>Edit</button>`
+                      }
+                    </div>
+                  </td>
+                </tr>
+              `;
+            })}
+          ` : ''}
+        </tbody>
+      </table>
+    `;
+  }
+
+  _render() {
+    return html`
+      <link rel="stylesheet" href="/env_manager/static/css/env-manager.css">
+      <div class="env-manager">
+        <div class="section">
+          <h3>
+            Environment Variables
+            <div class="controls">
+              <input 
+                type="text" 
+                class="search-box" 
+                placeholder="Search..." 
+                @input=${this.handleSearchInput} 
+                .value=${this.searchTerm}>
+              <button @click=${this.toggleAddForm}>
+                ${this.showAddForm ? 'Cancel' : 'Add Variable'}
+              </button>
+            </div>
+          </h3>
+
+          ${this.loading ? 
+            html`<div class="loading">Loading environment variables...</div>` :
+            html`
+              ${this.showAddForm ? 
+                html`
+                  <div class="add-form">
+                    <div class="form-row">
+                      <input 
+                        type="text" 
+                        placeholder="Variable Name" 
+                        .value=${this.newVarName}
+                        @input=${e => this.newVarName = e.target.value}>
+                    </div>
+                    <div class="form-row">
+                      <input 
+                        type="text" 
+                        placeholder="Variable Value" 
+                        .value=${this.newVarValue}
+                        @input=${e => this.newVarValue = e.target.value}>
+                    </div>
+                    <div class="form-actions">
+                      <button class="primary" @click=${this.handleAddVar}>Add Variable</button>
+                    </div>
+                  </div>
+                ` : ''
+              }
+
+              ${this.renderEnvironmentVars()}
+            `
+          }
+        </div>
+      </div>
+    `;
+  }
+}
+
+customElements.define('env-manager', EnvManager);

mindroot/coreplugins/home/router.py

@@ -4,6 +4,9 @@ from fastapi.templating import Jinja2Templates
 from lib.templates import render
 from lib.route_decorators import add_public_static
 import os
+import glob
+from datetime import datetime
+import time
 
 router = APIRouter()
 
@@ -14,8 +17,36 @@ add_public_static('/home/static/')
 
 @router.get("/", response_class=HTMLResponse)
 async def home(request: Request):
-    agents = [agent for agent in os.listdir("data/agents/local") if os.path.isdir(os.path.join("data/agents/local", agent))]
+    # Get all agent directories
+    agent_dirs = [agent for agent in os.listdir("data/agents/local") if os.path.isdir(os.path.join("data/agents/local", agent))]
+    
+    # Try to sort agents by last access time
+    agent_access_times = []
+    for agent in agent_dirs:
+        # Look for the most recent log file for this agent
+        log_pattern = f"data/chatlogs/{agent}_*.json"
+        log_files = glob.glob(log_pattern)
+        
+        if log_files:
+            # Get the most recent log file's modification time
+            latest_log = max(log_files, key=os.path.getmtime)
+            mtime = os.path.getmtime(latest_log)
+        else:
+            # If no logs, use the agent.json file's modification time
+            agent_file = os.path.join("data/agents/local", agent, "agent.json")
+            if os.path.exists(agent_file):
+                mtime = os.path.getmtime(agent_file)
+            else:
+                mtime = 0  # Default to oldest if no file found
+        
+        agent_access_times.append((agent, mtime))
+    
+    # Sort by modification time (most recent first)
+    agent_access_times.sort(key=lambda x: x[1], reverse=True)
+    
+    # Extract just the agent names in sorted order
+    agents = [agent for agent, _ in agent_access_times]
+    
     user = request.state.user
     html = await render('home', {"user": user, "request": request, "agents": agents })
     return HTMLResponse(html)
-

mindroot/coreplugins/home/static/css/enhanced.css

@@ -1,7 +1,8 @@
-/* Enhanced styles for XinGen Agent Host */
+/* Enhanced styles for MindRoot Agent Host */
 
 .agent-container {
-    max-width: 1200px;
+    width: 90%; /* Use percentage instead of fixed width */
+    max-width: 2000px; /* Increased from 1200px for wider screens */
     margin: 0 auto;
     padding: 2rem;
 }
@@ -9,6 +10,7 @@
 .logo {
     transition: transform 0.3s ease;
     margin-bottom: 2rem;
+    max-width: 120px; /* Control logo size */
 }
 
 .logo:hover {
@@ -22,13 +24,15 @@ h1 {
     background: linear-gradient(45deg, #6e8efb, #a777e3);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
+    text-align: center;
 }
 
 .agent-list {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     gap: 1.5rem;
     margin-top: 2rem;
+    width: 100%;
 }
 
 .agent-link {
@@ -38,9 +42,12 @@ h1 {
     transition: all 0.3s ease;
     border: 1px solid rgba(255, 255, 255, 0.1);
     display: flex;
+    flex-direction: column;
     align-items: center;
+    text-align: center;
     text-decoration: none;
     color: inherit;
+    height: 100%;
 }
 
 .agent-link:hover {
@@ -54,13 +61,40 @@ h1 {
     height: 8px;
     border-radius: 50%;
     background: #4CAF50;
-    margin-right: 12px;
+    margin-bottom: 8px;
+}
+
+.agent-avatar {
+    width: 160px;
+    height: 160px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin-bottom: 16px;
+    border: 2px solid rgba(255, 255, 255, 0.2);
+    transition: all 0.3s ease;
+}
+
+.agent-link:hover .agent-avatar {
+    border-color: rgba(255, 255, 255, 0.5);
+    transform: scale(1.05);
+}
+
+.agent-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
 }
 
 .agent-name {
     font-size: 1.2rem;
     font-weight: 500;
     letter-spacing: 0.5px;
+    word-break: keep-all;
+    max-width: 100%;
+    overflow-wrap: break-word;
+    line-height: 1.3;
+    white-space: normal;
 }
 
 .admin-link {
@@ -79,7 +113,7 @@ h1 {
 }
 
 .admin-link:visited {
-  color: #ddd;
+    color: #ddd;
 }
 
 h2 {
@@ -87,4 +121,76 @@ h2 {
     font-weight: 500;
     margin-bottom: 1.5rem;
     color: rgba(255, 255, 255, 0.9);
+    text-align: center;
+}
+
+/* Responsive breakpoints */
+
+/* Extra large screens */
+@media (min-width: 1800px) {
+    .agent-list {
+        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    }
+    
+    .agent-container {
+        width: 85%;
+        max-width: 2400px;
+    }
+}
+
+/* Large screens */
+@media (min-width: 1200px) and (max-width: 1799px) {
+    .agent-list {
+        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    }
+    
+    .agent-container {
+        width: 90%;
+    }
+}
+
+/* Medium screens */
+@media (min-width: 768px) and (max-width: 1199px) {
+    .agent-list {
+        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+    }
+    
+    .agent-avatar {
+        width: 140px;
+        height: 140px;
+    }
+    
+    .agent-container {
+        width: 95%;
+    }
+}
+
+/* Small screens */
+@media (max-width: 767px) {
+    .agent-list {
+        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+        gap: 1rem;
+    }
+    
+    .agent-avatar {
+        width: 120px;
+        height: 120px;
+    }
+    
+    .agent-name {
+        font-size: 1rem;
+    }
+    
+    .agent-container {
+        width: 100%;
+        padding: 1rem;
+    }
+    
+    h1 {
+        font-size: 2rem;
+    }
+    
+    h2 {
+        font-size: 1.3rem;
+    }
 }

mindroot/coreplugins/home/templates/home.jinja2

@@ -10,6 +10,7 @@
 {% block head_title %}
     <title>MindRoot Agent Host</title>
 {% endblock %}
+
 {% block head_css %}
     <link rel="stylesheet" href="/home/static/css/reset.css">
     <link rel="stylesheet" href="/home/static/css/default.css">
@@ -51,9 +52,12 @@
         
         <div class="agent-list" role="list">
             {% for agent in agents %}
-            <a href="/agent/{{ agent }}" class="agent-link" role="listitem" target="_blank" >
-                <span class="agent-status" aria-hidden="true"></span>
-                <span class="agent-name">{{ agent }}</span>
+            <a href="/agent/{{ agent }}" class="agent-link" role="listitem" target="_blank">
+                <img src="/chat/personas/{{ agent }}/avatar.png" alt="{{ agent }} avatar" class="agent-avatar" onerror="this.src='/chat/static/assistant.png'">
+                <div class="agent-info">
+                    <span class="agent-status" aria-hidden="true"></span>
+                    <span class="agent-name">{{ agent | replace('_', ' ') }}</span>
+                </div>
             </a>
             {% endfor %}
         </div>
@@ -74,4 +78,3 @@
 {% endblock %}
 </body>
 </html>
-

mindroot/lib/chatlog.py

@@ -70,7 +70,11 @@ class ChatLog:
             except Exception as e:
                 # assume previous mesage was not a command, was a string
                 debug_box("4")
-                new_msg_text = self.messages[-1]['content'][0]['text'] + message['content'][0]['text']
+                print("Could not combine commands, probably normal if user message and previous system output, assuming string", e)
+                if type(self.messages[-1]['content']) == str:
+                    new_msg_text = self.messages[-1]['content'] + message['content'][0]['text']
+                else:
+                    new_msg_text = self.messages[-1]['content'][0]['text'] + message['content'][0]['text']
                 self.messages.append({'role': message['role'], 'content': [{'type': 'text', 'text': new_msg_text}]})
                 #print('could not combine commands. probably normal if user message and previous system output', e)
                 #print(self.messages[-1])