@jacobbd/relay-ai 0.4.7 → 0.4.8

package/dist/cli.js

@@ -171,7 +171,7 @@ import {
   validateCustomEndpointUrl,
   writeSecureLogLine,
   zenRegistryStub
-} from "./chunk-XQCHSU6L.js";
+} from "./chunk-I3SSHXSP.js";
 import {
   filterTemplates,
   init_provider_templates,
@@ -13461,7 +13461,7 @@ Error: ${parsed.error}
       console.log("Usage: relay-ai ui [--trace]\n\nOpen the settings UI in your browser.");
       return 0;
     }
-    const { runUiCommand } = await import("./ui-command-W2W6P6VJ.js");
+    const { runUiCommand } = await import("./ui-command-P27KHEJG.js");
     return runUiCommand({ trace: parsed.trace });
   }
   if (parsed.command === "models") {

package/dist/ui/public/app.js

@@ -2332,10 +2332,14 @@ function renderServerProviderPicker() {
     const label = p ? p.name : id;
     return `<span class="server-provider-chip">${escapeHtml(label)}<button type="button" onclick="toggleServerProvider('${id}')" aria-label="Remove ${escapeHtml(label)}">&times;</button></span>`;
   }).join('');
+  const allFreeNote = s.form.freeModelsOnly && s.form.exposedProviders.length === 0
+    ? '<div class="server-field-hint">No providers selected — exposing free models from every available provider.</div>'
+    : '';
 
   return `
     <div class="server-providers-picker">
       ${chips ? `<div class="server-provider-chips">${chips}</div>` : ''}
+      ${allFreeNote}
       <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 providers to expose…" value="${escapeHtml(s.form.providerSearch)}" oninput="setServerProviderSearch(this.value)">
@@ -2377,13 +2381,27 @@ function renderServerNetworkOptions() {
 function renderServerSetup(s) {
   const f = s.form;
   const specific = f.expose === 'specific';
-  const providersOk = f.expose === 'favorites' || (specific && f.exposedProviders.length > 0);
+  const hasProviders = f.exposedProviders.length > 0;
+  // Free-only with no providers selected = expose free models from every provider
+  // (backend: exposedProviders null + freeModelsOnly). Otherwise require a selection.
+  const providersOk = f.expose === 'favorites'
+    || (specific && hasProviders)
+    || (specific && f.freeModelsOnly);
   const passwordOk = f.listenMode !== 'network' || f.passwordMode === 'saved' || f.password.trim().length > 0;
   const canStart = providersOk && passwordOk && !s.starting;
 
   let hint = '';
-  if (!providersOk) hint = 'Select at least one provider to expose.';
-  else if (!passwordOk) hint = 'Enter a server password for network mode.';
+  if (!providersOk) {
+    hint = f.freeModelsOnly
+      ? 'Select at least one provider, or leave none selected to expose free models from all providers.'
+      : 'Select at least one provider to expose.';
+  } else if (!passwordOk) {
+    hint = 'Enter a server password for network mode.';
+  }
+
+  const freeModelsHint = specific
+    ? 'With providers selected, only their free models are exposed. With none selected, free models from every available provider are exposed.'
+    : 'Includes verified $0 models and free developer access.';
 
   return `
     <div class="server-setup">
@@ -2405,6 +2423,7 @@ function renderServerSetup(s) {
           <input type="checkbox" ${f.freeModelsOnly ? 'checked' : ''} onchange="setServerFreeModelsOnly(this.checked)">
           <span>Free models only <span class="server-field-hint">(includes verified $0 models and free developer access)</span></span>
         </label>
+        <div class="server-field-hint">${escapeHtml(freeModelsHint)}</div>
       </div>
 
       <div class="server-field">
@@ -2475,8 +2494,8 @@ function renderServerRunning(status) {
     <tr>
       <td>${escapeHtml(m.providerLabel)}</td>
       <td>${escapeHtml(m.name)}</td>
-      <td><code>${escapeHtml(m.anthropicId)}</code></td>
-      <td><code>${escapeHtml(m.openaiId)}</code></td>
+      <td>${serverIdCell(m.anthropicId)}</td>
+      <td>${serverIdCell(m.openaiId)}</td>
     </tr>
   `).join('');
 
@@ -2531,6 +2550,8 @@ function setServerMask(checked) {
 
 function setServerFreeModelsOnly(checked) {
   state.server.form.freeModelsOnly = checked;
+  state.server.error = null;
+  renderServerPanel();
 }
 
 function setServerListenMode(mode) {
@@ -2561,7 +2582,10 @@ async function submitServerStart() {
   const body = {
     favoritesOnly: f.expose === 'favorites',
     freeModelsOnly: f.freeModelsOnly,
-    exposedProviders: f.expose === 'specific' ? f.exposedProviders : null,
+    // Empty specific selection + free-only → null (all providers, free filter applied server-side).
+    exposedProviders: f.expose === 'specific' && f.exposedProviders.length > 0
+      ? f.exposedProviders
+      : null,
     maskGatewayIds: f.maskGatewayIds,
     listenMode: f.listenMode,
     passwordMode: f.passwordMode,
@@ -2599,10 +2623,18 @@ async function stopServerGateway() {
   }
 }
 
-async function copyServerValue(id) {
-  const el = document.getElementById(id);
-  if (!el) return;
-  const text = el.dataset.value ?? el.textContent;
+function serverIdCell(id) {
+  const value = String(id ?? '');
+  if (!value) return '<span class="server-id-empty">—</span>';
+  return `
+    <div class="server-id-cell">
+      <code title="${escapeHtml(value)}">${escapeHtml(value)}</code>
+      <button type="button" class="btn btn-ghost btn-sm server-id-copy" onclick='copyPlainText(${JSON.stringify(value)})'>Copy</button>
+    </div>
+  `;
+}
+
+async function copyPlainText(text) {
   try {
     await navigator.clipboard.writeText(text);
     showToast('Copied to clipboard');
@@ -2611,6 +2643,12 @@ async function copyServerValue(id) {
   }
 }
 
+async function copyServerValue(id) {
+  const el = document.getElementById(id);
+  if (!el) return;
+  await copyPlainText(el.dataset.value ?? el.textContent);
+}
+
 function toggleServerApiKeyVisibility() {
   const el = document.getElementById('server-api-key-value');
   if (!el) return;
@@ -2630,4 +2668,5 @@ window.setServerSavePassword = setServerSavePassword;
 window.submitServerStart = submitServerStart;
 window.stopServerGateway = stopServerGateway;
 window.copyServerValue = copyServerValue;
+window.copyPlainText = copyPlainText;
 window.toggleServerApiKeyVisibility = toggleServerApiKeyVisibility;

package/dist/ui/public/style.css

@@ -401,6 +401,10 @@ input { font-family: inherit; }
   max-width: 680px;
 }
 
+#server.section {
+  max-width: 920px;
+}
+
 .section + .section {
   padding-top: 64px;
   margin-top: 12px;
@@ -1883,6 +1887,7 @@ input { font-family: inherit; }
 
 .server-model-table {
   width: 100%;
+  table-layout: fixed;
   border-collapse: collapse;
   font-size: 14px;
 }
@@ -1899,16 +1904,45 @@ input { font-family: inherit; }
   border-bottom: 1px solid var(--border);
 }
 
+.server-model-table th:nth-child(1) { width: 18%; }
+.server-model-table th:nth-child(2) { width: 22%; }
+.server-model-table th:nth-child(3),
+.server-model-table th:nth-child(4) { width: 30%; }
+
 .server-model-table td {
   padding: 9px 14px;
   border-bottom: 1px solid var(--border);
   color: var(--text-1);
+  vertical-align: middle;
+  overflow: hidden;
 }
 
 .server-model-table tr:last-child td { border-bottom: none; }
 
-.server-model-table code {
+.server-id-cell {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.server-id-cell code {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   font-family: 'SF Mono', 'Fira Code', ui-monospace, monospace;
   font-size: 12px;
   color: var(--text-2);
 }
+
+.server-id-copy {
+  flex-shrink: 0;
+  padding: 3px 8px;
+  font-size: 12px;
+}
+
+.server-id-empty {
+  color: var(--text-3);
+}

package/dist/{ui-command-W2W6P6VJ.js → ui-command-P27KHEJG.js}

@@ -66,7 +66,7 @@ import {
   supportsClaudeTransparentMode,
   validateCustomEndpointUrl,
   writeSecureLogLine
-} from "./chunk-XQCHSU6L.js";
+} from "./chunk-I3SSHXSP.js";
 import {
   __toCommonJS,
   init_provider_templates,
@@ -478,7 +478,9 @@ async function doStartGatewayServer(req) {
   }
   setServerFavoritesOnly(req.favoritesOnly);
   setServerFreeModelsOnly(req.freeModelsOnly);
-  if (req.exposedProviders) setServerExposedProviders(req.exposedProviders);
+  if (!req.favoritesOnly) {
+    setServerExposedProviders(req.exposedProviders ?? []);
+  }
   setServerMaskGatewayIds(req.maskGatewayIds);
   setServerListenMode(req.listenMode);
   const host = req.listenMode === "network" ? "0.0.0.0" : "127.0.0.1";
@@ -1487,4 +1489,4 @@ export {
   resolveUiShutdownDecision,
   runUiCommand
 };
-//# sourceMappingURL=ui-command-W2W6P6VJ.js.map
+//# sourceMappingURL=ui-command-P27KHEJG.js.map