mindroot 9.3.0__py3-none-any.whl → 9.5.0__py3-none-any.whl

mindroot/coreplugins/admin/static/js/about-info.js

@@ -0,0 +1,367 @@
+import { LitElement, html, css } from '/admin/static/js/lit-core.min.js';
+import { BaseEl } from '/admin/static/js/base.js';
+
+class AboutInfo extends BaseEl {
+  static properties = {
+    versionInfo: { type: Object },
+    loading: { type: Boolean },
+    updating: { type: Boolean },
+    updateResult: { type: Object },
+    error: { type: String }
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+
+    .about-container {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      max-width: 800px;
+      margin: 0 auto;
+      gap: 20px;
+    }
+
+    .section {
+      background: rgb(10, 10, 25);
+      border-radius: 8px;
+      padding: 1.5rem;
+      border: 1px solid rgba(255, 255, 255, 0.1);
+    }
+
+    .section h2 {
+      margin: 0 0 1rem 0;
+      color: #fff;
+      font-size: 1.2rem;
+      font-weight: 500;
+    }
+
+    .version-info {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: 0.5rem 1rem;
+      align-items: center;
+    }
+
+    .label {
+      font-weight: 500;
+      color: rgba(255, 255, 255, 0.8);
+    }
+
+    .value {
+      font-family: monospace;
+      background: rgba(0, 0, 0, 0.2);
+      padding: 0.25rem 0.5rem;
+      border-radius: 4px;
+      color: #fff;
+      word-break: break-all;
+    }
+
+    .loading {
+      text-align: center;
+      padding: 2rem;
+      color: rgba(255, 255, 255, 0.6);
+    }
+
+    .error {
+      color: #ff6b6b;
+      background: rgba(255, 107, 107, 0.1);
+      padding: 1rem;
+      border-radius: 4px;
+      border: 1px solid rgba(255, 107, 107, 0.2);
+    }
+
+    .success {
+      color: #51cf66;
+      background: rgba(81, 207, 102, 0.1);
+      padding: 1rem;
+      border-radius: 4px;
+      border: 1px solid rgba(81, 207, 102, 0.2);
+    }
+
+    .warning {
+      color: #ffd43b;
+      background: rgba(255, 212, 59, 0.1);
+      padding: 1rem;
+      border-radius: 4px;
+      border: 1px solid rgba(255, 212, 59, 0.2);
+    }
+
+    .info {
+      color: #74c0fc;
+      background: rgba(116, 192, 252, 0.1);
+      padding: 1rem;
+      border-radius: 4px;
+      border: 1px solid rgba(116, 192, 252, 0.2);
+    }
+
+    .btn {
+      background: #2a2a40;
+      color: #fff;
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      padding: 0.5rem 1rem;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background 0.2s;
+      margin-top: 1rem;
+      margin-right: 0.5rem;
+    }
+
+    .btn:hover:not(:disabled) {
+      background: #3a3a50;
+    }
+
+    .btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .btn.update {
+      background: #2a4a2a;
+    }
+
+    .btn.update:hover:not(:disabled) {
+      background: #3a5a3a;
+    }
+
+    .logo-section {
+      text-align: center;
+    }
+
+    .logo-section img {
+      max-width: 200px;
+      height: auto;
+    }
+
+    .title {
+      font-size: 2rem;
+      font-weight: bold;
+      color: #fff;
+      margin: 1rem 0;
+    }
+
+    .description {
+      color: rgba(255, 255, 255, 0.8);
+      line-height: 1.6;
+    }
+
+    .update-output {
+      background: rgba(0, 0, 0, 0.3);
+      padding: 1rem;
+      border-radius: 4px;
+      font-family: monospace;
+      font-size: 0.9rem;
+      white-space: pre-wrap;
+      max-height: 300px;
+      overflow-y: auto;
+      margin-top: 1rem;
+    }
+
+    .button-group {
+      display: flex;
+      gap: 0.5rem;
+      margin-top: 1rem;
+    }
+
+    .restart-notice {
+      margin-top: 1rem;
+    }
+
+    .restart-notice p {
+      margin: 0 0 0.5rem 0;
+    }
+
+    .tab-link {
+      color: #74c0fc;
+      text-decoration: underline;
+      cursor: pointer;
+    }
+
+    .tab-link:hover {
+      color: #91d5ff;
+    }
+  `;
+
+  constructor() {
+    super();
+    this.versionInfo = null;
+    this.loading = false;
+    this.updating = false;
+    this.updateResult = null;
+    this.error = null;
+    this.loadVersionInfo();
+  }
+
+  async loadVersionInfo() {
+    this.loading = true;
+    this.error = null;
+    
+    try {
+      // First try to get git info and update version.txt
+      const response = await fetch('/admin/get-version-info', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        }
+      });
+      
+      if (response.ok) {
+        const result = await response.json();
+        this.versionInfo = result;
+      } else {
+        throw new Error('Failed to get version info');
+      }
+    } catch (error) {
+      console.error('Error loading version info:', error);
+      this.error = 'Failed to load version information';
+    } finally {
+      this.loading = false;
+    }
+  }
+
+  async handleUpdate() {
+    this.updating = true;
+    this.updateResult = null;
+    this.error = null;
+    
+    try {
+      const response = await fetch('/admin/update-mindroot', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        }
+      });
+      
+      if (response.ok) {
+        const result = await response.json();
+        this.updateResult = result;
+        
+        // If successful, refresh version info after a short delay
+        if (result.success) {
+          setTimeout(() => {
+            this.loadVersionInfo();
+          }, 2000);
+        }
+      } else {
+        throw new Error('Failed to update MindRoot');
+      }
+    } catch (error) {
+      console.error('Error updating MindRoot:', error);
+      this.error = 'Failed to update MindRoot';
+    } finally {
+      this.updating = false;
+    }
+  }
+
+  handleRefresh() {
+    this.loadVersionInfo();
+  }
+
+  switchToServerTab() {
+    // Find and click the Server Control tab
+    const serverTab = document.querySelector('details[data-tab="server"] summary');
+    if (serverTab) {
+      // Close current tab if it's open
+      const currentTab = document.querySelector('details[open]');
+      if (currentTab && currentTab !== serverTab.parentElement) {
+        currentTab.removeAttribute('open');
+      }
+      // Open server tab
+      serverTab.parentElement.setAttribute('open', '');
+      serverTab.scrollIntoView({ behavior: 'smooth' });
+    }
+  }
+
+  formatDate(dateString) {
+    if (!dateString) return 'Unknown';
+    try {
+      return new Date(dateString).toLocaleString();
+    } catch {
+      return dateString;
+    }
+  }
+
+  _render() {
+    return html`
+      <div class="about-container">
+        <div class="section logo-section">
+          <img src="/admin/static/logo.png" alt="MindRoot Logo" />
+          <div class="title">MindRoot</div>
+          <div class="description">
+            Advanced AI agent framework with modular plugin architecture
+          </div>
+        </div>
+
+        <div class="section">
+          <h2>Version Information</h2>
+          
+          ${this.loading ? html`
+            <div class="loading">Loading version information...</div>
+          ` : this.error ? html`
+            <div class="error">${this.error}</div>
+            <button class="btn" @click=${this.handleRefresh}>Retry</button>
+          ` : this.versionInfo ? html`
+            <div class="version-info">
+              <div class="label">Commit Hash:</div>
+              <div class="value">${this.versionInfo.commit_hash || 'Unknown'}</div>
+              
+              <div class="label">Last Commit:</div>
+              <div class="value">${this.formatDate(this.versionInfo.commit_date)}</div>
+              
+              <div class="label">Retrieved:</div>
+              <div class="value">${this.formatDate(this.versionInfo.retrieved_at)}</div>
+            </div>
+            
+            <div class="button-group">
+              <button class="btn" @click=${this.handleRefresh}>Refresh</button>
+              <button 
+                class="btn update" 
+                @click=${this.handleUpdate}
+                ?disabled=${this.updating}
+              >
+                ${this.updating ? 'Updating...' : 'Update MindRoot'}
+              </button>
+            </div>
+          ` : html`
+            <div class="error">No version information available</div>
+            <button class="btn" @click=${this.handleRefresh}>Retry</button>
+          `}
+        </div>
+
+        ${this.updateResult ? html`
+          <div class="section">
+            <h2>Update Result</h2>
+            
+            ${this.updateResult.success ? html`
+              <div class="success">
+                ${this.updateResult.message}
+              </div>
+              
+              <div class="restart-notice">
+                <div class="info">
+                  <p><strong>Restart Required:</strong> To use the updated version, you need to restart the MindRoot server.</p>
+                  <p>You can restart the server using the <span class="tab-link" @click=${this.switchToServerTab}>Server Control</span> tab.</p>
+                </div>
+              </div>
+            ` : html`
+              <div class="error">
+                ${this.updateResult.message}
+                ${this.updateResult.error ? html`<br><strong>Error:</strong> ${this.updateResult.error}` : ''}
+              </div>
+            `}
+            
+            ${this.updateResult.output ? html`
+              <div class="update-output">${this.updateResult.output}</div>
+            ` : ''}
+          </div>
+        ` : ''}
+      </div>
+    `;
+  }
+}
+
+customElements.define('about-info', AboutInfo);

mindroot/coreplugins/admin/static/js/agent-form.js

@@ -257,7 +257,7 @@ class AgentForm extends BaseEl {
 
     .commands-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
       gap: 12px;
     }
 
@@ -265,7 +265,7 @@ class AgentForm extends BaseEl {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 8px 12px;
+      padding: 10px 15px;
       background: rgba(255, 255, 255, 0.05);
       border: 1px solid rgba(255, 255, 255, 0.1);
       border-radius: 6px;
@@ -280,13 +280,17 @@ class AgentForm extends BaseEl {
 
     .command-info {
       flex: 1;
-      margin-right: 12px;
+      margin-right: 20px;
+      min-width: 0; /* Allow flex item to shrink below content size */
       position: relative;
     }
 
     .command-name {
       color: #f0f0f0;
       font-weight: 500;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     .tooltip-text {
@@ -403,6 +407,7 @@ class AgentForm extends BaseEl {
   handleNewAgent() {
     this.agent = {
       name: '',
+      description: '',
       hashver: '',
       commands: [],
       preferred_providers: [],
@@ -1033,11 +1038,67 @@ class AgentForm extends BaseEl {
     `;
   }
 
+  async handleExportAgent() {
+    if (!this.agent?.name) {
+      showNotification('error', 'No agent selected for export');
+      return;
+    }
+
+    try {
+      const response = await fetch(`/agents/local/${this.agent.name}/export`);
+      if (!response.ok) throw new Error('Failed to export agent');
+      
+      // Create download link
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = `${this.agent.name}_agent.zip`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+      
+      showNotification('success', `Agent ${this.agent.name} exported successfully`);
+    } catch (error) {
+      showNotification('error', `Error exporting agent: ${error.message}`);
+    }
+  }
+
+  async handleImportAgent(event) {
+    const file = event.target.files[0];
+    if (!file) return;
+    
+    if (!file.name.endsWith('.zip')) {
+      showNotification('error', 'Please select a zip file');
+      return;
+    }
+
+    try {
+      const formData = new FormData();
+      formData.append('file', file);
+      
+      const response = await fetch('/agents/local/import-zip', {
+        method: 'POST',
+        body: formData
+      });
+      
+      const result = await response.json();
+      if (!response.ok) throw new Error(result.detail || 'Import failed');
+      
+      showNotification('success', result.message);
+      await this.fetchAgents(); // Refresh agent list
+    } catch (error) {
+      showNotification('error', `Error importing agent: ${error.message}`);
+    }
+  }
+
   _render() {
     // Default structure for rendering when this.agent is null
     // This ensures the DOM structure is present but hidden.
     const agentForRender = this.agent || {
       name: '',
+      description: '',
       persona: '',
       instructions: '',
       technicalInstructions: '',
@@ -1059,6 +1120,18 @@ class AgentForm extends BaseEl {
         <button class="btn btn-secondary" @click=${this.handleNewAgent}>
           New Agent
         </button>
+        <button class="btn btn-secondary" @click=${this.handleExportAgent} ?disabled=${!this.agent}>
+          Export Agent
+        </button>
+        <label class="btn btn-secondary" style="cursor: pointer; display: inline-block;">
+          Import Agent
+          <input 
+            type="file" 
+            accept=".zip" 
+            @change=${this.handleImportAgent}
+            style="display: none;"
+          >
+        </label>
       </div>
 
       <form class="agent-form ${!this.agent ? 'form-hidden-when-no-agent' : ''}" @submit=${this.handleSubmit}>
@@ -1069,6 +1142,13 @@ class AgentForm extends BaseEl {
                    @input=${this.handleInputChange}>
           </div>
 
+          <div class="form-group">
+            <label>Description:</label>
+            <input type="text" name="description" 
+                   .value=${agentForRender.description || ''} 
+                   @input=${this.handleInputChange}>
+          </div>
+
           <div class="form-group">
             <label class="required">Persona:</label>
             <select name="persona"