@jacobbd/relay-ai 0.4.9 → 0.6.0

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

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

package/dist/ui/public/app.js

@@ -3,7 +3,7 @@ import {
   getProviderModelPage,
   PROVIDER_MODEL_PAGE_SIZE,
 } from './provider-model-browser.js';
-import { copyDeviceCode, oauthConnectionLabel } from './oauth-device.js';
+import { copyDeviceCode, copyTextToClipboard, oauthConnectionLabel } from './oauth-device.js';
 import { providerInitial, providerLogoHtml } from './provider-logo.js';
 
 // ─── State ───────────────────────────────────────────────────────────────────
@@ -207,7 +207,7 @@ async function initUpdateIndicator() {
 
   document.getElementById('update-copy-btn')?.addEventListener('click', async () => {
     try {
-      await navigator.clipboard.writeText(UPDATE_COMMAND);
+      await copyTextToClipboard(UPDATE_COMMAND);
       showToast('Update command copied');
     } catch {
       showToast('Could not copy the update command');
@@ -1519,8 +1519,15 @@ function updateAgyCounter() {
 
 // ─── Sidebar nav highlight ────────────────────────────────────────────────────
 
+function isServerAdminUi() {
+  return document.documentElement.dataset.uiMode === 'server';
+}
+
 function initNav() {
-  const sectionIds = ['providers', 'favorites', 'antigravity', 'apps', 'server'];
+  // Host-only sections stay in the DOM but are CSS-hidden in server admin mode.
+  const sectionIds = isServerAdminUi()
+    ? ['providers', 'favorites', 'server']
+    : ['providers', 'favorites', 'antigravity', 'apps', 'server'];
   const navItems = document.querySelectorAll('.nav-item');
   const content = document.getElementById('content');
 
@@ -1616,11 +1623,13 @@ async function init() {
 
   await loadConfig();
   renderFavList();
-  renderAgyList();
-  updateAgyCounter();
   updateGeneralCounter();
-  await loadApps();
-  renderApps();
+  if (!isServerAdminUi()) {
+    renderAgyList();
+    updateAgyCounter();
+    await loadApps();
+    renderApps();
+  }
   renderProviders(); // shows skeletons
 
   initServerPolling();
@@ -1631,12 +1640,12 @@ async function init() {
   initModels().then(() => {
     renderProviders();
     renderProviderStats();
-    renderApps();
+    if (!isServerAdminUi()) renderApps();
     // Re-render favorites now that we have full provider names
     renderFavList();
-    renderAgyList();
+    if (!isServerAdminUi()) renderAgyList();
     if (state.modelFilter) buildModelResults(state.modelFilter, 'general');
-    if (state.agyFilter)   buildModelResults(state.agyFilter, 'agy');
+    if (!isServerAdminUi() && state.agyFilter) buildModelResults(state.agyFilter, 'agy');
     syncProviderModelBrowserFromHash();
   });
 
@@ -2220,15 +2229,28 @@ document.addEventListener('click', (e) => {
 async function refreshServerStatus() {
   try {
     const data = await api('GET', '/api/server/status');
+    const wasRunning = Boolean(state.server.status?.running);
     state.server.status = data;
     if (!data.running) seedServerFormFromSaved(data.saved);
+    const runningChanged = wasRunning !== Boolean(data.running);
+    // Full innerHTML replace steals focus from password / search fields — skip while typing.
+    if (runningChanged || !isEditingInside(document.getElementById('server-panel'))) {
+      renderServerPanel();
+    }
   } catch {
     // Transient poll failure — keep showing the last known state.
   }
-  renderServerPanel();
   updateServerNavBadge();
 }
 
+function isEditingInside(root) {
+  if (!root) return false;
+  const el = document.activeElement;
+  if (!el || !root.contains(el)) return false;
+  const tag = el.tagName;
+  return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || el.isContentEditable;
+}
+
 function seedServerFormFromSaved(saved) {
   const f = state.server.form;
   if (f.seeded || !saved) return;
@@ -2240,7 +2262,8 @@ function seedServerFormFromSaved(saved) {
   f.freeModelsOnly = Boolean(saved.freeModelsOnly);
   f.exposedProviders = saved.exposedProviders ? [...saved.exposedProviders] : [];
   f.maskGatewayIds = saved.maskGatewayIds;
-  f.listenMode = saved.listenMode === 'network' ? 'network' : 'local';
+  // 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';
   if (f.expose === 'specific') loadServerProviders().then(renderServerPanel);
 }
@@ -2360,6 +2383,17 @@ function renderServerNetworkOptions() {
   `;
 }
 
+function renderServerListenField(f) {
+  if (isServerAdminUi()) {
+    return `<div class="server-field-hint">Network (required in container — use the published host port from the URL cards)</div>${renderServerNetworkOptions()}`;
+  }
+  const toggle = toggleGroupHtml([
+    { label: 'Local only', active: f.listenMode === 'local', onClick: "setServerListenMode('local')" },
+    { label: 'Network', active: f.listenMode === 'network', onClick: "setServerListenMode('network')" },
+  ]);
+  return f.listenMode === 'network' ? `${toggle}${renderServerNetworkOptions()}` : toggle;
+}
+
 function renderServerSetup(s) {
   const f = s.form;
   const specific = f.expose === 'specific';
@@ -2410,11 +2444,7 @@ function renderServerSetup(s) {
 
       <div class="server-field">
         <div class="server-field-label">Listen</div>
-        ${toggleGroupHtml([
-          { label: 'Local only', active: f.listenMode === 'local', onClick: "setServerListenMode('local')" },
-          { label: 'Network', active: f.listenMode === 'network', onClick: "setServerListenMode('network')" },
-        ])}
-        ${f.listenMode === 'network' ? renderServerNetworkOptions() : ''}
+        ${renderServerListenField(f)}
       </div>
 
       ${s.error ? `<div class="key-feedback error server-start-error">${escapeHtml(s.error)}</div>` : ''}
@@ -2618,7 +2648,7 @@ function serverIdCell(id) {
 
 async function copyPlainText(text) {
   try {
-    await navigator.clipboard.writeText(text);
+    await copyTextToClipboard(text);
     showToast('Copied to clipboard');
   } catch {
     showToast('Could not copy — copy manually');

package/dist/ui/public/index.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-ui-mode="{{UI_MODE}}">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

package/dist/ui/public/oauth-device.js

@@ -1,30 +1,55 @@
-/** Return the short credential label used on a provider card. */
-export function oauthConnectionLabel(provider) {
-  if (!provider?.hasKey) return provider?.freeAccess ? 'Free models' : 'Not configured';
-  if (provider.authType !== 'oauth') return 'Key stored';
-  const planLabel = provider.subscription?.label;
-  return typeof planLabel === 'string' && planLabel.trim()
-    ? `Connected · ${planLabel.trim()}`
-    : 'Connected';
-}
+/** Clipboard helpers for the web UI (works on http://LAN as well as https/localhost). */
 
-/** Copy a device code, with a small legacy fallback for older browser contexts. */
-export async function copyDeviceCode(code, clipboard = globalThis.navigator?.clipboard) {
-  if (clipboard?.writeText) {
-    await clipboard.writeText(code);
-    return;
+/**
+ * Copy text to the clipboard. Prefer the async Clipboard API in secure contexts;
+ * fall back to a hidden textarea + execCommand for plain HTTP (LAN Docker UI).
+ */
+export async function copyTextToClipboard(
+  text,
+  clipboard = globalThis.navigator?.clipboard,
+  doc = globalThis.document,
+) {
+  const secure = typeof globalThis.isSecureContext === 'boolean'
+    ? globalThis.isSecureContext
+    : Boolean(clipboard?.writeText);
+
+  if (secure && clipboard?.writeText) {
+    try {
+      await clipboard.writeText(text);
+      return;
+    } catch {
+      // Fall through — common on http://192.168.x.x where the API exists but throws.
+    }
   }
-  if (!globalThis.document?.body || typeof globalThis.document.execCommand !== 'function') {
+
+  if (!doc?.body || typeof doc.execCommand !== 'function') {
     throw new Error('Clipboard access is unavailable');
   }
-  const input = globalThis.document.createElement('textarea');
-  input.value = code;
+  const input = doc.createElement('textarea');
+  input.value = text;
   input.setAttribute('readonly', '');
   input.style.position = 'fixed';
+  input.style.left = '-9999px';
   input.style.opacity = '0';
-  globalThis.document.body.appendChild(input);
+  doc.body.appendChild(input);
   input.select();
-  const copied = globalThis.document.execCommand('copy');
+  input.setSelectionRange(0, input.value.length);
+  const copied = doc.execCommand('copy');
   input.remove();
   if (!copied) throw new Error('Copy failed');
 }
+
+/** @deprecated Prefer copyTextToClipboard — kept for existing call sites / tests. */
+export async function copyDeviceCode(code, clipboard = globalThis.navigator?.clipboard) {
+  return copyTextToClipboard(code, clipboard);
+}
+
+/** Return the short credential label used on a provider card. */
+export function oauthConnectionLabel(provider) {
+  if (!provider?.hasKey) return provider?.freeAccess ? 'Free models' : 'Not configured';
+  if (provider.authType !== 'oauth') return 'Key stored';
+  const planLabel = provider.subscription?.label;
+  return typeof planLabel === 'string' && planLabel.trim()
+    ? `Connected · ${planLabel.trim()}`
+    : 'Connected';
+}

package/dist/ui/public/provider-logo.js

@@ -2,9 +2,13 @@
 // Simple Icons URLs were verified when added; inline SVGs cover brands whose
 // official assets cannot be hotlinked reliably.
 
+const QWEN_CLOUD_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.38 140" style="width:22px;height:22px"><title>Qwen Cloud</title><path fill="#6D44E8" d="m140.93 85-16.35-28.33-1.93-3.34 8.66-15a3.323 3.323 0 0 0 0-3.34l-9.62-16.67c-.3-.51-.72-.93-1.22-1.22s-1.07-.45-1.67-.45H82.23l-8.66-15a3.33 3.33 0 0 0-2.89-1.67H51.43c-.59 0-1.17.16-1.66.45-.5.29-.92.71-1.22 1.22L32.19 29.98l-1.92 3.33H12.96c-.59 0-1.17.16-1.66.45-.5.29-.93.71-1.22 1.22L.45 51.66a3.323 3.323 0 0 0 0 3.34l18.28 31.67-8.66 15a3.32 3.32 0 0 0 0 3.34l9.62 16.67c.3.51.72.93 1.22 1.22s1.07.45 1.67.45h36.56l8.66 15a3.35 3.35 0 0 0 2.89 1.67h19.25a3.34 3.34 0 0 0 2.89-1.67l18.28-31.67h17.32c.6 0 1.17-.16 1.67-.45s.92-.71 1.22-1.22l9.62-16.67a3.323 3.323 0 0 0 0-3.34ZM51.44 3.33 61.07 20l-9.63 16.66h76.98l-9.62 16.66H45.67l-11.54-20zM57.21 120H22.58l9.63-16.67h19.25l-38.5-66.67h19.25l9.62 16.67L68.78 100l-11.55 20Zm61.59-33.34-9.62-16.67-38.49 66.67-9.63-16.67 9.63-16.66 26.94-46.67h23.1l17.32 30z"/></svg>`;
+
 const PROVIDER_INLINE_SVGS = {
   openai: `<svg viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg" style="width:20px;height:20px"><path d="M22.282 9.821a5.985 5.985 0 0 0-.516-4.91 6.046 6.046 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a5.985 5.985 0 0 0-3.998 2.9 6.046 6.046 0 0 0 .743 7.097 5.98 5.98 0 0 0 .51 4.911 6.051 6.051 0 0 0 6.515 2.9A5.985 5.985 0 0 0 13.26 24a6.056 6.056 0 0 0 5.772-4.206 5.99 5.99 0 0 0 3.997-2.9 6.056 6.056 0 0 0-.747-7.073zM13.26 22.43a4.476 4.476 0 0 1-2.876-1.04l.141-.081 4.779-2.758a.795.795 0 0 0 .392-.681v-6.737l2.02 1.168a.071.071 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494zM3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085 4.783 2.759a.771.771 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646zM2.34 7.896a4.485 4.485 0 0 1 2.366-1.973V11.6a.766.766 0 0 0 .388.676l5.815 3.355-2.02 1.168a.076.076 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.896zm16.597 3.855l-5.843-3.368L15.115 7.2a.076.076 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.403-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776 0 0 0-.785 0L9.409 9.23V6.897a.066.066 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08-4.778 2.758a.795.795 0 0 0-.393.681zm1.097-2.365l2.602-1.5 2.607 1.5v2.999l-2.597 1.5-2.607-1.5z"/></svg>`,
   kilo: `<svg viewBox="0 0 24 24" fill="white" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg" style="width:22px;height:22px"><title>Kilo Code</title><path d="M0 0v24h24V0H0zm22.222 22.222H1.778V1.778h20.444v20.444zm-7.555-4.964h2.222v1.778h-2.794L12.89 17.83v-2.794h1.778v2.222zm4 0h-1.778v-2.222h-2.222v-1.778h2.793l1.207 1.207v2.793zm-7.556-2.591H9.333v-1.778h1.778v1.778zm-5.778-1.778h1.778v4h4v1.778H6.54L5.333 17.46V12.89zm13.334-3.556v1.778h-5.778V9.333h1.987V7.111h-1.987V5.333h2.558l1.206 1.207v2.793h2.014zm-11.556-2h2.222l1.778 1.778v2H9.333v-2H7.111v2H5.333V5.333h1.778v2zm4 0H9.333v-2h1.778v2z"/></svg>`,
+  'qwen-cloud-token-plan': QWEN_CLOUD_SVG,
+  'qwen-cloud-payg': QWEN_CLOUD_SVG,
   xai: `<svg viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg" style="width:20px;height:20px"><path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"/></svg>`,
 };
 

package/dist/ui/public/style.css

@@ -1,4 +1,12 @@
 /* ─── Tokens ─────────────────────────────────────────────────────────────── */
+/* Server admin UI (Docker): hide host-only sections before JS runs */
+html[data-ui-mode="server"] .nav-item[data-section="apps"],
+html[data-ui-mode="server"] .nav-item[data-section="antigravity"],
+html[data-ui-mode="server"] #apps,
+html[data-ui-mode="server"] #antigravity {
+  display: none !important;
+}
+
 :root {
   /* Deep navy background — NOT flat black */
   --bg:              oklch(12% 0.038 265);

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

@@ -11,6 +11,7 @@ import {
   completeAntigravityExchange,
   copilotPlanTier,
   createGatewayModelCatalog,
+  ensureOpencodeCloudProviders,
   favoriteProviderDisplayName,
   fetchProviderCatalog,
   filterServerModelsByFavorites,
@@ -19,11 +20,11 @@ import {
   findBinaryOnPath,
   findClaudeApp,
   findCodexApp,
+  formatGatewayUrls,
   freeStatusLabel,
   gatewayProviderLabel,
   getAppHome,
   getAppPathOverride,
-  getLocalIps,
   getSavedServerPassword,
   getServerExposedProviders,
   getServerFavoritesOnly,
@@ -32,6 +33,7 @@ import {
   getServerMaskGatewayIds,
   getUiDebugLogPath,
   guiCallbackRedirectUri,
+  hostFromHeader,
   loadPreferences,
   loadRegistry,
   loadServerModels,
@@ -49,6 +51,8 @@ import {
   requestGithubDeviceCode,
   requestOpenAiDeviceCode,
   requestXaiDeviceCode,
+  resolveAdvertiseAddresses,
+  resolveAdvertiseGatewayPort,
   resolveProviderCredential,
   resolveServerUpstreamApiKey,
   saveNativeOAuthCredential,
@@ -67,14 +71,14 @@ import {
   supportsClaudeTransparentMode,
   validateCustomEndpointUrl,
   writeSecureLogLine
-} from "./chunk-XTBJCRT3.js";
+} from "./chunk-SV2Y6OCD.js";
 import {
   __toCommonJS,
   init_provider_templates,
   listAddableTemplates,
   listVisibleOAuthTemplates,
   provider_templates_exports
-} from "./chunk-DO5FAMNC.js";
+} from "./chunk-MVBA7ABV.js";
 
 // src/ui-command.ts
 import { createServer } from "http";
@@ -390,16 +394,18 @@ async function buildSavedConfig() {
     hasSavedPassword: await hasSavedPasswordCached()
   };
 }
-async function getServerStatus() {
+async function getServerStatus(opts) {
   const saved = await buildSavedConfig();
   if (!running) return { running: false, saved };
   const { handle, config, serverPassword, providerSummary, modelRows } = running;
+  const publicPort = resolveAdvertiseGatewayPort(handle.port);
+  const loopback = formatGatewayUrls("127.0.0.1", publicPort);
   const payload = {
     running: true,
     saved,
     listenMode: config.listenMode,
-    anthropicUrl: `http://127.0.0.1:${handle.port}/anthropic`,
-    openaiUrl: `http://127.0.0.1:${handle.port}/openai/v1`,
+    anthropicUrl: loopback.anthropicUrl,
+    openaiUrl: loopback.openaiUrl,
     exposedProviders: config.exposedProviders,
     favoritesOnly: config.favoritesOnly,
     freeModelsOnly: config.freeModelsOnly,
@@ -408,26 +414,27 @@ async function getServerStatus() {
     models: modelRows
   };
   if (config.listenMode === "network") {
-    payload.networkUrls = getLocalIps().map(({ name, address }) => ({
-      name,
-      anthropicUrl: `http://${address}:${handle.port}/anthropic`,
-      openaiUrl: `http://${address}:${handle.port}/openai/v1`
-    }));
+    payload.networkUrls = resolveAdvertiseAddresses({ requestHost: opts?.requestHost }).map(
+      ({ name, address }) => {
+        const urls = formatGatewayUrls(address, publicPort);
+        return { name, anthropicUrl: urls.anthropicUrl, openaiUrl: urls.openaiUrl };
+      }
+    );
     payload.apiKey = serverPassword ?? void 0;
   } else {
     payload.apiKey = "any non-empty value";
   }
   return payload;
 }
-function startGatewayServer(req) {
+function startGatewayServer(req, opts) {
   if (running) return Promise.resolve({ ok: false, error: "Server is already running. Stop it first." });
   if (startInFlight) return startInFlight;
-  startInFlight = doStartGatewayServer(req).finally(() => {
+  startInFlight = doStartGatewayServer(req, opts).finally(() => {
     startInFlight = null;
   });
   return startInFlight;
 }
-async function doStartGatewayServer(req) {
+async function doStartGatewayServer(req, opts) {
   if (req.listenMode !== "local" && req.listenMode !== "network") {
     return { ok: false, error: "Invalid listen mode." };
   }
@@ -515,7 +522,7 @@ async function doStartGatewayServer(req) {
     providerSummary: summarizeServerProviders(models),
     modelRows: buildModelRows(models, gateway)
   };
-  return { ok: true, status: await getServerStatus() };
+  return { ok: true, status: await getServerStatus({ requestHost: opts?.requestHost }) };
 }
 async function stopGatewayServer() {
   if (running) {
@@ -605,16 +612,18 @@ function handleUiApiRequest(req, res, opts = {}) {
     handleOAuthStatus(req, res);
   } else if (url.startsWith("/oauth/callback") && req.method === "GET") {
     handleOAuthCallback(req, res);
-  } else if (url === "/api/apps" && req.method === "GET") {
-    handleGetApps(res);
-  } else if (url === "/api/apps/path" && req.method === "POST") {
-    handleSetAppPath(req, res);
-  } else if (url === "/api/apps/launch" && req.method === "POST") {
-    handleLaunchApp(req, res, opts);
-  } else if (url === "/api/apps/browse-folder" && req.method === "POST") {
-    handleBrowseFolder(res);
+  } else if (url.startsWith("/api/apps")) {
+    if (opts.uiMode === "server") {
+      sendJson(res, 403, { error: "App launch is unavailable in server admin UI mode." });
+      return;
+    }
+    if (url === "/api/apps" && req.method === "GET") handleGetApps(res);
+    else if (url === "/api/apps/path" && req.method === "POST") handleSetAppPath(req, res);
+    else if (url === "/api/apps/launch" && req.method === "POST") handleLaunchApp(req, res, opts);
+    else if (url === "/api/apps/browse-folder" && req.method === "POST") handleBrowseFolder(res);
+    else sendJson(res, 404, { error: "Not found" });
   } else if (url === "/api/server/status" && req.method === "GET") {
-    handleGetServerStatus(res);
+    handleGetServerStatus(req, res);
   } else if (url === "/api/server/providers" && req.method === "GET") {
     handleGetServerProviders(res);
   } else if (url === "/api/server/start" && req.method === "POST") {
@@ -723,7 +732,7 @@ async function handlePostKeys(req, res) {
     if (saved) {
       sendJson(res, 200, { ok: true });
     } else {
-      sendJson(res, 500, { error: "Keychain unavailable \u2014 key not saved" });
+      sendJson(res, 500, { error: "Credential store unavailable \u2014 key not saved" });
     }
   } catch (err) {
     sendJson(res, 400, { error: String(err) });
@@ -798,7 +807,7 @@ async function handleAddProvider(req, res) {
       sendJson(res, 400, { error: "templateId required" });
       return;
     }
-    const { listSupportedTemplates } = await import("./provider-templates-LYGIFRRT.js");
+    const { listSupportedTemplates } = await import("./provider-templates-6XYKAZB5.js");
     const template = listSupportedTemplates().find((t) => t.id === templateId);
     if (!template) {
       sendJson(res, 404, { error: `Template '${templateId}' not found` });
@@ -1199,9 +1208,9 @@ async function handleSetAppPath(req, res) {
     sendJson(res, 500, { error: String(err) });
   }
 }
-async function handleGetServerStatus(res) {
+async function handleGetServerStatus(req, res) {
   try {
-    sendJson(res, 200, await getServerStatus());
+    sendJson(res, 200, await getServerStatus({ requestHost: hostFromHeader(req.headers.host) }));
   } catch (err) {
     sendJson(res, 500, { error: String(err) });
   }
@@ -1229,17 +1238,20 @@ async function handleStartServer(req, res, opts) {
       sendJson(res, 400, { error: 'listenMode must be "local" or "network"' });
       return;
     }
+    const listenMode = opts.uiMode === "server" ? "network" : body.listenMode;
     const request = {
       favoritesOnly: body.favoritesOnly,
       freeModelsOnly: Boolean(body.freeModelsOnly),
       exposedProviders: Array.isArray(body.exposedProviders) ? body.exposedProviders : null,
       maskGatewayIds: body.maskGatewayIds,
-      listenMode: body.listenMode,
+      listenMode,
       passwordMode: body.passwordMode === "saved" ? "saved" : "new",
       password: typeof body.password === "string" ? body.password : void 0,
       savePassword: Boolean(body.savePassword)
     };
-    const result = await startGatewayServer(request);
+    const result = await startGatewayServer(request, {
+      requestHost: hostFromHeader(req.headers.host)
+    });
     if (result.ok) {
       notifyServerLifecycle(opts, {
         type: "started",
@@ -1337,6 +1349,7 @@ async function handleBrowseFolder(res) {
 var __dirname = dirname(fileURLToPath(import.meta.url));
 var PUBLIC_DIR = join2(__dirname, "ui", "public");
 var LOCK_FILE = join2(getAppHome(), "ui.lock");
+var DEFAULT_SERVER_UI_PORT = 8787;
 var MIME = {
   ".html": "text/html; charset=utf-8",
   ".js": "application/javascript; charset=utf-8",
@@ -1349,14 +1362,47 @@ function ext(path) {
   const i = path.lastIndexOf(".");
   return i >= 0 ? path.slice(i) : "";
 }
-function buildStaticCache() {
+function resolveUiMode(opts = {}, env = process.env) {
+  if (opts.serverMode) return "server";
+  return env.RELAY_AI_UI_MODE === "server" ? "server" : "full";
+}
+function resolveServerUiPort(opts, env) {
+  if (opts.port != null) return opts.port;
+  const envPort = Number(env.RELAY_AI_UI_PORT);
+  return Number.isFinite(envPort) && envPort > 0 ? envPort : DEFAULT_SERVER_UI_PORT;
+}
+function resolveUiRuntimeConfig(opts = {}, env = process.env) {
+  const mode = resolveUiMode(opts, env);
+  if (mode === "server") {
+    return {
+      mode,
+      host: "0.0.0.0",
+      port: resolveServerUiPort(opts, env),
+      openBrowser: false,
+      confirmShutdownOnSigint: false
+    };
+  }
+  return {
+    mode,
+    host: "127.0.0.1",
+    port: opts.port ?? 0,
+    openBrowser: true,
+    confirmShutdownOnSigint: true
+  };
+}
+function buildStaticCache(mode) {
   const cache = /* @__PURE__ */ new Map();
   try {
     for (const name of readdirSync(PUBLIC_DIR)) {
       const mime = MIME[ext(name)];
       if (!mime) continue;
       const raw = readFileSync(join2(PUBLIC_DIR, name));
-      const content = name === "index.html" ? Buffer.from(raw.toString("utf8").replace("{{VERSION}}", VERSION)) : raw;
+      let content = raw;
+      if (name === "index.html") {
+        content = Buffer.from(
+          raw.toString("utf8").replaceAll("{{VERSION}}", VERSION).replaceAll("{{UI_MODE}}", mode)
+        );
+      }
       cache.set(`/${name}`, { content, mime });
     }
   } catch {
@@ -1392,13 +1438,16 @@ function formatUiServerLifecycleMessage(event) {
 async function resolveUiShutdownDecision(signal, promptClose = () => p.confirm({
   message: "Relay-AI UI is still running. Close it?",
   initialValue: true
-})) {
-  if (signal !== "SIGINT") return "close";
+}), opts) {
+  const confirmOnSigint = opts?.confirmOnSigint !== false;
+  if (signal !== "SIGINT" || !confirmOnSigint) return "close";
   const shouldClose = await promptClose();
   if (p.isCancel(shouldClose)) return "close";
   return shouldClose ? "close" : "keep";
 }
 async function runUiCommand(opts = {}) {
+  const runtime = resolveUiRuntimeConfig(opts);
+  await ensureOpencodeCloudProviders();
   const existing = checkExistingServer();
   if (existing) {
     console.log(`
@@ -1409,10 +1458,10 @@ async function runUiCommand(opts = {}) {
   if (opts.trace) {
     process.env.RELAY_AI_TRACE = "1";
   }
-  const staticCache = buildStaticCache();
+  const staticCache = buildStaticCache(runtime.mode);
   const traceLogPath = opts.trace ? getUiDebugLogPath() : void 0;
   const trace = traceLogPath ? makeTraceLogger(traceLogPath) : void 0;
-  trace?.("ui server starting");
+  trace?.(`ui server starting mode=${runtime.mode}`);
   const server = createServer((req, res) => {
     const url2 = req.url ?? "/";
     res.setHeader("X-Content-Type-Options", "nosniff");
@@ -1420,6 +1469,7 @@ async function runUiCommand(opts = {}) {
       handleUiApiRequest(req, res, {
         trace: opts.trace,
         traceLogPath,
+        uiMode: runtime.mode,
         onServerLifecycle: (event) => {
           console.log(`
   ${formatUiServerLifecycleMessage(event)}
@@ -1440,7 +1490,7 @@ async function runUiCommand(opts = {}) {
     res.end("Not found");
   });
   await new Promise((resolve, reject) => {
-    server.listen(0, "127.0.0.1", () => resolve());
+    server.listen(runtime.port, runtime.host, () => resolve());
     server.once("error", reject);
   });
   const addr = server.address();
@@ -1449,9 +1499,10 @@ async function runUiCommand(opts = {}) {
     return 1;
   }
   const port = addr.port;
-  const url = `http://127.0.0.1:${port}`;
+  const displayHost = runtime.host === "0.0.0.0" ? "127.0.0.1" : runtime.host;
+  const url = `http://${displayHost}:${port}`;
   mkdirSync(getAppHome(), { recursive: true });
-  writeFileSync2(LOCK_FILE, JSON.stringify({ pid: process.pid, port }));
+  writeFileSync2(LOCK_FILE, JSON.stringify({ pid: process.pid, port, mode: runtime.mode }));
   const cleanup = () => {
     removeLock();
     server.close();
@@ -1461,7 +1512,11 @@ async function runUiCommand(opts = {}) {
   const handleSignal = async (signal) => {
     if (handlingSignal) return;
     handlingSignal = true;
-    const decision = await resolveUiShutdownDecision(signal);
+    const decision = await resolveUiShutdownDecision(
+      signal,
+      void 0,
+      { confirmOnSigint: runtime.confirmShutdownOnSigint }
+    );
     if (decision === "keep") {
       handlingSignal = false;
       return;
@@ -1474,21 +1529,28 @@ async function runUiCommand(opts = {}) {
   process.on("SIGTERM", () => {
     void handleSignal("SIGTERM");
   });
+  const modeLabel = runtime.mode === "server" ? " (server admin)" : "";
   console.log(`
-  ${pc.bold("relay-ai UI")}  ${pc.cyan(url)}
+  ${pc.bold("relay-ai UI")}${modeLabel}  ${pc.cyan(url)}
   ${pc.dim("Press Ctrl+C to stop")}
 `);
+  if (runtime.mode === "server") {
+    console.log(`  ${pc.dim("Gateway API (when started from Server tab): http://127.0.0.1:17645")}
+`);
+  }
   if (traceLogPath) {
     console.log(`  ${pc.dim(`Trace log: ${traceLogPath}`)}
 `);
     trace?.(`ui server listening ${url}`);
   }
-  try {
-    const { default: open } = await import("open");
-    await open(url);
-    trace?.(`browser open ${url}`);
-  } catch {
-    trace?.(`browser open failed ${url}`);
+  if (runtime.openBrowser) {
+    try {
+      const { default: open } = await import("open");
+      await open(url);
+      trace?.(`browser open ${url}`);
+    } catch {
+      trace?.(`browser open failed ${url}`);
+    }
   }
   await new Promise(() => {
   });
@@ -1497,7 +1559,9 @@ async function runUiCommand(opts = {}) {
 export {
   formatUiServerLifecycleMessage,
   isUiApiRoute,
+  resolveUiMode,
+  resolveUiRuntimeConfig,
   resolveUiShutdownDecision,
   runUiCommand
 };
-//# sourceMappingURL=ui-command-GATWK5JC.js.map
+//# sourceMappingURL=ui-command-DJZIIIWC.js.map