npm - skopix - Versions diffs - 2.0.0 - Mend

skopix 2.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 (25) hide show

package/.dockerignore +65 -0
package/.github/workflows/docker.yml +78 -0
package/cli/commands/agent.js +378 -0
package/cli/commands/config.js +67 -0
package/cli/commands/dashboard.js +3524 -0
package/cli/commands/init.js +190 -0
package/cli/commands/report.js +41 -0
package/cli/commands/run.js +350 -0
package/cli/index.js +85 -0
package/cli/ui.js +126 -0
package/core/auth.js +148 -0
package/core/browser.js +1049 -0
package/core/credentials.js +47 -0
package/core/db.js +503 -0
package/core/llm.js +641 -0
package/core/recorder.js +653 -0
package/core/reporter.js +282 -0
package/core/tracker.js +768 -0
package/package.json +54 -0
package/web/app/index.html +5937 -0
package/web/index.html +644 -0
package/web/invite.html +244 -0
package/web/login.html +271 -0
package/web/reset.html +222 -0
package/web/setup.html +300 -0

package/web/reset.html ADDED Viewed

@@ -0,0 +1,222 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Skopix · Reset password</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@500;700&display=swap" rel="stylesheet">
+<style>
+:root {
+  --bg: #080810; --surface: #0d0d1a; --surface2: #12121f;
+  --border: rgba(255,255,255,0.06);
+  --cyan: #00d4ff; --cyan-dim: rgba(0,212,255,0.12);
+  --red: #ef4444; --green: #10b981; --yellow: #f59e0b;
+  --text: #e8eaf0; --muted: #5a6180; --muted2: #3a3f5c;
+  --white: #ffffff;
+  --mono: 'DM Mono', monospace; --display: 'Syne', sans-serif;
+}
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+body {
+  background: var(--bg); color: var(--text); font-family: var(--display);
+  min-height: 100vh; display: flex; align-items: center; justify-content: center;
+  padding: 24px; position: relative; overflow-x: hidden;
+}
+body::before {
+  content: ''; position: fixed; inset: 0;
+  background-image:
+    linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);
+  background-size: 60px 60px; pointer-events: none; z-index: 0;
+}
+body::after {
+  content: ''; position: fixed; inset: 0;
+  background: radial-gradient(circle at 50% 30%, rgba(0,212,255,0.08) 0%, transparent 60%);
+  pointer-events: none; z-index: 0;
+}
+.wrap { position: relative; z-index: 1; max-width: 480px; width: 100%; }
+.brand {
+  font-family: var(--mono); font-size: 13px; font-weight: 500;
+  color: var(--cyan); letter-spacing: 0.2em; text-align: center; margin-bottom: 12px;
+}
+.title {
+  font-family: var(--display); font-weight: 700; font-size: 36px;
+  color: var(--white); text-align: center; margin-bottom: 12px; line-height: 1.1;
+}
+.sub {
+  font-family: var(--mono); font-size: 13px; color: var(--muted);
+  text-align: center; margin-bottom: 36px; line-height: 1.6;
+}
+.card {
+  background: var(--surface); border: 1px solid var(--border);
+  border-radius: 16px; padding: 32px; box-shadow: 0 20px 60px rgba(0,0,0,0.4);
+}
+.field { margin-bottom: 18px; }
+.label {
+  display: block; font-family: var(--mono); font-size: 11px;
+  letter-spacing: 0.1em; color: var(--muted); text-transform: uppercase; margin-bottom: 8px;
+}
+.input {
+  width: 100%; padding: 12px 14px;
+  background: var(--surface2); border: 1px solid var(--border);
+  border-radius: 8px; color: var(--white); font-family: var(--mono);
+  font-size: 14px; outline: none; transition: border-color 0.2s;
+}
+.input:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px var(--cyan-dim); }
+.help { font-family: var(--mono); font-size: 11px; color: var(--muted2); margin-top: 6px; }
+.btn {
+  width: 100%; padding: 14px 24px;
+  background: var(--cyan); color: var(--bg); border: none;
+  border-radius: 8px; font-family: var(--mono); font-size: 13px;
+  font-weight: 500; letter-spacing: 0.05em; cursor: pointer;
+  transition: all 0.2s; margin-top: 8px; text-transform: uppercase;
+}
+.btn:hover { background: #00b8e0; box-shadow: 0 0 30px rgba(0,212,255,0.3); }
+.btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.alert {
+  padding: 12px 14px; border-radius: 8px;
+  font-family: var(--mono); font-size: 12px;
+  margin-bottom: 16px; line-height: 1.5;
+}
+.alert.error {
+  background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.3); color: var(--red);
+}
+.alert.success {
+  background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.3); color: var(--green);
+}
+.note {
+  font-family: var(--mono); font-size: 11px; color: var(--muted);
+  text-align: center; margin-top: 24px; line-height: 1.6;
+}
+.hidden { display: none; }
+.loading {
+  text-align: center; padding: 40px;
+  font-family: var(--mono); font-size: 13px; color: var(--muted);
+}
+.context-pill {
+  display: inline-flex; gap: 6px; align-items: center;
+  padding: 4px 10px; border-radius: 999px;
+  background: rgba(255,255,255,0.04); border: 1px solid var(--border);
+  font-family: var(--mono); font-size: 11px; color: var(--text);
+  letter-spacing: 0.05em; margin-bottom: 18px;
+}
+</style>
+</head>
+<body>
+<div class="wrap">
+  <div class="brand">SKOPIX · RESET PASSWORD</div>
+  <h1 class="title">Set a new<br>password.</h1>
+  <p class="sub" id="sub">Loading reset link...</p>
+  <div id="loading-card" class="card loading">Verifying link...</div>
+  <div id="form-card" class="card hidden">
+    <div style="text-align:center">
+      <div class="context-pill" id="email-pill">EMAIL</div>
+    </div>
+    <div id="alert" class="alert hidden"></div>
+    <form id="reset-form">
+      <div class="field">
+        <label class="label" for="password">New password</label>
+        <input class="input" id="password" name="password" type="password" autocomplete="new-password" required minlength="8" placeholder="At least 8 characters">
+        <div class="help">Make it strong — at least 8 characters.</div>
+      </div>
+      <div class="field">
+        <label class="label" for="password2">Confirm new password</label>
+        <input class="input" id="password2" name="password2" type="password" autocomplete="new-password" required minlength="8" placeholder="Type it again">
+      </div>
+      <button id="submit-btn" class="btn" type="submit">Set new password →</button>
+    </form>
+  </div>
+  <div id="error-card" class="card hidden">
+    <div class="alert error" id="error-message" style="margin-bottom:0">This reset link is no longer valid.</div>
+  </div>
+  <p class="note">Need a fresh link? Ask your Skopix admin.</p>
+</div>
+<script>
+const token = window.location.pathname.replace(/^\/reset\//, '').replace(/\/$/, '');
+const loadingCard = document.getElementById('loading-card');
+const formCard = document.getElementById('form-card');
+const errorCard = document.getElementById('error-card');
+const errorMsg = document.getElementById('error-message');
+const sub = document.getElementById('sub');
+const alertEl = document.getElementById('alert');
+const submitBtn = document.getElementById('submit-btn');
+function showAlert(msg, kind = 'error') {
+  alertEl.textContent = msg;
+  alertEl.className = 'alert ' + kind;
+  alertEl.classList.remove('hidden');
+}
+async function loadReset() {
+  if (!token || token.length < 8) {
+    loadingCard.classList.add('hidden');
+    errorCard.classList.remove('hidden');
+    errorMsg.textContent = 'No reset token provided.';
+    return;
+  }
+  try {
+    const res = await fetch('/api/password-reset/' + encodeURIComponent(token));
+    const data = await res.json();
+    if (!res.ok) {
+      loadingCard.classList.add('hidden');
+      errorCard.classList.remove('hidden');
+      errorMsg.textContent = data.error || 'Invalid or expired link.';
+      return;
+    }
+    loadingCard.classList.add('hidden');
+    formCard.classList.remove('hidden');
+    sub.textContent = `Setting a new password for ${data.name}.`;
+    document.getElementById('email-pill').textContent = data.email;
+  } catch (err) {
+    loadingCard.classList.add('hidden');
+    errorCard.classList.remove('hidden');
+    errorMsg.textContent = 'Network error: ' + err.message;
+  }
+}
+loadReset();
+document.getElementById('reset-form').addEventListener('submit', async (e) => {
+  e.preventDefault();
+  alertEl.classList.add('hidden');
+  const password = document.getElementById('password').value;
+  const password2 = document.getElementById('password2').value;
+  if (password !== password2) { showAlert("Passwords don't match."); return; }
+  if (password.length < 8) { showAlert('Password must be at least 8 characters.'); return; }
+  submitBtn.disabled = true;
+  submitBtn.textContent = 'Setting password...';
+  try {
+    const res = await fetch('/api/password-reset/' + encodeURIComponent(token), {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ newPassword: password }),
+    });
+    const data = await res.json();
+    if (!res.ok) {
+      showAlert(data.error || 'Failed to reset password.');
+      submitBtn.disabled = false;
+      submitBtn.textContent = 'Set new password →';
+      return;
+    }
+    showAlert('Password set. Redirecting to login...', 'success');
+    setTimeout(() => { window.location.href = '/login'; }, 1000);
+  } catch (err) {
+    showAlert('Network error: ' + err.message);
+    submitBtn.disabled = false;
+    submitBtn.textContent = 'Set new password →';
+  }
+});
+</script>
+</body>
+</html>

package/web/setup.html ADDED Viewed

@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Skopix · Setup</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@500;700&display=swap" rel="stylesheet">
+<style>
+:root {
+  --bg: #080810;
+  --surface: #0d0d1a;
+  --surface2: #12121f;
+  --border: rgba(255,255,255,0.06);
+  --border-bright: rgba(0,212,255,0.2);
+  --cyan: #00d4ff;
+  --cyan-dim: rgba(0,212,255,0.12);
+  --red: #ef4444;
+  --green: #10b981;
+  --yellow: #f59e0b;
+  --text: #e8eaf0;
+  --muted: #5a6180;
+  --muted2: #3a3f5c;
+  --white: #ffffff;
+  --mono: 'DM Mono', monospace;
+  --display: 'Syne', sans-serif;
+}
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: var(--display);
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  position: relative;
+  overflow-x: hidden;
+}
+body::before {
+  content: '';
+  position: fixed;
+  inset: 0;
+  background-image:
+    linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);
+  background-size: 60px 60px;
+  pointer-events: none;
+  z-index: 0;
+}
+body::after {
+  content: '';
+  position: fixed;
+  inset: 0;
+  background: radial-gradient(circle at 50% 30%, rgba(0,212,255,0.08) 0%, transparent 60%);
+  pointer-events: none;
+  z-index: 0;
+}
+.wrap {
+  position: relative;
+  z-index: 1;
+  max-width: 480px;
+  width: 100%;
+}
+.brand {
+  font-family: var(--mono);
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--cyan);
+  letter-spacing: 0.2em;
+  text-align: center;
+  margin-bottom: 12px;
+}
+.title {
+  font-family: var(--display);
+  font-weight: 700;
+  font-size: 36px;
+  color: var(--white);
+  text-align: center;
+  margin-bottom: 12px;
+  line-height: 1.1;
+}
+.sub {
+  font-family: var(--mono);
+  font-size: 13px;
+  color: var(--muted);
+  text-align: center;
+  margin-bottom: 36px;
+  line-height: 1.6;
+}
+.card {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 32px;
+  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
+}
+.field {
+  margin-bottom: 18px;
+}
+.label {
+  display: block;
+  font-family: var(--mono);
+  font-size: 11px;
+  letter-spacing: 0.1em;
+  color: var(--muted);
+  text-transform: uppercase;
+  margin-bottom: 8px;
+}
+.input {
+  width: 100%;
+  padding: 12px 14px;
+  background: var(--surface2);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  color: var(--white);
+  font-family: var(--mono);
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s;
+}
+.input:focus {
+  border-color: var(--cyan);
+  box-shadow: 0 0 0 3px var(--cyan-dim);
+}
+.help {
+  font-family: var(--mono);
+  font-size: 11px;
+  color: var(--muted2);
+  margin-top: 6px;
+}
+.btn {
+  width: 100%;
+  padding: 14px 24px;
+  background: var(--cyan);
+  color: var(--bg);
+  border: none;
+  border-radius: 8px;
+  font-family: var(--mono);
+  font-size: 13px;
+  font-weight: 500;
+  letter-spacing: 0.05em;
+  cursor: pointer;
+  transition: all 0.2s;
+  margin-top: 8px;
+  text-transform: uppercase;
+}
+.btn:hover { background: #00b8e0; box-shadow: 0 0 30px rgba(0,212,255,0.3); }
+.btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.alert {
+  padding: 12px 14px;
+  border-radius: 8px;
+  font-family: var(--mono);
+  font-size: 12px;
+  margin-bottom: 16px;
+  line-height: 1.5;
+}
+.alert.error {
+  background: rgba(239,68,68,0.1);
+  border: 1px solid rgba(239,68,68,0.3);
+  color: var(--red);
+}
+.alert.success {
+  background: rgba(16,185,129,0.1);
+  border: 1px solid rgba(16,185,129,0.3);
+  color: var(--green);
+}
+.note {
+  font-family: var(--mono);
+  font-size: 11px;
+  color: var(--muted);
+  text-align: center;
+  margin-top: 24px;
+  line-height: 1.6;
+}
+.hidden { display: none; }
+</style>
+</head>
+<body>
+<div class="wrap">
+  <div class="brand">SKOPIX · TEAM SETUP</div>
+  <h1 class="title">Create the<br>first admin.</h1>
+  <p class="sub">
+    This account will manage your Skopix workspace.<br>
+    Choose carefully — admins can invite others and edit anything.
+  </p>
+  <div class="card">
+    <div id="alert" class="alert hidden"></div>
+    <form id="setup-form">
+      <div class="field">
+        <label class="label" for="name">Full name</label>
+        <input class="input" id="name" name="name" type="text" autocomplete="name" required minlength="1" placeholder="Adil Khan">
+      </div>
+      <div class="field">
+        <label class="label" for="email">Email address</label>
+        <input class="input" id="email" name="email" type="email" autocomplete="email" required placeholder="adil@yourcompany.com">
+      </div>
+      <div class="field">
+        <label class="label" for="password">Password</label>
+        <input class="input" id="password" name="password" type="password" autocomplete="new-password" required minlength="8" placeholder="At least 8 characters">
+        <div class="help">Use a strong password — this account has full control.</div>
+      </div>
+      <div class="field">
+        <label class="label" for="password2">Confirm password</label>
+        <input class="input" id="password2" name="password2" type="password" autocomplete="new-password" required minlength="8" placeholder="Type it again">
+      </div>
+      <button id="submit-btn" class="btn" type="submit">Create admin account →</button>
+    </form>
+  </div>
+  <p class="note">
+    Skopix runs on your own infrastructure. Your data never leaves this server.
+  </p>
+</div>
+<script>
+const form = document.getElementById('setup-form');
+const alertEl = document.getElementById('alert');
+const submitBtn = document.getElementById('submit-btn');
+function showAlert(message, kind = 'error') {
+  alertEl.textContent = message;
+  alertEl.className = 'alert ' + kind;
+  alertEl.classList.remove('hidden');
+}
+function hideAlert() {
+  alertEl.classList.add('hidden');
+}
+// Check on load — if setup is already done, redirect away
+async function checkStatus() {
+  try {
+    const res = await fetch('/api/team/status');
+    if (res.ok) {
+      const data = await res.json();
+      if (!data.needsSetup) {
+        showAlert('Setup is already complete. Redirecting to login...', 'success');
+        setTimeout(() => { window.location.href = '/app/'; }, 1500);
+      }
+    }
+  } catch {}
+}
+checkStatus();
+form.addEventListener('submit', async (e) => {
+  e.preventDefault();
+  hideAlert();
+  const name = document.getElementById('name').value.trim();
+  const email = document.getElementById('email').value.trim();
+  const password = document.getElementById('password').value;
+  const password2 = document.getElementById('password2').value;
+  if (password !== password2) {
+    showAlert("Passwords don't match.");
+    return;
+  }
+  if (password.length < 8) {
+    showAlert('Password must be at least 8 characters.');
+    return;
+  }
+  submitBtn.disabled = true;
+  submitBtn.textContent = 'Creating account...';
+  try {
+    const res = await fetch('/api/setup', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name, email, password }),
+    });
+    const data = await res.json();
+    if (!res.ok) {
+      showAlert(data.error || 'Setup failed. Please try again.');
+      submitBtn.disabled = false;
+      submitBtn.textContent = 'Create admin account →';
+      return;
+    }
+    showAlert('Admin account created. Redirecting...', 'success');
+    setTimeout(() => { window.location.href = '/app/'; }, 1500);
+  } catch (err) {
+    showAlert('Network error: ' + err.message);
+    submitBtn.disabled = false;
+    submitBtn.textContent = 'Create admin account →';
+  }
+});
+</script>
+</body>
+</html>