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

mindroot/coreplugins/admin/static/js/persona-editor.js

@@ -139,14 +139,40 @@ class PersonaEditor extends BaseEl {
   }
 
   async fetchPersonas() {
-    const response = await fetch(`/personas/${this.scope}`);
-    this.personas = await response.json();
+    if (this.scope === 'registry') {
+      // For registry personas, we need to get all owner directories
+      try {
+        const response = await fetch(`/personas/registry`);
+        const owners = await response.json();
+        this.personas = [];
+        
+        // Flatten registry personas to show as "owner/name"
+        for (const owner of owners) {
+          const ownerResponse = await fetch(`/personas/registry/${owner.name}`);
+          const ownerPersonas = await ownerResponse.json();
+          ownerPersonas.forEach(persona => {
+            this.personas.push({ name: `${owner.name}/${persona.name}`, displayName: `${owner.name}/${persona.name}` });
+          });
+        }
+      } catch (e) {
+        this.personas = [];
+      }
+    } else {
+      const response = await fetch(`/personas/${this.scope}`);
+      this.personas = await response.json();
+    }
   }
 
   async fetchPersona() {
     if (!this.newPersona && this.name) {
-      const response = await fetch(`/personas/${this.scope}/${this.name}`);
-      this.persona = await response.json();
+      if (this.scope === 'registry') {
+        // For registry personas, use the full path format
+        const response = await fetch(`/personas/registry/${this.name}`);
+        this.persona = await response.json();
+      } else {
+        const response = await fetch(`/personas/${this.scope}/${this.name}`);
+        this.persona = await response.json();
+      }
     } else {
       this.persona = {};
     }
@@ -223,10 +249,13 @@ class PersonaEditor extends BaseEl {
             <label>
               <input type="radio" name="scope" value="shared" .checked=${this.scope === 'shared'} @change=${this.handleScopeChange} /> Shared
             </label>
+            <label>
+              <input type="radio" name="scope" value="registry" .checked=${this.scope === 'registry'} @change=${this.handleScopeChange} /> Registry
+            </label>
           </div>
           <select @change=${this.handlePersonaChange} .value=${this.name || ''} ?disabled=${this.newPersona}>
             <option value="">Select a persona</option>
-            ${this.personas.map(persona => html`<option value="${persona.name}">${persona.name}</option>`) }
+            ${this.personas.map(persona => html`<option value="${persona.name}">${persona.displayName || persona.name}</option>`) }
           </select>
           <button class="btn btn-secondary" @click=${this.handleNewPersona}>New Persona</button>
         </div>

mindroot/coreplugins/admin/static/js/plugin-toggle.js

@@ -13,7 +13,7 @@ class PluginToggle extends PluginBase {
 
       .toggle-list {
         display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
         gap: 10px;
       }
 

mindroot/coreplugins/admin/static/js/recommended-plugin-install.js

@@ -0,0 +1,63 @@
+import { html, css } from '/admin/static/js/lit-core.min.js';
+import { BaseEl } from '/admin/static/js/base.js';
+
+class RecommendedPluginInstall extends BaseEl {
+  static properties = {
+    agent: { type: String },
+    logText: { type: String }
+  };
+
+  static styles = css`
+    dialog {
+      width: 90%;
+      max-width: 800px;
+      background: #0f0f1a;
+      color: #fff;
+      border: 1px solid rgba(255, 255, 255, 0.2);
+      border-radius: 8px;
+      padding: 1rem;
+    }
+    pre.log {
+      height: 60vh;
+      overflow-y: auto;
+      background: #000;
+      color: #0f0;
+      padding: 0.5rem;
+      font-size: 0.8rem;
+      border: 1px solid #333;
+    }
+    .actions { text-align: right; margin-top: .5rem; }
+  `;
+
+  constructor() {
+    super();
+    this.agent = '';
+    this.logText = '';
+  }
+
+  firstUpdated() { if (this.agent) this.startStream(); }
+
+  startStream() {
+    this.logText = '';
+    const es = new EventSource(`/admin/stream-install-recommended-plugins/${encodeURIComponent(this.agent)}`);
+    es.onmessage = (e) => {
+      if (e.data === 'END') { es.close(); return; }
+      this.logText += e.data;
+      this.requestUpdate();
+      const pre = this.shadowRoot.querySelector('pre.log');
+      if (pre) pre.scrollTop = pre.scrollHeight;
+    };
+    es.onerror = () => es.close();
+  }
+
+  closeDialog() { this.remove(); }
+
+  _render() {
+    return html`
+      <dialog open>
+        <h3>Installing recommended plugins for <b>${this.agent}</b></h3>
+        <pre class="log">${this.logText}</pre>
+        <div class="actions"><button @click=${this.closeDialog}>Close</button></div>
+      </dialog>`; }
+}
+customElements.define('recommended-plugin-install', RecommendedPluginInstall);

mindroot/coreplugins/admin/static/js/registry-auth-section.js

@@ -0,0 +1,132 @@
+/**
+ * Registry Authentication Section
+ * 
+ * Handles authentication UI and logic including login, registration,
+ * and user management for the registry manager.
+ */
+
+import { html } from '/admin/static/js/lit-core.min.js';
+
+class RegistryAuthSection {
+  constructor(sharedState, mainComponent) {
+    this.state = sharedState;
+    this.main = mainComponent;
+    this.services = null; // Will be set by main component
+  }
+
+  setServices(services) {
+    this.services = services;
+  }
+
+  // === Event Handlers ===
+
+  async handleLogin() {
+    const username = this.main.shadowRoot.getElementById('username').value;
+    const password = this.main.shadowRoot.getElementById('password').value;
+    
+    if (!username || !password) {
+      this.services.showToast('Please enter username and password', 'error');
+      return;
+    }
+    
+    const success = await this.services.login(username, password);
+    if (success) {
+      this.main.requestUpdate();
+    }
+  }
+
+  async handleRegister() {
+    const username = this.main.shadowRoot.getElementById('reg-username').value;
+    const email = this.main.shadowRoot.getElementById('reg-email').value;
+    const password = this.main.shadowRoot.getElementById('reg-password').value;
+    
+    if (!username || !email || !password) {
+      this.services.showToast('Please fill in all registration fields', 'error');
+      return;
+    }
+    
+    const success = await this.services.register(username, email, password);
+    if (success) {
+      this.main.showRegisterForm = false;
+      this.main.requestUpdate();
+    }
+  }
+
+  toggleRegisterForm() {
+    this.main.showRegisterForm = !this.main.showRegisterForm;
+    this.main.requestUpdate();
+  }
+
+  logout() {
+    this.services.logout();
+    this.main.requestUpdate();
+  }
+
+  // === Render Methods ===
+
+  renderHeader() {
+    if (this.state.isLoggedIn) {
+      return this.renderLoggedInHeader();
+    } else {
+      return this.renderLoginForm();
+    }
+  }
+
+  renderLoggedInHeader() {
+    return html`
+      <div class="user-info">
+        <span>Logged in as: ${this.state.currentUser?.username}</span>
+        <button @click=${() => this.logout()}>Logout</button>
+      </div>
+    `;
+  }
+
+  renderLoginForm() {
+    if (this.main.showRegisterForm) {
+      return this.renderRegistrationForm();
+    } else {
+      return this.renderLoginSection();
+    }
+  }
+
+  renderLoginSection() {
+    return html`
+      <div class="section">
+        <h3>Registry Login</h3>
+        <div class="login-form">
+          <input type="text" placeholder="Username or Email" id="username">
+          <input type="password" placeholder="Password" id="password">
+          <button class="primary" @click=${() => this.handleLogin()} ?disabled=${this.state.loading}>
+            ${this.state.loading ? 'Logging in...' : 'Login'}
+          </button>
+          ${this.main.error ? html`<div class="error">${this.main.error}</div>` : ''}
+        </div>
+        <div class="auth-toggle">
+          <button @click=${() => this.toggleRegisterForm()}>Don't have an account? Register</button>
+        </div>
+      </div>
+    `;
+  }
+
+  renderRegistrationForm() {
+    return html`
+      <div class="section">
+        <h3>Create Account</h3>
+        <div class="login-form">
+          <input type="text" placeholder="Username" id="reg-username">
+          <input type="email" placeholder="Email" id="reg-email">
+          <input type="password" placeholder="Password" id="reg-password">
+          <button class="primary" @click=${() => this.handleRegister()} ?disabled=${this.state.loading}>
+            ${this.state.loading ? 'Creating Account...' : 'Create Account'}
+          </button>
+          ${this.main.error ? html`<div class="error">${this.main.error}</div>` : ''}
+        </div>
+        <div class="auth-toggle">
+          <button @click=${() => this.toggleRegisterForm()}>Already have an account? Login</button>
+        </div>
+      </div>
+    `;
+  }
+}
+
+export { RegistryAuthSection };