npm - agentdev-webui - Versions diffs - 1.0.0 - Mend

agentdev-webui 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/lib/agent-api.js +530 -0
package/lib/auth.js +127 -0
package/lib/config.js +53 -0
package/lib/database.js +762 -0
package/lib/device-flow.js +257 -0
package/lib/email.js +420 -0
package/lib/encryption.js +112 -0
package/lib/github.js +339 -0
package/lib/history.js +143 -0
package/lib/pwa.js +107 -0
package/lib/redis-logs.js +226 -0
package/lib/routes.js +680 -0
package/migrations/000_create_database.sql +33 -0
package/migrations/001_create_agentdev_schema.sql +135 -0
package/migrations/001_create_agentdev_schema.sql.old +100 -0
package/migrations/001_create_agentdev_schema_fixed.sql +135 -0
package/migrations/002_add_github_token.sql +17 -0
package/migrations/003_add_agent_logs_table.sql +23 -0
package/migrations/004_remove_oauth_columns.sql +11 -0
package/migrations/005_add_projects.sql +44 -0
package/migrations/006_project_github_token.sql +7 -0
package/migrations/007_project_repositories.sql +12 -0
package/migrations/008_add_notifications.sql +20 -0
package/migrations/009_unified_oauth.sql +153 -0
package/migrations/README.md +97 -0
package/package.json +37 -0
package/public/css/styles.css +1140 -0
package/public/device.html +384 -0
package/public/docs.html +862 -0
package/public/docs.md +697 -0
package/public/favicon.svg +5 -0
package/public/index.html +271 -0
package/public/js/app.js +2379 -0
package/public/login.html +224 -0
package/public/profile.html +394 -0
package/public/register.html +392 -0
package/public/reset-password.html +349 -0
package/public/verify-email.html +177 -0
package/server.js +1450 -0

package/public/reset-password.html ADDED Viewed

@@ -0,0 +1,349 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="theme-color" content="#1a1a2e">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="description" content="Reset your Agent Dev password">
+  <meta property="og:title" content="Reset Password - Agent Dev">
+  <meta property="og:description" content="Reset your Agent Dev password">
+  <meta property="og:type" content="website">
+  <meta property="og:image" content="/og-image.svg">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Reset Password - Agent Dev">
+  <meta name="twitter:description" content="Reset your Agent Dev password">
+  <meta name="twitter:image" content="/og-image.svg">
+  <title>Reset Password - Agent Dev</title>
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="apple-touch-icon" href="/icon-192.png">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="stylesheet" href="/css/styles.css">
+  <style>
+    .reset-container {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    }
+    .reset-box {
+      background: rgba(255, 255, 255, 0.05);
+      backdrop-filter: blur(10px);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 16px;
+      padding: 40px;
+      width: 100%;
+      max-width: 450px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+    }
+    .reset-header {
+      text-align: center;
+      margin-bottom: 32px;
+    }
+    .reset-header h1 {
+      color: #ffffff;
+      font-size: 28px;
+      margin-bottom: 8px;
+      font-weight: 600;
+    }
+    .reset-header p {
+      color: rgba(255, 255, 255, 0.6);
+      font-size: 14px;
+      margin: 0;
+    }
+    .form-group {
+      margin-bottom: 20px;
+    }
+    .form-group label {
+      display: block;
+      color: rgba(255, 255, 255, 0.8);
+      font-size: 14px;
+      margin-bottom: 8px;
+      font-weight: 500;
+    }
+    .form-group input {
+      width: 100%;
+      padding: 12px 16px;
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 8px;
+      color: #ffffff;
+      font-size: 15px;
+      transition: all 0.3s ease;
+      box-sizing: border-box;
+    }
+    .form-group input:focus {
+      outline: none;
+      border-color: rgba(255, 107, 107, 0.5);
+      background: rgba(255, 255, 255, 0.08);
+    }
+    .reset-button {
+      width: 100%;
+      padding: 14px;
+      background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
+      border: none;
+      border-radius: 8px;
+      color: white;
+      font-size: 16px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      margin-top: 24px;
+    }
+    .reset-button:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
+    }
+    .reset-button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+      transform: none;
+    }
+    .message {
+      border-radius: 8px;
+      padding: 12px 16px;
+      font-size: 14px;
+      margin-bottom: 20px;
+      display: none;
+    }
+    .error-message {
+      background: rgba(255, 107, 107, 0.1);
+      border: 1px solid rgba(255, 107, 107, 0.3);
+      color: #ff6b6b;
+    }
+    .success-message {
+      background: rgba(76, 209, 55, 0.1);
+      border: 1px solid rgba(76, 209, 55, 0.3);
+      color: #4cd137;
+    }
+    .login-link {
+      text-align: center;
+      margin-top: 24px;
+      padding-top: 24px;
+      border-top: 1px solid rgba(255, 255, 255, 0.1);
+    }
+    .login-link a {
+      color: #ff6b6b;
+      text-decoration: none;
+      font-weight: 500;
+    }
+  </style>
+</head>
+<body>
+  <div class="reset-container">
+    <div class="reset-box">
+      <div class="reset-header">
+        <h1 id="pageTitle">Reset Password</h1>
+        <p id="pageDescription">Enter your email to receive a reset link</p>
+      </div>
+      <div id="error" class="message error-message"></div>
+      <div id="success" class="message success-message"></div>
+      <!-- Request Form (no token) -->
+      <form id="requestForm" style="display: none;">
+        <div class="form-group">
+          <label for="email">Email Address</label>
+          <input
+            type="email"
+            id="email"
+            name="email"
+            placeholder="you@example.com"
+            required
+            autofocus
+          >
+        </div>
+        <button type="submit" class="reset-button" id="requestBtn">
+          Send Reset Link
+        </button>
+      </form>
+      <!-- Confirm Form (with token) -->
+      <form id="confirmForm" style="display: none;">
+        <div class="form-group">
+          <label for="newPassword">New Password</label>
+          <input
+            type="password"
+            id="newPassword"
+            name="newPassword"
+            placeholder="Enter new password"
+            required
+            autofocus
+          >
+        </div>
+        <div class="form-group">
+          <label for="confirmPassword">Confirm Password</label>
+          <input
+            type="password"
+            id="confirmPassword"
+            name="confirmPassword"
+            placeholder="Re-enter new password"
+            required
+          >
+        </div>
+        <button type="submit" class="reset-button" id="confirmBtn">
+          Reset Password
+        </button>
+      </form>
+      <div class="login-link">
+        <p style="color: rgba(255, 255, 255, 0.6); font-size: 14px; margin: 0;">
+          <a href="/login">Back to Login</a>
+        </p>
+      </div>
+    </div>
+  </div>
+  <script>
+    const urlParams = new URLSearchParams(window.location.search);
+    const token = urlParams.get('token');
+    const requestForm = document.getElementById('requestForm');
+    const confirmForm = document.getElementById('confirmForm');
+    const pageTitle = document.getElementById('pageTitle');
+    const pageDescription = document.getElementById('pageDescription');
+    const errorDiv = document.getElementById('error');
+    const successDiv = document.getElementById('success');
+    // Show request or confirm form based on token presence
+    if (token) {
+      pageTitle.textContent = 'Create New Password';
+      pageDescription.textContent = 'Enter your new password below';
+      confirmForm.style.display = 'block';
+    } else {
+      requestForm.style.display = 'block';
+    }
+    function showError(message) {
+      errorDiv.textContent = message;
+      errorDiv.style.display = 'block';
+      successDiv.style.display = 'none';
+    }
+    function showSuccess(message) {
+      successDiv.textContent = message;
+      successDiv.style.display = 'block';
+      errorDiv.style.display = 'none';
+    }
+    function hideMessages() {
+      errorDiv.style.display = 'none';
+      successDiv.style.display = 'none';
+    }
+    // Handle password reset request
+    requestForm.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      hideMessages();
+      const email = document.getElementById('email').value.trim();
+      const requestBtn = document.getElementById('requestBtn');
+      if (!email) {
+        showError('Please enter your email address');
+        return;
+      }
+      requestBtn.disabled = true;
+      requestBtn.textContent = 'Sending...';
+      try {
+        const response = await fetch('/api/reset-password/request', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ email })
+        });
+        const data = await response.json();
+        if (response.ok) {
+          showSuccess('Password reset link sent! Check your email.');
+          requestForm.reset();
+        } else {
+          showError(data.error || 'Failed to send reset link');
+        }
+      } catch (error) {
+        showError('Network error. Please try again.');
+      } finally {
+        requestBtn.disabled = false;
+        requestBtn.textContent = 'Send Reset Link';
+      }
+    });
+    // Handle password reset confirmation
+    confirmForm.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      hideMessages();
+      const newPassword = document.getElementById('newPassword').value;
+      const confirmPassword = document.getElementById('confirmPassword').value;
+      const confirmBtn = document.getElementById('confirmBtn');
+      if (!newPassword || !confirmPassword) {
+        showError('Please fill in both password fields');
+        return;
+      }
+      if (newPassword !== confirmPassword) {
+        showError('Passwords do not match');
+        return;
+      }
+      if (newPassword.length < 8) {
+        showError('Password must be at least 8 characters');
+        return;
+      }
+      confirmBtn.disabled = true;
+      confirmBtn.textContent = 'Resetting...';
+      try {
+        const response = await fetch('/api/reset-password/confirm', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ token, password: newPassword })
+        });
+        const data = await response.json();
+        if (response.ok) {
+          showSuccess('Password reset successfully! Redirecting to login...');
+          setTimeout(() => {
+            window.location.href = '/login';
+          }, 2000);
+        } else {
+          showError(data.error || 'Failed to reset password');
+          confirmBtn.disabled = false;
+          confirmBtn.textContent = 'Reset Password';
+        }
+      } catch (error) {
+        showError('Network error. Please try again.');
+        confirmBtn.disabled = false;
+        confirmBtn.textContent = 'Reset Password';
+      }
+    });
+  </script>
+</body>
+</html>

package/public/verify-email.html ADDED Viewed

@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="theme-color" content="#1a1a2e">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta name="description" content="Verify your Agent Dev email">
+  <meta property="og:title" content="Email Verification - Agent Dev">
+  <meta property="og:description" content="Verify your Agent Dev email">
+  <meta property="og:type" content="website">
+  <meta property="og:image" content="/og-image.svg">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Email Verification - Agent Dev">
+  <meta name="twitter:description" content="Verify your Agent Dev email">
+  <meta name="twitter:image" content="/og-image.svg">
+  <title>Email Verification - Agent Dev</title>
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="apple-touch-icon" href="/icon-192.png">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="stylesheet" href="/css/styles.css">
+  <style>
+    .verify-container {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
+    }
+    .verify-box {
+      background: rgba(255, 255, 255, 0.05);
+      backdrop-filter: blur(10px);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      border-radius: 16px;
+      padding: 40px;
+      width: 100%;
+      max-width: 500px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+      text-align: center;
+    }
+    .verify-icon {
+      font-size: 64px;
+      margin-bottom: 24px;
+    }
+    .verify-title {
+      color: #ffffff;
+      font-size: 28px;
+      margin-bottom: 16px;
+      font-weight: 600;
+    }
+    .verify-message {
+      color: rgba(255, 255, 255, 0.7);
+      font-size: 16px;
+      line-height: 1.6;
+      margin-bottom: 32px;
+    }
+    .spinner {
+      border: 4px solid rgba(255, 255, 255, 0.1);
+      border-top: 4px solid #ff6b6b;
+      border-radius: 50%;
+      width: 50px;
+      height: 50px;
+      animation: spin 1s linear infinite;
+      margin: 20px auto;
+    }
+    @keyframes spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+    .success { color: #4cd137; }
+    .error { color: #ff6b6b; }
+    .verify-button {
+      display: inline-block;
+      padding: 14px 32px;
+      background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
+      border: none;
+      border-radius: 8px;
+      color: white;
+      font-size: 16px;
+      font-weight: 600;
+      text-decoration: none;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      margin-top: 24px;
+    }
+    .verify-button:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);
+    }
+  </style>
+</head>
+<body>
+  <div class="verify-container">
+    <div class="verify-box">
+      <div id="verifying" style="display: block;">
+        <div class="verify-icon">📧</div>
+        <h1 class="verify-title">Verifying Email...</h1>
+        <div class="spinner"></div>
+        <p class="verify-message">Please wait while we verify your email address.</p>
+      </div>
+      <div id="success" style="display: none;">
+        <div class="verify-icon success">✅</div>
+        <h1 class="verify-title">Email Verified!</h1>
+        <p class="verify-message">
+          Your email has been successfully verified. You can now sign in to your account.
+        </p>
+        <a href="/login" class="verify-button">Go to Login</a>
+      </div>
+      <div id="error" style="display: none;">
+        <div class="verify-icon error">❌</div>
+        <h1 class="verify-title">Verification Failed</h1>
+        <p class="verify-message" id="errorMessage">
+          The verification link is invalid or has expired.
+        </p>
+        <a href="/register" class="verify-button">Register Again</a>
+      </div>
+    </div>
+  </div>
+  <script>
+    const urlParams = new URLSearchParams(window.location.search);
+    const token = urlParams.get('token');
+    if (!token) {
+      showError('No verification token provided');
+    } else {
+      verifyEmail(token);
+    }
+    async function verifyEmail(token) {
+      try {
+        const response = await fetch('/api/verify-email', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ token })
+        });
+        const data = await response.json();
+        if (response.ok && data.success) {
+          showSuccess();
+        } else {
+          showError(data.error || 'Verification failed');
+        }
+      } catch (error) {
+        showError('Network error. Please try again.');
+      }
+    }
+    function showSuccess() {
+      document.getElementById('verifying').style.display = 'none';
+      document.getElementById('success').style.display = 'block';
+      document.getElementById('error').style.display = 'none';
+    }
+    function showError(message) {
+      document.getElementById('verifying').style.display = 'none';
+      document.getElementById('success').style.display = 'none';
+      document.getElementById('error').style.display = 'block';
+      document.getElementById('errorMessage').textContent = message;
+    }
+  </script>
+</body>
+</html>