@jacobbd/relay-ai 0.6.0 → 0.6.1

package/dist/{provider-templates-6XYKAZB5.js → provider-templates-BPGB5V2L.js}

@@ -7,7 +7,7 @@ import {
   listAddableTemplates,
   listSupportedTemplates,
   listVisibleOAuthTemplates
-} from "./chunk-MVBA7ABV.js";
+} from "./chunk-EJONCU3B.js";
 init_provider_templates();
 export {
   PROVIDER_TEMPLATES,
@@ -17,4 +17,4 @@ export {
   listSupportedTemplates,
   listVisibleOAuthTemplates
 };
-//# sourceMappingURL=provider-templates-6XYKAZB5.js.map
+//# sourceMappingURL=provider-templates-BPGB5V2L.js.map

package/dist/ui/public/app.js

@@ -53,6 +53,7 @@ const state = {
       listenMode: 'local',        // 'local' | 'network'
       passwordMode: 'new',        // 'saved' | 'new'
       password: '',
+      passwordVisible: false,
       savePassword: false,
     },
   },
@@ -1059,6 +1060,8 @@ function buildProviderBodyContent(provider) {
       const countEl = document.querySelector(`[data-id="${CSS.escape(provider.id)}"] .provider-models-count`);
       if (countEl) countEl.textContent = `${result.count} models`;
       provider.modelCount = result.count;
+      state.modelsLoaded = false;
+      await initModels();
     } else {
       feedback.textContent = result.error ?? 'Refresh failed';
       feedback.className = 'key-feedback error';
@@ -1179,6 +1182,8 @@ function buildOAuthProviderBodyContent(provider) {
       feedback.className = 'key-feedback success';
       const countEl = document.querySelector(`[data-id="${CSS.escape(provider.id)}"] .provider-models-count`);
       if (countEl) countEl.textContent = `${result.count} models`;
+      state.modelsLoaded = false;
+      await initModels();
     } else {
       feedback.textContent = result.error ?? 'Refresh failed';
       feedback.className = 'key-feedback error';
@@ -1612,6 +1617,18 @@ async function initModels() {
     state.modelsError = String(err);
     state.modelsLoaded = true;
   }
+  // Keep the Providers header counts in sync after add / delete / OAuth / refresh.
+  renderProviderStats();
+  // Server tab caches its provider checklist — invalidate so new providers appear without a full reload.
+  invalidateServerProviderCache();
+}
+
+function invalidateServerProviderCache() {
+  state.server.form.providersLoaded = false;
+  if (state.server.status?.running) return;
+  if (state.server.form.expose !== 'specific') return;
+  if (!document.getElementById('server-panel')) return;
+  void loadServerProviders().then(() => renderServerPanel());
 }
 
 async function init() {
@@ -2264,7 +2281,14 @@ function seedServerFormFromSaved(saved) {
   f.maskGatewayIds = saved.maskGatewayIds;
   // Published Docker ports only reach 0.0.0.0 inside the container.
   f.listenMode = isServerAdminUi() || saved.listenMode === 'network' ? 'network' : 'local';
-  f.passwordMode = saved.hasSavedPassword ? 'saved' : 'new';
+  // Env password (Docker): prefill the field so Start works and clients can copy it.
+  // Keychain-saved password: keep "Use saved" (value never sent to the browser).
+  if (saved.prefillPassword && !f.password) {
+    f.password = saved.prefillPassword;
+    f.passwordMode = 'new';
+  } else {
+    f.passwordMode = saved.hasSavedPassword ? 'saved' : 'new';
+  }
   if (f.expose === 'specific') loadServerProviders().then(renderServerPanel);
 }
 
@@ -2305,6 +2329,10 @@ function renderServerPanel() {
     panel.innerHTML = '<div class="skeleton skeleton-card"></div>';
     return;
   }
+  // Lazy-load (or re-load after invalidate) when the specific-provider checklist is visible.
+  if (!s.status.running && s.form.expose === 'specific' && !s.form.providersLoaded) {
+    void loadServerProviders().then(() => renderServerPanel());
+  }
   panel.innerHTML = s.status.running ? renderServerRunning(s.status) : renderServerSetup(s);
 }
 
@@ -2364,16 +2392,22 @@ function renderServerNetworkOptions() {
   const s = state.server;
   const f = s.form;
   const hasSaved = Boolean(s.status?.saved?.hasSavedPassword);
+  const hasEnv = Boolean(s.status?.saved?.hasEnvPassword);
   const showPasswordInput = f.passwordMode === 'new' || !hasSaved;
+  const inputType = f.passwordVisible ? 'text' : 'password';
 
   return `
     <div class="server-network-options">
-      ${hasSaved ? toggleGroupHtml([
+      ${hasSaved && !hasEnv ? toggleGroupHtml([
         { label: 'Use saved password', active: f.passwordMode === 'saved', onClick: "setServerPasswordMode('saved')" },
         { label: 'Enter new password', active: f.passwordMode === 'new', onClick: "setServerPasswordMode('new')" },
       ]) : ''}
+      ${hasEnv && f.passwordMode === 'new' ? '<div class="server-field-hint">Prefilled from RELAY_AI_SERVER_PASSWORD</div>' : ''}
       ${showPasswordInput ? `
-        <input type="password" class="key-input" placeholder="Server password" value="${escapeHtml(f.password)}" oninput="setServerPassword(this.value)">
+        <div class="server-password-row">
+          <input type="${inputType}" class="key-input" id="server-password-input" placeholder="Server password" value="${escapeHtml(f.password)}" oninput="setServerPassword(this.value)" autocomplete="off">
+          <button type="button" class="btn btn-ghost server-password-reveal" onclick="toggleServerPasswordVisible()" aria-pressed="${f.passwordVisible ? 'true' : 'false'}">${f.passwordVisible ? 'Hide' : 'Reveal'}</button>
+        </div>
         <label class="server-toggle-row">
           <input type="checkbox" ${f.savePassword ? 'checked' : ''} onchange="setServerSavePassword(this.checked)">
           <span>Save this password for next time</span>
@@ -2581,6 +2615,12 @@ function setServerPassword(value) {
   state.server.form.password = value;
 }
 
+function toggleServerPasswordVisible() {
+  state.server.form.passwordVisible = !state.server.form.passwordVisible;
+  renderServerPanel();
+  document.getElementById('server-password-input')?.focus();
+}
+
 function setServerSavePassword(checked) {
   state.server.form.savePassword = checked;
 }
@@ -2676,6 +2716,7 @@ window.setServerFreeModelsOnly = setServerFreeModelsOnly;
 window.setServerListenMode = setServerListenMode;
 window.setServerPasswordMode = setServerPasswordMode;
 window.setServerPassword = setServerPassword;
+window.toggleServerPasswordVisible = toggleServerPasswordVisible;
 window.setServerSavePassword = setServerSavePassword;
 window.submitServerStart = submitServerStart;
 window.stopServerGateway = stopServerGateway;

package/dist/ui/public/style.css

@@ -1876,6 +1876,22 @@ input { font-family: inherit; }
   gap: 10px;
 }
 
+.server-password-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.server-password-row .key-input {
+  flex: 1;
+  min-width: 0;
+}
+
+.server-password-reveal {
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
 .server-provider-chips {
   display: flex;
   flex-wrap: wrap;

package/dist/{ui-command-DJZIIIWC.js → ui-command-EQJIZRZZ.js}

@@ -25,6 +25,7 @@ import {
   gatewayProviderLabel,
   getAppHome,
   getAppPathOverride,
+  getEnvServerPassword,
   getSavedServerPassword,
   getServerExposedProviders,
   getServerFavoritesOnly,
@@ -71,14 +72,14 @@ import {
   supportsClaudeTransparentMode,
   validateCustomEndpointUrl,
   writeSecureLogLine
-} from "./chunk-SV2Y6OCD.js";
+} from "./chunk-P4S42QJK.js";
 import {
   __toCommonJS,
   init_provider_templates,
   listAddableTemplates,
   listVisibleOAuthTemplates,
   provider_templates_exports
-} from "./chunk-MVBA7ABV.js";
+} from "./chunk-EJONCU3B.js";
 
 // src/ui-command.ts
 import { createServer } from "http";
@@ -385,13 +386,16 @@ function buildModelRows(models, gateway) {
   return rows.sort((a, b) => a.providerLabel.localeCompare(b.providerLabel) || a.name.localeCompare(b.name));
 }
 async function buildSavedConfig() {
+  const envPassword = getEnvServerPassword();
   return {
     favoritesOnly: getServerFavoritesOnly(),
     freeModelsOnly: getServerFreeModelsOnly(),
     exposedProviders: getServerExposedProviders(),
     maskGatewayIds: getServerMaskGatewayIds(),
     listenMode: getServerListenMode(),
-    hasSavedPassword: await hasSavedPasswordCached()
+    hasSavedPassword: await hasSavedPasswordCached(),
+    hasEnvPassword: Boolean(envPassword),
+    ...envPassword ? { prefillPassword: envPassword } : {}
   };
 }
 async function getServerStatus(opts) {
@@ -445,16 +449,26 @@ async function doStartGatewayServer(req, opts) {
   let serverPassword = null;
   if (req.listenMode === "network") {
     if (req.passwordMode === "saved") {
-      const saved = await getSavedServerPassword();
-      if (!saved) return { ok: false, error: "No saved password found \u2014 enter a new password." };
-      serverPassword = saved;
+      const configured = await getSavedServerPassword() ?? getEnvServerPassword();
+      if (!configured) {
+        return {
+          ok: false,
+          error: "No configured password found \u2014 set RELAY_AI_SERVER_PASSWORD, or enter a new password."
+        };
+      }
+      serverPassword = configured;
     } else {
       const trimmed = (req.password ?? "").trim();
-      if (!trimmed) return { ok: false, error: "A server password is required for network mode." };
-      serverPassword = trimmed;
-      if (req.savePassword) {
-        await setSavedServerPassword(trimmed);
-        hasSavedPasswordCache = { value: true, expiresAt: Date.now() + SAVED_PASSWORD_CACHE_TTL_MS };
+      if (!trimmed) {
+        const configured = getEnvServerPassword() ?? await getSavedServerPassword();
+        if (!configured) return { ok: false, error: "A server password is required for network mode." };
+        serverPassword = configured;
+      } else {
+        serverPassword = trimmed;
+        if (req.savePassword) {
+          await setSavedServerPassword(trimmed);
+          hasSavedPasswordCache = { value: true, expiresAt: Date.now() + SAVED_PASSWORD_CACHE_TTL_MS };
+        }
       }
     }
   }
@@ -807,7 +821,7 @@ async function handleAddProvider(req, res) {
       sendJson(res, 400, { error: "templateId required" });
       return;
     }
-    const { listSupportedTemplates } = await import("./provider-templates-6XYKAZB5.js");
+    const { listSupportedTemplates } = await import("./provider-templates-BPGB5V2L.js");
     const template = listSupportedTemplates().find((t) => t.id === templateId);
     if (!template) {
       sendJson(res, 404, { error: `Template '${templateId}' not found` });
@@ -1564,4 +1578,4 @@ export {
   resolveUiShutdownDecision,
   runUiCommand
 };
-//# sourceMappingURL=ui-command-DJZIIIWC.js.map
+//# sourceMappingURL=ui-command-EQJIZRZZ.js.map