@jacobbd/relay-ai 0.6.0 → 0.6.2

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

@@ -41,6 +41,7 @@ const state = {
     status: null,
     error: null,
     starting: false,
+    modelSearch: '',
     form: {
       seeded: false,
       expose: 'favorites',        // 'favorites' | 'specific'
@@ -53,6 +54,7 @@ const state = {
       listenMode: 'local',        // 'local' | 'network'
       passwordMode: 'new',        // 'saved' | 'new'
       password: '',
+      passwordVisible: false,
       savePassword: false,
     },
   },
@@ -1059,6 +1061,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 +1183,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 +1618,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 +2282,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 +2330,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 +2393,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>
@@ -2502,15 +2537,6 @@ function renderServerRunning(status) {
   configBits.push(status.maskGatewayIds ? 'Discovery ids masked' : 'Discovery ids raw');
   configBits.push(status.listenMode === 'network' ? 'Network' : 'Local only');
 
-  const modelRows = (status.models ?? []).map(m => `
-    <tr>
-      <td>${escapeHtml(m.providerLabel)}</td>
-      <td>${escapeHtml(m.name)}</td>
-      <td>${serverIdCell(m.anthropicId)}</td>
-      <td>${serverIdCell(m.openaiId)}</td>
-    </tr>
-  `).join('');
-
   return `
     <div class="server-running">
       <div class="server-status-row">
@@ -2524,16 +2550,63 @@ function renderServerRunning(status) {
         ${urlCards.join('')}
         ${apiKeyCard}
       </div>
+      <div class="server-models-header">
+        <div class="search-field">
+          <svg class="search-icon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
+          <input type="search" class="search-input" placeholder="Search exposed models…" value="${escapeHtml(state.server.modelSearch)}" oninput="setServerModelSearch(this.value)">
+        </div>
+        <span class="server-models-count" id="server-models-count">${serverModelsCountText()}</span>
+      </div>
       <div class="server-model-table-wrap">
         <table class="server-model-table">
           <thead><tr><th>Provider</th><th>Model</th><th>Anthropic ID</th><th>OpenAI ID</th></tr></thead>
-          <tbody>${modelRows || '<tr><td colspan="4" class="fav-empty">No models exposed.</td></tr>'}</tbody>
+          <tbody id="server-model-tbody">${buildServerModelRows()}</tbody>
         </table>
       </div>
     </div>
   `;
 }
 
+function filteredServerModels() {
+  const models = state.server.status?.models ?? [];
+  const q = state.server.modelSearch.trim().toLowerCase();
+  if (!q) return models;
+  return models.filter(m =>
+    m.providerLabel.toLowerCase().includes(q)
+    || m.name.toLowerCase().includes(q)
+    || m.anthropicId.toLowerCase().includes(q)
+    || m.openaiId.toLowerCase().includes(q)
+  );
+}
+
+function buildServerModelRows() {
+  const rows = filteredServerModels().map(m => `
+    <tr>
+      <td>${escapeHtml(m.providerLabel)}</td>
+      <td>${escapeHtml(m.name)}</td>
+      <td>${serverIdCell(m.anthropicId)}</td>
+      <td>${serverIdCell(m.openaiId)}</td>
+    </tr>
+  `).join('');
+  const total = state.server.status?.models?.length ?? 0;
+  if (rows) return rows;
+  return `<tr><td colspan="4" class="fav-empty">${total === 0 ? 'No models exposed.' : 'No models match your search.'}</td></tr>`;
+}
+
+function serverModelsCountText() {
+  const total = state.server.status?.models?.length ?? 0;
+  const shown = filteredServerModels().length;
+  return shown === total ? `${total} model${total !== 1 ? 's' : ''}` : `Showing ${shown} of ${total} models`;
+}
+
+function setServerModelSearch(value) {
+  state.server.modelSearch = value;
+  const tbody = document.getElementById('server-model-tbody');
+  if (tbody) tbody.innerHTML = buildServerModelRows();
+  const count = document.getElementById('server-models-count');
+  if (count) count.textContent = serverModelsCountText();
+}
+
 function setServerExpose(mode) {
   state.server.form.expose = mode;
   state.server.error = null;
@@ -2581,6 +2654,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;
 }
@@ -2671,11 +2750,13 @@ function toggleServerApiKeyVisibility() {
 window.setServerExpose = setServerExpose;
 window.toggleServerProvider = toggleServerProvider;
 window.setServerProviderSearch = setServerProviderSearch;
+window.setServerModelSearch = setServerModelSearch;
 window.setServerMask = setServerMask;
 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;
@@ -2010,6 +2026,21 @@ input { font-family: inherit; }
 
 .url-card-value.masked { letter-spacing: 0.15em; }
 
+.server-models-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 8px;
+}
+
+.server-models-header .search-field { flex: 1; }
+
+.server-models-count {
+  font-size: 14px;
+  color: var(--text-3);
+  white-space: nowrap;
+}
+
 .server-model-table-wrap {
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);

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

@@ -25,7 +25,9 @@ import {
   gatewayProviderLabel,
   getAppHome,
   getAppPathOverride,
+  getEnvServerPassword,
   getSavedServerPassword,
+  getServerDebugLogPath,
   getServerExposedProviders,
   getServerFavoritesOnly,
   getServerFreeModelsOnly,
@@ -39,6 +41,7 @@ import {
   loadServerModels,
   makeTraceLogger,
   openAiDeviceCodeUrl,
+  openAiIdCollisions,
   pollGithubDeviceCodeToken,
   pollOpenAiDeviceCodeToken,
   pollXaiDeviceCodeToken,
@@ -71,14 +74,14 @@ import {
   supportsClaudeTransparentMode,
   validateCustomEndpointUrl,
   writeSecureLogLine
-} from "./chunk-SV2Y6OCD.js";
+} from "./chunk-I3I5LKZI.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";
@@ -378,20 +381,24 @@ function buildModelRows(models, gateway) {
     if (list) list.push(model);
     else groups.set(label, [model]);
   }
+  const collisions = openAiIdCollisions(models);
   const rows = [];
   for (const [providerLabel, groupModels] of groups) {
-    for (const row of buildDedupedModelRows(groupModels, gateway)) rows.push({ providerLabel, ...row });
+    for (const row of buildDedupedModelRows(groupModels, gateway, collisions)) rows.push({ providerLabel, ...row });
   }
   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 +452,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 };
+        }
       }
     }
   }
@@ -502,7 +519,8 @@ async function doStartGatewayServer(req, opts) {
       serverPassword,
       catalog: createGatewayModelCatalog(models, gateway),
       backends: BACKENDS,
-      gateway
+      gateway,
+      debugLogPath: getServerDebugLogPath()
     });
   } catch (err) {
     const code = err?.code;
@@ -807,7 +825,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 +1582,4 @@ export {
   resolveUiShutdownDecision,
   runUiCommand
 };
-//# sourceMappingURL=ui-command-DJZIIIWC.js.map
+//# sourceMappingURL=ui-command-GNCQS7F7.js.map