@fias/plugin-dev-harness 1.3.0 → 1.3.1

package/dist/server/static/harness.css

@@ -37,28 +37,6 @@ body {
   color: #a78bfa;
 }
 
-/* Environment selector */
-.env-selector {
-  background: #27272a;
-  color: #a1a1aa;
-  border: 1px solid #3f3f46;
-  border-radius: 4px;
-  padding: 3px 8px;
-  font-size: 11px;
-  font-weight: 600;
-  cursor: pointer;
-  outline: none;
-  text-transform: uppercase;
-}
-
-.env-selector:hover {
-  border-color: #52525b;
-}
-
-.env-selector:focus {
-  border-color: #a78bfa;
-}
-
 .mode-badge {
   padding: 3px 10px;
   border-radius: 4px;
@@ -215,12 +193,6 @@ body {
   cursor: not-allowed;
 }
 
-.btn-full {
-  width: 100%;
-  padding: 10px 16px;
-  margin-bottom: 12px;
-}
-
 .btn-secondary {
   background: transparent;
   color: #a1a1aa;
@@ -235,36 +207,6 @@ body {
   background: #3f3f46;
 }
 
-.btn-link {
-  background: none;
-  border: none;
-  color: #a78bfa;
-  cursor: pointer;
-  font-size: 12px;
-  padding: 0;
-}
-
-.btn-link:hover {
-  text-decoration: underline;
-}
-
-.modal-divider {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin: 12px 0;
-  color: #6b7280;
-  font-size: 12px;
-}
-
-.modal-divider::before,
-.modal-divider::after {
-  content: '';
-  flex: 1;
-  height: 1px;
-  background: #3f3f46;
-}
-
 /* Plugin status overlay */
 .plugin-status {
   flex: 1;

package/dist/server/static/harness.html

@@ -10,10 +10,6 @@
   <div class="toolbar">
     <div class="toolbar-left">
       <span class="logo">Fias Arche Dev</span>
-      <select id="env-selector" class="env-selector">
-        <option value="staging">STAGING</option>
-        <option value="production">PRODUCTION</option>
-      </select>
       <button id="mode-badge" class="mode-badge mode-mock" title="Click to switch mode">MOCK &#8646;</button>
     </div>
     <div class="toolbar-right">
@@ -27,23 +23,14 @@
   <div id="login-modal" class="modal-overlay" style="display: none">
     <div class="modal">
       <h3>Connect to FIAS</h3>
-      <p>Sign in to your FIAS account to enable live mode with real AI responses.</p>
-      <div id="login-popup-section">
-        <button id="login-popup-btn" class="btn-primary btn-full">Sign in with FIAS</button>
-        <p id="login-popup-hint" class="modal-hint" style="display:none">
-          Popup blocked? <a id="login-popup-link" href="#" target="_blank" style="color:#a78bfa">Open login page manually</a>
-        </p>
-        <div class="modal-divider"><span>or</span></div>
-        <button id="login-manual-toggle" class="btn-link">Enter API key manually</button>
-      </div>
-      <div id="login-manual-section" style="display:none">
-        <input id="login-input" type="password" class="modal-input" placeholder="fias_sk_..." autocomplete="off" />
-        <div class="modal-actions">
-          <button id="login-cancel" class="btn-secondary">Cancel</button>
-          <button id="login-submit" class="btn-primary">Save &amp; Connect</button>
-        </div>
-      </div>
+      <p>Enter your API key to enable live mode with real AI responses.</p>
+      <p class="modal-hint">Get an API key from your FIAS platform account settings.</p>
+      <input id="login-input" type="password" class="modal-input" placeholder="fias_sk_..." autocomplete="off" />
       <div id="login-error" class="modal-error" style="display: none"></div>
+      <div class="modal-actions">
+        <button id="login-cancel" class="btn-secondary">Cancel</button>
+        <button id="login-submit" class="btn-primary">Save &amp; Connect</button>
+      </div>
     </div>
   </div>
   <div id="plugin-status" class="plugin-status">

package/dist/server/static/harness.js

@@ -26,21 +26,12 @@
   var loginError = document.getElementById('login-error');
   var loginSubmit = document.getElementById('login-submit');
   var loginCancel = document.getElementById('login-cancel');
-  var envSelector = document.getElementById('env-selector');
-  var loginPopupBtn = document.getElementById('login-popup-btn');
-  var loginPopupHint = document.getElementById('login-popup-hint');
-  var loginPopupLink = document.getElementById('login-popup-link');
-  var loginManualToggle = document.getElementById('login-manual-toggle');
-  var loginManualSection = document.getElementById('login-manual-section');
-  var loginPopupSection = document.getElementById('login-popup-section');
 
   var messageCount = 0;
   var currentTheme = 'dark';
   var currentMode = 'mock';
-  var currentEnvironment = 'staging';
   var hasCredentials = false;
   var cachedConfig = null;
-  var authPollInterval = null;
 
   /** Permission requirements per bridge call type (matches production) */
   var PERMISSION_MAP = {
@@ -71,10 +62,8 @@
     cachedConfig = config;
     currentTheme = config.mockTheme || 'dark';
     currentMode = config.mode || 'mock';
-    currentEnvironment = config.environment || 'staging';
     hasCredentials = config.hasCredentials || false;
 
-    envSelector.value = currentEnvironment;
     updateThemeBadge();
     updateModeBadge();
 
@@ -149,42 +138,6 @@
     }
   });
 
-  // Environment selector
-  envSelector.addEventListener('change', function () {
-    fetch('/api/environment', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ environment: envSelector.value }),
-    })
-      .then(function (r) {
-        return r.json();
-      })
-      .then(function (data) {
-        currentEnvironment = data.environment;
-        currentMode = data.mode;
-        hasCredentials = data.hasCredentials;
-        updateModeBadge();
-
-        if (currentMode === 'live') {
-          creditBalance.style.display = 'inline';
-          fetchCredits();
-        } else {
-          creditBalance.style.display = 'none';
-          creditBalance.textContent = '';
-        }
-
-        logMessage(
-          'info',
-          'Environment: ' +
-            currentEnvironment.toUpperCase() +
-            (hasCredentials ? '' : ' (not authenticated)'),
-        );
-      })
-      .catch(function (err) {
-        logMessage('error', err.message);
-      });
-  });
-
   function switchMode(newMode) {
     fetch('/api/mode', {
       method: 'POST',
@@ -223,19 +176,15 @@
 
   function showLoginModal() {
     loginModal.style.display = 'flex';
-    loginPopupSection.style.display = 'block';
-    loginManualSection.style.display = 'none';
-    loginPopupHint.style.display = 'none';
+    loginInput.value = '';
     loginError.style.display = 'none';
-    loginPopupBtn.disabled = false;
-    loginPopupBtn.textContent = 'Sign in with FIAS';
+    loginInput.focus();
   }
 
   function hideLoginModal() {
     loginModal.style.display = 'none';
     loginInput.value = '';
     loginError.style.display = 'none';
-    stopAuthPolling();
   }
 
   loginCancel.addEventListener('click', hideLoginModal);
@@ -244,13 +193,6 @@
     if (e.target === loginModal) hideLoginModal();
   });
 
-  // Toggle to manual key entry
-  loginManualToggle.addEventListener('click', function () {
-    loginPopupSection.style.display = 'none';
-    loginManualSection.style.display = 'block';
-    loginInput.focus();
-  });
-
   loginInput.addEventListener('keydown', function (e) {
     if (e.key === 'Enter') submitLogin();
     if (e.key === 'Escape') hideLoginModal();
@@ -258,39 +200,6 @@
 
   loginSubmit.addEventListener('click', submitLogin);
 
-  // Popup-based login
-  loginPopupBtn.addEventListener('click', function () {
-    loginPopupBtn.disabled = true;
-    loginPopupBtn.textContent = 'Opening...';
-
-    fetch('/api/auth/start', { method: 'POST' })
-      .then(function (r) {
-        return r.json();
-      })
-      .then(function (data) {
-        var popup = window.open(data.authUrl, 'fias-auth', 'width=500,height=650');
-
-        if (!popup || popup.closed) {
-          // Popup was blocked — show fallback link
-          loginPopupHint.style.display = 'block';
-          loginPopupLink.href = data.authUrl;
-          loginPopupBtn.disabled = false;
-          loginPopupBtn.textContent = 'Sign in with FIAS';
-        } else {
-          loginPopupBtn.textContent = 'Waiting for sign-in...';
-        }
-
-        // Start polling as fallback (works even if popup can't postMessage)
-        startAuthPolling();
-      })
-      .catch(function (err) {
-        loginError.textContent = err.message;
-        loginError.style.display = 'block';
-        loginPopupBtn.disabled = false;
-        loginPopupBtn.textContent = 'Sign in with FIAS';
-      });
-  });
-
   function submitLogin() {
     var apiKey = loginInput.value.trim();
     if (!apiKey) {
@@ -332,57 +241,11 @@
       });
   }
 
-  // Auth polling — fallback for popup blocked or postMessage unavailable
-  function startAuthPolling() {
-    if (authPollInterval) return;
-    authPollInterval = setInterval(function () {
-      fetch('/api/config')
-        .then(function (r) {
-          return r.json();
-        })
-        .then(function (config) {
-          if (config.hasCredentials && !hasCredentials) {
-            hasCredentials = true;
-            stopAuthPolling();
-            hideLoginModal();
-            logMessage('info', 'Authenticated for ' + currentEnvironment.toUpperCase());
-            switchMode('live');
-          }
-        })
-        .catch(function () {});
-    }, 2000);
-  }
-
-  function stopAuthPolling() {
-    if (authPollInterval) {
-      clearInterval(authPollInterval);
-      authPollInterval = null;
-    }
-  }
-
   // ────────────────────────────────────────────────────────────────
   // Message Handling
   // ────────────────────────────────────────────────────────────────
 
   window.addEventListener('message', function (event) {
-    // Handle auth callback from popup
-    if (event.data && event.data.type === 'auth_callback') {
-      stopAuthPolling();
-      if (event.data.success) {
-        hasCredentials = true;
-        hideLoginModal();
-        logMessage('info', 'Authenticated for ' + currentEnvironment.toUpperCase());
-        switchMode('live');
-      } else {
-        loginError.textContent = event.data.error || 'Authentication failed';
-        loginError.style.display = 'block';
-      }
-      loginPopupBtn.disabled = false;
-      loginPopupBtn.textContent = 'Sign in with FIAS';
-      return;
-    }
-
-    // Handle plugin iframe messages
     if (event.source !== iframe.contentWindow) return;
 
     var data = event.data;
@@ -556,51 +419,32 @@
   var SPACING = { xs: '4px', sm: '8px', md: '16px', lg: '24px', xl: '32px' };
   var FONTS = { body: SYSTEM_FONTS, heading: SYSTEM_FONTS, mono: MONO_FONTS };
 
-  var COMPONENTS = {
-    borderRadius: '0.5rem',
-    buttonRadius: '0.375rem',
-    cardRadius: '0.5rem',
-    inputRadius: '0.375rem',
-    shadowSm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-    shadowMd: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',
-    shadowLg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',
-    borderWidth: '1px',
-  };
-
   function getTheme() {
     if (currentTheme === 'light') {
       return {
         mode: 'light',
         colors: {
-          primary: '#171717', primaryText: '#ffffff',
-          secondary: '#e5e5e5', accent: '#2563eb',
+          primary: '#171717', secondary: '#e5e5e5',
           background: '#ffffff', surface: '#fafafa',
-          card: '#ffffff', cardText: '#0a0a0a',
           text: '#0a0a0a', textSecondary: '#737373',
-          muted: '#f5f5f5', mutedText: '#a3a3a3',
           border: '#e5e5e5',
-          error: '#dc2626', warning: '#d97706', success: '#16a34a', info: '#2563eb',
+          error: '#dc2626', warning: '#d97706', success: '#16a34a',
         },
         spacing: SPACING,
         fonts: FONTS,
-        components: COMPONENTS,
       };
     }
     return {
       mode: 'dark',
       colors: {
-        primary: '#ffffff', primaryText: '#0a0a0a',
-        secondary: '#1f1f1f', accent: '#3b82f6',
+        primary: '#ffffff', secondary: '#1f1f1f',
         background: '#0a0a0a', surface: '#171717',
-        card: '#141414', cardText: '#ffffff',
         text: '#ffffff', textSecondary: '#a6a6a6',
-        muted: '#1e1e1e', mutedText: '#737373',
         border: '#2e2e2e',
-        error: '#ef4444', warning: '#f59e0b', success: '#22c55e', info: '#3b82f6',
+        error: '#ef4444', warning: '#f59e0b', success: '#22c55e',
       },
       spacing: SPACING,
       fonts: FONTS,
-      components: COMPONENTS,
     };
   }