agentgui 1.0.819 → 1.0.821

package/static/js/ui-components.js

@@ -6,7 +6,7 @@ class UIComponents {
       content = '',
       buttons = [],
       onClose = null,
-      size = 'medium' // small, medium, large
+      size = 'medium'
     } = config;
 
     const modal = document.createElement('div');
@@ -122,7 +122,7 @@ class UIComponents {
   static createAlert(config = {}) {
     const {
       message = '',
-      type = 'info', // info, success, warning, error
+      type = 'info',
       duration = 5000,
       dismissible = true
     } = config;
@@ -157,7 +157,7 @@ class UIComponents {
 
   static createSpinner(config = {}) {
     const {
-      size = 'medium', // small, medium, large
+      size = 'medium',
       text = 'Loading...'
     } = config;
 
@@ -176,192 +176,10 @@ class UIComponents {
     return container;
   }
 
-  static createProgressBar(config = {}) {
-    const {
-      percentage = 0,
-      label = '',
-      showLabel = true
-    } = config;
-
-    const container = document.createElement('div');
-    container.className = 'progress-container';
-
-    let html = '';
-    if (label && showLabel) {
-      html += `<div class="flex justify-between mb-2 text-sm"><span>${UIComponents.escapeHtml(label)}</span><span>${Math.round(percentage)}%</span></div>`;
-    }
-
-    html += `
-      <progress class="progress progress-primary progress-xs w-full" value="${Math.min(100, Math.max(0, percentage))}" max="100"></progress>
-    `;
-
-    container.innerHTML = html;
-    return container;
-  }
-
-  static createCollapsible(config = {}) {
-    const {
-      title = 'Details',
-      content = '',
-      isOpen = false
-    } = config;
-
-    const container = document.createElement('div');
-    container.className = 'collapsible';
-
-    container.innerHTML = `
-      <details ${isOpen ? 'open' : ''}>
-        <summary class="cursor-pointer font-semibold hover:bg-base-200 px-2 py-1 rounded transition-colors">
-          ${UIComponents.escapeHtml(title)}
-        </summary>
-        <div class="content mt-2 ml-4">
-          ${typeof content === 'string' ? content : ''}
-        </div>
-      </details>
-    `;
-
-    return container;
-  }
-
-  static createInput(config = {}) {
-    const {
-      type = 'text',
-      name = '',
-      label = '',
-      placeholder = '',
-      value = '',
-      required = false
-    } = config;
-
-    const container = document.createElement('div');
-    container.className = 'form-group mb-4';
-
-    let html = '';
-    if (label) {
-      html += `<label class="block text-sm font-medium mb-2">${UIComponents.escapeHtml(label)}</label>`;
-    }
-
-    html += `
-      <input
-        type="${type}"
-        name="${name}"
-        placeholder="${UIComponents.escapeHtml(placeholder)}"
-        value="${UIComponents.escapeHtml(value)}"
-        ${required ? 'required' : ''}
-        class="input input-block input-solid"
-      />
-    `;
-
-    container.innerHTML = html;
-    return container;
-  }
-
-  static createSelect(config = {}) {
-    const {
-      name = '',
-      label = '',
-      options = [],
-      value = '',
-      required = false
-    } = config;
-
-    const container = document.createElement('div');
-    container.className = 'form-group mb-4';
-
-    let html = '';
-    if (label) {
-      html += `<label class="block text-sm font-medium mb-2">${UIComponents.escapeHtml(label)}</label>`;
-    }
-
-    html += `
-      <select
-        name="${name}"
-        ${required ? 'required' : ''}
-        class="select select-block select-solid"
-      >
-        ${options.map(opt => `
-          <option value="${opt.value}" ${opt.value === value ? 'selected' : ''}>
-            ${UIComponents.escapeHtml(opt.label)}
-          </option>
-        `).join('')}
-      </select>
-    `;
-
-    container.innerHTML = html;
-    return container;
-  }
-
-  static createButtonGroup(config = {}) {
-    const {
-      buttons = [],
-      vertical = false
-    } = config;
-
-    const container = document.createElement('div');
-    container.className = `button-group flex gap-2 ${vertical ? 'flex-col' : 'flex-row'}`;
-
-    buttons.forEach(btn => {
-      const button = document.createElement('button');
-      button.className = `btn btn-${btn.variant || 'secondary'} flex-${vertical ? '1' : 'none'}`;
-      button.textContent = btn.label;
-      if (btn.onClick) {
-        button.addEventListener('click', btn.onClick);
-      }
-      container.appendChild(button);
-    });
-
-    return container;
-  }
-
-  static createBadge(config = {}) {
-    const {
-      label = '',
-      variant = 'default', // default, primary, success, warning, error
-      size = 'medium' // small, medium, large
-    } = config;
-
-    const sizeClasses = {
-      'small': 'badge-sm',
-      'medium': 'badge-md',
-      'large': 'badge-lg'
-    };
-
-    const variantClasses = {
-      'default': 'badge-flat',
-      'primary': 'badge-flat-primary',
-      'success': 'badge-flat-success',
-      'warning': 'badge-flat-warning',
-      'error': 'badge-flat-error'
-    };
-
-    const badge = document.createElement('span');
-    badge.className = `badge ${sizeClasses[size] || sizeClasses['medium']} ${variantClasses[variant] || variantClasses['default']}`;
-    badge.textContent = label;
-    return badge;
-  }
-
   static escapeHtml(text) {
     return window._escHtml(text);
   }
 
-  static copyToClipboard(text) {
-    return navigator.clipboard.writeText(text).catch(err => {
-      console.error('Failed to copy:', err);
-      return false;
-    });
-  }
-
-  static downloadFile(data, filename, mimeType = 'text/plain') {
-    const blob = new Blob([data], { type: mimeType });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  }
 }
 
 if (typeof module !== 'undefined' && module.exports) {