@jacobbd/relay-ai 0.9.2 → 0.9.4

package/dist/{provider-templates-XKNRKAQU.js → provider-templates-CGWE66TD.js}

@@ -7,7 +7,7 @@ import {
   listAddableTemplates,
   listSupportedTemplates,
   listVisibleOAuthTemplates
-} from "./chunk-Q2FTCICO.js";
+} from "./chunk-NYKVDBQC.js";
 init_provider_templates();
 export {
   PROVIDER_TEMPLATES,
@@ -17,4 +17,4 @@ export {
   listSupportedTemplates,
   listVisibleOAuthTemplates
 };
-//# sourceMappingURL=provider-templates-XKNRKAQU.js.map
+//# sourceMappingURL=provider-templates-CGWE66TD.js.map

package/dist/ui/public/app.js

@@ -884,7 +884,23 @@ function buildCustomEndpointBodyContent(template, card) {
     feedback.textContent = 'Connecting and fetching models…';
     feedback.className = 'key-feedback muted';
 
-    const result = await api('POST', '/api/providers/add-custom', { kind, displayName, baseUrl, apiKey, headers });
+    let result = await api('POST', '/api/providers/add-custom', { kind, displayName, baseUrl, apiKey, headers });
+
+    if (!result.ok && result.duplicateOf) {
+      const proceed = window.confirm(
+        `You already have a backend with the same URL, key and headers (${result.duplicateOf}).\n\nAdd another anyway?`,
+      );
+      if (!proceed) {
+        addBtn.disabled = false;
+        feedback.textContent = 'Cancelled.';
+        feedback.className = 'key-feedback muted';
+        return;
+      }
+      feedback.textContent = 'Connecting and fetching models…';
+      result = await api('POST', '/api/providers/add-custom', {
+        kind, displayName, baseUrl, apiKey, headers, confirmDuplicate: true,
+      });
+    }
 
     addBtn.disabled = false;
     if (result.ok) {
@@ -1367,10 +1383,183 @@ function buildProviderBodyContent(provider) {
     setTimeout(() => { feedback.textContent = ''; feedback.className = 'key-feedback'; }, 4000);
   });
 
+  if (provider.customEndpoint) content.appendChild(buildEditCustomEndpointRow(provider));
   content.appendChild(buildDeleteProviderRow(provider));
   return content;
 }
 
+function buildEditCustomEndpointRow(provider) {
+  const custom = provider.customEndpoint;
+  const wrapper = document.createElement('div');
+  wrapper.style.cssText = 'margin-top:12px;padding-top:12px;border-top:1px solid oklch(22% 0.015 265)';
+
+  const editBtn = document.createElement('button');
+  editBtn.className = 'btn btn-ghost';
+  editBtn.textContent = 'Edit Backend Settings';
+
+  const form = document.createElement('div');
+  form.style.cssText = 'display:none;flex-direction:column;gap:8px;margin-top:10px';
+
+  function row(label, input) {
+    const wrap = document.createElement('div');
+    wrap.className = 'key-row';
+    wrap.style.flexDirection = 'column';
+    wrap.style.gap = '4px';
+    const lbl = document.createElement('label');
+    lbl.textContent = label;
+    lbl.style.cssText = 'font-size:12px;color:var(--text-muted,#aaa);display:block';
+    wrap.appendChild(lbl);
+    wrap.appendChild(input);
+    return wrap;
+  }
+
+  const nameInput = document.createElement('input');
+  nameInput.type = 'text';
+  nameInput.className = 'key-input';
+  nameInput.value = provider.name ?? '';
+
+  const urlInput = document.createElement('input');
+  urlInput.type = 'url';
+  urlInput.className = 'key-input';
+  urlInput.value = custom.baseUrl ?? '';
+
+  const keyInput = document.createElement('input');
+  keyInput.type = 'password';
+  keyInput.className = 'key-input';
+  keyInput.placeholder = 'Leave empty to keep current key';
+  keyInput.autocomplete = 'off';
+
+  const headersInput = document.createElement('textarea');
+  headersInput.className = 'key-input';
+  headersInput.rows = 2;
+  headersInput.placeholder = 'One per line\nX-Plan: coding';
+  headersInput.value = Object.entries(custom.headers ?? {})
+    .map(([k, v]) => `${k}: ${v}`)
+    .join('\n');
+
+  const saveBtn = document.createElement('button');
+  saveBtn.className = 'btn btn-primary';
+  saveBtn.textContent = 'Save Changes';
+
+  const cancelBtn = document.createElement('button');
+  cancelBtn.className = 'btn btn-ghost';
+  cancelBtn.textContent = 'Cancel';
+
+  const btnRow = document.createElement('div');
+  btnRow.style.cssText = 'display:flex;gap:8px';
+  btnRow.appendChild(saveBtn);
+  btnRow.appendChild(cancelBtn);
+
+  const feedback = document.createElement('div');
+  feedback.className = 'key-feedback';
+
+  form.appendChild(row('Provider name', nameInput));
+  form.appendChild(row('Base URL', urlInput));
+  form.appendChild(row('API key', keyInput));
+  form.appendChild(row('Custom headers (replaces all; empty removes all)', headersInput));
+  form.appendChild(btnRow);
+  form.appendChild(feedback);
+
+  wrapper.appendChild(editBtn);
+  wrapper.appendChild(form);
+
+  function parseHeaders(text) {
+    const headers = {};
+    for (const line of text.split('\n')) {
+      const trimmed = line.trim();
+      if (!trimmed) continue;
+      const idx = trimmed.indexOf(':');
+      if (idx < 1) continue;
+      const name = trimmed.slice(0, idx).trim();
+      const value = trimmed.slice(idx + 1).trim();
+      if (name) headers[name] = value;
+    }
+    return headers;
+  }
+
+  editBtn.addEventListener('click', () => {
+    editBtn.style.display = 'none';
+    form.style.display = 'flex';
+  });
+
+  cancelBtn.addEventListener('click', () => {
+    form.style.display = 'none';
+    editBtn.style.display = '';
+    feedback.textContent = '';
+    feedback.className = 'key-feedback';
+  });
+
+  async function submit(saveAnyway) {
+    const payload = {
+      providerId: provider.id,
+      displayName: nameInput.value.trim(),
+      baseUrl: urlInput.value.trim(),
+      apiKey: keyInput.value.trim(),
+      headers: parseHeaders(headersInput.value),
+      saveAnyway,
+    };
+    if (!payload.displayName) {
+      feedback.textContent = 'Enter a provider name.';
+      feedback.className = 'key-feedback error';
+      return null;
+    }
+    if (!payload.baseUrl) {
+      feedback.textContent = 'Enter a base URL.';
+      feedback.className = 'key-feedback error';
+      return null;
+    }
+    saveBtn.disabled = true;
+    feedback.textContent = 'Testing connection…';
+    feedback.className = 'key-feedback muted';
+    const result = await api('POST', '/api/providers/edit-custom', payload);
+    saveBtn.disabled = false;
+    return result;
+  }
+
+  saveBtn.addEventListener('click', async () => {
+    let result = await submit(false);
+    if (!result) return;
+
+    if (!result.ok) {
+      const message = [result.error, result.hint].filter(Boolean).join(' ');
+      // Only a failed connection test is overridable. A blocked URL or a
+      // non-custom provider can never be saved, so never offer the choice.
+      if (!result.canSaveAnyway) {
+        // "Nothing to change" is a no-op, not a failure — the CLI logs it as
+        // info, so don't shout in red here either.
+        const benign = result.error === 'Nothing to change.';
+        feedback.textContent = message;
+        feedback.className = benign ? 'key-feedback muted' : 'key-feedback error';
+        return;
+      }
+      if (!window.confirm(`${message}\n\nSave these settings anyway? The model list will not be refreshed.`)) {
+        feedback.textContent = message;
+        feedback.className = 'key-feedback error';
+        return;
+      }
+      result = await submit(true);
+      if (!result || !result.ok) {
+        feedback.textContent = (result && result.error) || 'Update failed';
+        feedback.className = 'key-feedback error';
+        return;
+      }
+    }
+
+    feedback.textContent = result.modelsStale
+      ? `✓ Saved · model list may be out of date`
+      : `✓ ${result.name} updated · ${result.count} models available`;
+    feedback.className = result.modelsStale ? 'key-feedback muted' : 'key-feedback success';
+    keyInput.value = '';
+    showToast(`${result.name} updated`);
+    state.modelsLoaded = false;
+    await loadTemplates();
+    await initModels();
+    renderProviders();
+  });
+
+  return wrapper;
+}
+
 function buildDeleteProviderRow(provider) {
   const wrapper = document.createElement('div');
   wrapper.style.cssText = 'margin-top:12px;padding-top:12px;border-top:1px solid oklch(22% 0.015 265)';

package/dist/{ui-command-SDMYDYT6.js → ui-command-OIY4243G.js}

@@ -82,16 +82,17 @@ import {
   startServer,
   summarizeServerProviders,
   supportsClaudeTransparentMode,
+  updateCustomEndpointProvider,
   validateCustomEndpointUrl,
   writeSecureLogLine
-} from "./chunk-GQCFLSEM.js";
+} from "./chunk-KDIY732Q.js";
 import {
   __toCommonJS,
   init_provider_templates,
   listAddableTemplates,
   listVisibleOAuthTemplates,
   provider_templates_exports
-} from "./chunk-Q2FTCICO.js";
+} from "./chunk-NYKVDBQC.js";
 
 // src/ui-command.ts
 import { createServer } from "http";
@@ -668,6 +669,8 @@ function handleUiApiRequest(req, res, opts = {}) {
     handleAddProvider(req, res);
   } else if (url === "/api/providers/add-custom" && req.method === "POST") {
     handleAddCustomProvider(req, res);
+  } else if (url === "/api/providers/edit-custom" && req.method === "POST") {
+    handleEditCustomProvider(req, res);
   } else if (url === "/api/providers/delete" && req.method === "POST") {
     handleDeleteProvider(req, res);
   } else if (url === "/api/providers/oauth/start" && req.method === "POST") {
@@ -738,6 +741,13 @@ async function handleGetModels(res, target, codexSubagents = false, uiMode) {
     else if (target) catalog = providersForTarget(catalog, target);
     const registry = loadRegistry();
     const rawCountById = new Map(registry.providers.map((p2) => [p2.id, p2.modelsCache?.models.length ?? 0]));
+    const customById = new Map(
+      registry.providers.filter((rp) => rp.templateId === "custom-openai" || rp.templateId === "custom-anthropic").map((rp) => [rp.id, {
+        kind: rp.templateId === "custom-anthropic" ? "anthropic" : "openai",
+        baseUrl: rp.api.url ?? "",
+        headers: rp.api.headers ?? {}
+      }])
+    );
     const providers = catalog.map((p2) => ({
       id: p2.id,
       name: p2.name,
@@ -753,6 +763,7 @@ async function handleGetModels(res, target, codexSubagents = false, uiMode) {
       // that safe count with the larger raw cache count.
       modelCount: p2.id === "github-copilot" ? p2.models.length : rawCountById.get(p2.id) ?? p2.models.length,
       ...p2.id === "github-copilot" ? { subscription: copilotSubscription(p2.providerData) } : {},
+      ...customById.has(p2.id) ? { customEndpoint: customById.get(p2.id) } : {},
       models: p2.models.map((m) => ({
         id: m.id,
         name: m.name,
@@ -868,7 +879,7 @@ function handleGetTemplates(res) {
 async function handleAddCustomProvider(req, res) {
   try {
     const body = JSON.parse(await readBody(req));
-    const { kind, displayName, baseUrl, apiKey = "", headers } = body;
+    const { kind, displayName, baseUrl, apiKey = "", headers, confirmDuplicate } = body;
     if (kind !== "openai" && kind !== "anthropic") {
       sendJson(res, 400, { error: 'kind must be "openai" or "anthropic"' });
       return;
@@ -887,12 +898,53 @@ async function handleAddCustomProvider(req, res) {
       baseUrl: baseUrl.trim(),
       apiKey: apiKey.trim(),
       allowInsecureLocal: true,
-      headers: headers && Object.keys(headers).length > 0 ? headers : void 0
+      headers: headers && Object.keys(headers).length > 0 ? headers : void 0,
+      confirmDuplicate: confirmDuplicate === true
     });
     if (result.added) {
       sendJson(res, 200, { ok: true, name: displayName.trim(), count: result.modelCount ?? 0 });
     } else {
-      sendJson(res, 200, { ok: false, error: result.error, hint: result.hint });
+      sendJson(res, 200, {
+        ok: false,
+        error: result.error,
+        hint: result.hint,
+        ...result.duplicateOf ? { duplicateOf: result.duplicateOf } : {}
+      });
+    }
+  } catch (err) {
+    sendJson(res, 500, { error: String(err) });
+  }
+}
+async function handleEditCustomProvider(req, res) {
+  try {
+    const body = JSON.parse(await readBody(req));
+    if (!body.providerId?.trim()) {
+      sendJson(res, 400, { error: "providerId required" });
+      return;
+    }
+    const result = await updateCustomEndpointProvider({
+      providerId: body.providerId.trim(),
+      displayName: body.displayName?.trim(),
+      baseUrl: body.baseUrl?.trim(),
+      apiKey: body.apiKey?.trim(),
+      headers: body.headers,
+      allowInsecureLocal: true,
+      saveAnyway: body.saveAnyway === true
+    });
+    if (result.updated) {
+      sendJson(res, 200, {
+        ok: true,
+        name: result.provider?.name ?? body.providerId,
+        count: result.modelCount ?? 0,
+        ...result.modelsStale ? { modelsStale: true } : {}
+      });
+    } else {
+      sendJson(res, 200, {
+        ok: false,
+        error: result.error,
+        hint: result.hint,
+        ...result.canSaveAnyway ? { canSaveAnyway: true } : {}
+      });
     }
   } catch (err) {
     sendJson(res, 500, { error: String(err) });
@@ -906,7 +958,7 @@ async function handleAddProvider(req, res) {
       sendJson(res, 400, { error: "templateId required" });
       return;
     }
-    const { listSupportedTemplates } = await import("./provider-templates-XKNRKAQU.js");
+    const { listSupportedTemplates } = await import("./provider-templates-CGWE66TD.js");
     const template = listSupportedTemplates().find((t) => t.id === templateId);
     if (!template) {
       sendJson(res, 404, { error: `Template '${templateId}' not found` });
@@ -1758,4 +1810,4 @@ export {
   resolveUiShutdownDecision,
   runUiCommand
 };
-//# sourceMappingURL=ui-command-SDMYDYT6.js.map
+//# sourceMappingURL=ui-command-OIY4243G.js.map