@jacobbd/relay-ai 0.11.0 → 0.11.1

package/dist/manual-models-VEBTRQFK.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+import {
+  addManualModel,
+  removeManualModel
+} from "./chunk-VXQ7ZVTW.js";
+import "./chunk-O2XZFXHG.js";
+import "./chunk-JIDIH7DS.js";
+export {
+  addManualModel,
+  removeManualModel
+};
+//# sourceMappingURL=manual-models-VEBTRQFK.js.map

package/dist/manual-models-VEBTRQFK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{provider-templates-TZOM62WC.js → provider-templates-JY3NXZK7.js}

@@ -7,7 +7,8 @@ import {
   listAddableTemplates,
   listSupportedTemplates,
   listVisibleOAuthTemplates
-} from "./chunk-SFN33VAE.js";
+} from "./chunk-TRM2WGI6.js";
+import "./chunk-JIDIH7DS.js";
 init_provider_templates();
 export {
   PROVIDER_TEMPLATES,
@@ -17,4 +18,4 @@ export {
   listSupportedTemplates,
   listVisibleOAuthTemplates
 };
-//# sourceMappingURL=provider-templates-TZOM62WC.js.map
+//# sourceMappingURL=provider-templates-JY3NXZK7.js.map

package/dist/provider-templates-JY3NXZK7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/ui/public/app.js

@@ -31,6 +31,7 @@ const state = {
   providerModelMinCtx: 0,
   providerModelFreeOnly: false,
   providerModelPage: 1,
+  manualModelForms: new Map(), // provider ID → draft and in-flight action, survives browser re-renders
   modelFilter: '',
   modelFreeOnly: false,
   agyFilter: '',
@@ -643,6 +644,7 @@ function renderProviderModelBrowser() {
         <p class="section-sub">${provider.models?.length ?? 0} models available · prices shown per 1M tokens</p>
       </div>
     </div>
+    ${provider.supportsManualModels ? '<div id="manual-model-panel"></div>' : ''}
     <div class="provider-browser-tools">
       <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>
@@ -661,7 +663,7 @@ function renderProviderModelBrowser() {
           <span>Free models only</span>
         </label>
       </div>
-      <button class="btn btn-ghost" id="provider-model-refresh" type="button">Refresh</button>
+      <button class="btn btn-ghost" id="provider-model-refresh" type="button" ${state.manualModelForms.get(provider.id)?.pending ? 'disabled' : ''}>Refresh</button>
     </div>
     <div class="provider-model-table-wrap">
       <table class="provider-model-table">
@@ -669,7 +671,7 @@ function renderProviderModelBrowser() {
         <tbody>
           ${result.items.map(model => `
             <tr>
-              <td><strong>${escapeHtml(model.name || model.id)}</strong><code>${escapeHtml(model.id)}</code></td>
+              <td><strong>${escapeHtml(model.name || model.id)}</strong>${model.source === 'manual' ? ' <span class="manual-model-badge">Manual</span>' : ''}<code>${escapeHtml(model.id)}</code></td>
               <td>${fmtCtx(model.contextWindow) || '—'}</td>
               <td>${formatModelPrice(model.cost, isFreeModel(model), freeBadgeLabel(model))}</td>
               ${showActions ? `
@@ -692,6 +694,10 @@ function renderProviderModelBrowser() {
     </div>
   `;
 
+  if (provider.supportsManualModels) {
+    document.getElementById('manual-model-panel').appendChild(buildManualModelPanel(provider));
+  }
+
   document.getElementById('provider-model-search').addEventListener('input', event => {
     state.providerModelFilter = event.target.value;
     state.providerModelPage = 1;
@@ -746,6 +752,143 @@ function renderProviderModelBrowser() {
   });
 }
 
+function buildManualModelPanel(provider) {
+  let draft = state.manualModelForms.get(provider.id);
+  if (!draft) {
+    draft = { modelId: '', displayName: '', contextWindow: '', pending: false, message: '', status: '' };
+    state.manualModelForms.set(provider.id, draft);
+  }
+  const panel = document.createElement('section');
+  panel.className = 'manual-model-panel';
+  const heading = document.createElement('h2');
+  heading.textContent = 'Add model manually';
+  const note = document.createElement('p');
+  note.className = 'section-sub';
+  note.id = 'manual-model-note';
+  note.textContent = 'Validation makes 3 small API calls and may incur provider charges. The model is saved only after all checks pass.';
+  const form = document.createElement('form');
+  form.className = 'manual-model-form';
+  form.setAttribute('aria-describedby', note.id);
+  for (const [name, labelText, type] of [
+    ['modelId', 'Model ID (required)', 'text'],
+    ['displayName', 'Display name (optional)', 'text'],
+    ['contextWindow', 'Context tokens (optional)', 'number'],
+  ]) {
+    const label = document.createElement('label');
+    label.textContent = labelText;
+    const input = document.createElement('input');
+    input.className = 'key-input';
+    input.name = name;
+    input.type = type;
+    input.value = draft[name];
+    input.disabled = draft.pending;
+    input.required = name === 'modelId';
+    if (type === 'number') { input.min = '1'; input.step = '1'; input.max = String(Number.MAX_SAFE_INTEGER); }
+    input.addEventListener('input', () => { draft[name] = input.value; });
+    label.appendChild(input);
+    form.appendChild(label);
+  }
+  const addButton = document.createElement('button');
+  addButton.type = 'submit';
+  addButton.className = 'btn btn-primary';
+  addButton.textContent = draft.pending ? 'Please wait…' : 'Test & Add';
+  addButton.disabled = draft.pending;
+  form.appendChild(addButton);
+  const feedback = document.createElement('div');
+  feedback.className = `key-feedback ${draft.status}`;
+  feedback.setAttribute('role', 'status');
+  feedback.setAttribute('aria-live', 'polite');
+  feedback.textContent = draft.message;
+  panel.append(heading, note, form, feedback);
+
+  async function perform(action, modelId, payload = {}) {
+    if (draft.pending) return;
+    draft.pending = true;
+    draft.status = 'muted';
+    draft.message = action === 'add' ? 'Validating model with the provider… This may take a moment.' : 'Removing manual entry…';
+    renderProviderModelBrowser();
+    try {
+      const result = await api('POST', `/api/providers/models/${action}`, { providerId: provider.id, modelId, ...payload });
+      if (!result.ok) {
+        draft.status = 'error';
+        draft.message = result.error || 'The operation failed. Please try again.';
+        return;
+      }
+      draft.status = 'success';
+      draft.message = action === 'add' ? `✓ ${modelId} validated and added.` : `✓ Manual entry for ${modelId} removed.`;
+      if (action === 'add') {
+        draft.modelId = '';
+        draft.displayName = '';
+        draft.contextWindow = '';
+        if (state.activeProviderId === provider.id) {
+          state.providerModelFilter = '';
+          state.providerModelMinCtx = 0;
+          state.providerModelFreeOnly = false;
+          state.providerModelPage = 1;
+        }
+      }
+      state.appModelsByTarget = {};
+      await initModels();
+      if (state.modelsError) draft.message += ' Catalog reload failed; refresh the model list to see the change.';
+      renderProviders();
+      renderFavList();
+      if (!isServerAdminUi()) {
+        renderCodexSubagentList();
+        renderAgyList();
+        renderApps();
+      }
+    } catch {
+      draft.status = 'error';
+      draft.message = 'Could not complete the request. Refresh the model list to check whether it saved before retrying.';
+    } finally {
+      draft.pending = false;
+      renderProviderModelBrowser();
+    }
+  }
+
+  form.addEventListener('submit', event => {
+    event.preventDefault();
+    if (draft.pending || !form.reportValidity()) return;
+    const modelId = draft.modelId.trim();
+    const contextWindow = draft.contextWindow === '' ? undefined : Number(draft.contextWindow);
+    if (!modelId || (contextWindow !== undefined && (!Number.isSafeInteger(contextWindow) || contextWindow <= 0))) {
+      draft.status = 'error';
+      draft.message = 'Enter a model ID and, if provided, a positive whole number of context tokens.';
+      renderProviderModelBrowser();
+      return;
+    }
+    void perform('add', modelId, {
+      ...(draft.displayName.trim() ? { displayName: draft.displayName.trim() } : {}),
+      ...(contextWindow !== undefined ? { contextWindow } : {}),
+    });
+  });
+
+  for (const model of provider.manualModels ?? []) {
+    const row = document.createElement('div');
+    row.className = 'manual-model-entry';
+    const badge = document.createElement('span');
+    badge.className = 'manual-model-badge';
+    badge.textContent = 'Manual';
+    const label = document.createElement('span');
+    label.className = 'manual-model-entry-name';
+    label.textContent = `${model.name || model.id}${model.name && model.name !== model.id ? ` (${model.id})` : ''}`;
+    label.title = model.validatedAt ? `Validated ${model.validatedAt}` : '';
+    const removeButton = document.createElement('button');
+    removeButton.type = 'button';
+    removeButton.className = 'btn btn-ghost';
+    removeButton.textContent = 'Remove manual entry';
+    removeButton.setAttribute('aria-label', `Remove manual entry for ${model.id}`);
+    removeButton.disabled = draft.pending;
+    removeButton.addEventListener('click', () => {
+      if (draft.pending || !window.confirm(`Remove the manual entry for ${model.id}? If the provider also lists this model, its discovered entry will remain.`)) return;
+      void perform('remove', model.id);
+    });
+    row.append(badge, label, removeButton);
+    panel.appendChild(row);
+  }
+  return panel;
+}
+
 function buildTemplateCard(template) {
   const [c1, c2] = providerPalette(template.id);
   const card = document.createElement('div');
@@ -1383,6 +1526,14 @@ function buildProviderBodyContent(provider) {
     setTimeout(() => { feedback.textContent = ''; feedback.className = 'key-feedback'; }, 4000);
   });
 
+  if (provider.supportsManualModels) {
+    const manualButton = document.createElement('button');
+    manualButton.type = 'button';
+    manualButton.className = 'btn btn-ghost';
+    manualButton.textContent = 'Add model manually';
+    manualButton.addEventListener('click', () => openProviderModelBrowser(provider.id));
+    content.appendChild(manualButton);
+  }
   if (provider.customEndpoint) content.appendChild(buildEditCustomEndpointRow(provider));
   content.appendChild(buildDeleteProviderRow(provider));
   return content;

package/dist/ui/public/style.css

@@ -1469,6 +1469,34 @@ input { font-family: inherit; }
 .key-feedback.error   { color: var(--error); }
 .key-feedback.muted   { color: var(--text-3); }
 
+.manual-model-panel {
+  margin-bottom: 24px;
+  padding: 18px;
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+}
+.manual-model-panel h2 { margin: 0 0 8px; font-size: 16px; }
+.manual-model-form {
+  display: flex;
+  align-items: end;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-top: 16px;
+}
+.manual-model-form label { flex: 1 1 180px; font-size: 12px; color: var(--text-2); }
+.manual-model-form .key-input { display: block; width: 100%; margin-top: 6px; }
+.manual-model-badge {
+  display: inline-block;
+  padding: 2px 7px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-size: 11px;
+  color: var(--text-2);
+}
+.manual-model-entry { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
+.manual-model-entry-name { flex: 1 1 180px; overflow-wrap: anywhere; font-size: 13px; }
+
 .oauth-device-note {
   color: var(--text-2);
   font-size: 14px;

package/dist/{ui-command-RJVKDGGG.js → ui-command-WKPJI2CU.js}

@@ -1,15 +1,9 @@
 #!/usr/bin/env node
 import {
-  BACKENDS,
-  CODEX_SUBAGENT_MODEL_CAP,
-  MAX_MODEL_CATALOG,
-  VERSION,
   addCustomEndpointProvider,
   addProviderFromTemplate,
-  buildAntigravityAuthUrl,
   buildDedupedModelRows,
   checkForUpdates,
-  completeAntigravityExchange,
   copilotPlanTier,
   createGatewayModelCatalog,
   ensureOpencodeCloudProviders,
@@ -24,7 +18,6 @@ import {
   formatGatewayUrls,
   freeStatusLabel,
   gatewayProviderLabel,
-  getAppHome,
   getAppPathOverride,
   getEnvServerPassword,
   getSavedServerPassword,
@@ -35,41 +28,26 @@ import {
   getServerListenMode,
   getServerMaskGatewayIds,
   getUiDebugLogPath,
-  guiCallbackRedirectUri,
   hostFromHeader,
   loadPreferences,
-  loadRegistry,
   loadServerModels,
   makeTraceLogger,
   normalizeFavoriteModels,
-  openAiDeviceCodeUrl,
   openAiIdCollisions,
-  pollClinePassDeviceCode,
-  pollGithubDeviceCodeToken,
-  pollOpenAiDeviceCodeToken,
-  pollXaiDeviceCodeToken,
-  preferredRelayCredentialAuthRef,
   providerOptionsFromCatalog,
   providersForCodexSubagents,
   providersForTarget,
   readBody,
-  readStoredProviderCredential,
   recordLaunchFolder,
   refreshAllProviderModels,
   refreshProviderModels,
   removeProviderFromRegistry,
-  requestClinePassDeviceCode,
-  requestGithubDeviceCode,
-  requestOpenAiDeviceCode,
-  requestXaiDeviceCode,
   resolveAdvertiseAddresses,
   resolveAdvertiseGatewayPort,
-  resolveProviderCredential,
   resolveServerAutostart,
   resolveServerUpstreamApiKey,
   saveNativeOAuthCredential,
   savePreferences,
-  saveProviderCredential,
   sendJson,
   setAppPathOverride,
   setSavedServerPassword,
@@ -83,16 +61,44 @@ import {
   summarizeServerProviders,
   supportsClaudeTransparentMode,
   updateCustomEndpointProvider,
-  validateCustomEndpointUrl,
   writeSecureLogLine
-} from "./chunk-G6QWYYAY.js";
+} from "./chunk-YD6A3ZB3.js";
 import {
-  __toCommonJS,
   init_provider_templates,
   listAddableTemplates,
   listVisibleOAuthTemplates,
   provider_templates_exports
-} from "./chunk-SFN33VAE.js";
+} from "./chunk-TRM2WGI6.js";
+import {
+  BACKENDS,
+  CODEX_SUBAGENT_MODEL_CAP,
+  MAX_MODEL_CATALOG,
+  VERSION,
+  buildAntigravityAuthUrl,
+  completeAntigravityExchange,
+  getAppHome,
+  getProviderModels,
+  guiCallbackRedirectUri,
+  loadRegistry,
+  openAiDeviceCodeUrl,
+  pollClinePassDeviceCode,
+  pollGithubDeviceCodeToken,
+  pollOpenAiDeviceCodeToken,
+  pollXaiDeviceCodeToken,
+  preferredRelayCredentialAuthRef,
+  readStoredProviderCredential,
+  requestClinePassDeviceCode,
+  requestGithubDeviceCode,
+  requestOpenAiDeviceCode,
+  requestXaiDeviceCode,
+  resolveProviderCredential,
+  saveProviderCredential,
+  supportsManualModels,
+  validateCustomEndpointUrl
+} from "./chunk-O2XZFXHG.js";
+import {
+  __toCommonJS
+} from "./chunk-JIDIH7DS.js";
 
 // src/ui-command.ts
 import { createServer } from "http";
@@ -673,6 +679,10 @@ function handleUiApiRequest(req, res, opts = {}) {
     handleEditCustomProvider(req, res);
   } else if (url === "/api/providers/delete" && req.method === "POST") {
     handleDeleteProvider(req, res);
+  } else if (url === "/api/providers/models/add" && req.method === "POST") {
+    handleManualModel(req, res, "add");
+  } else if (url === "/api/providers/models/remove" && req.method === "POST") {
+    handleManualModel(req, res, "remove");
   } else if (url === "/api/providers/oauth/start" && req.method === "POST") {
     handleOAuthStart(req, res);
   } else if (url.startsWith("/api/providers/oauth/status") && req.method === "GET") {
@@ -740,7 +750,19 @@ async function handleGetModels(res, target, codexSubagents = false, uiMode) {
     if (codexSubagents) catalog = providersForCodexSubagents(catalog);
     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 registryById = new Map(registry.providers.map((p2) => [p2.id, p2]));
+    const rawCountById = new Map(registry.providers.map((p2) => [p2.id, getProviderModels(p2).length]));
+    const manualIdsByProvider = new Map(registry.providers.map((p2) => [
+      p2.id,
+      new Set(getProviderModels(p2).filter((m) => m.source === "manual").map((m) => m.id))
+    ]));
+    const manualMetadata = (id) => {
+      const provider = registryById.get(id);
+      return {
+        supportsManualModels: provider ? provider.enabled && supportsManualModels(provider) : false,
+        manualModels: (provider?.manualModels ?? []).map(publicManualModel)
+      };
+    };
     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",
@@ -759,6 +781,7 @@ async function handleGetModels(res, target, codexSubagents = false, uiMode) {
         return getTemplateById(t)?.anonymousFreeModels === true;
       })(),
       authType: p2.authType ?? "api",
+      ...manualMetadata(p2.id),
       // Copilot's runtime catalog is policy-filtered by account plan. Never replace
       // that safe count with the larger raw cache count.
       modelCount: p2.id === "github-copilot" ? p2.models.length : rawCountById.get(p2.id) ?? p2.models.length,
@@ -772,7 +795,8 @@ async function handleGetModels(res, target, codexSubagents = false, uiMode) {
         freeLabel: freeStatusLabel(m.freeStatus),
         contextWindow: m.contextWindow,
         cost: m.cost,
-        claudeTransparentCompatible: supportsClaudeTransparentMode(m)
+        claudeTransparentCompatible: supportsClaudeTransparentMode(m),
+        ...manualIdsByProvider.get(p2.id)?.has(m.id) ? { source: "manual" } : {}
       }))
     }));
     const materializedIds = new Set(catalog.map((p2) => p2.id));
@@ -787,16 +811,80 @@ async function handleGetModels(res, target, codexSubagents = false, uiMode) {
         hasKey: true,
         freeAccess: false,
         authType: "oauth",
+        ...manualMetadata(rp.id),
         modelCount: 0,
         ...rp.id === "github-copilot" ? { subscription: copilotSubscription(void 0) } : {},
         models: []
       });
     }
+    if (!target && !codexSubagents) {
+      for (const rp of registry.providers) {
+        if (!rp.enabled || !supportsManualModels(rp) || materializedIds.has(rp.id) || getProviderModels(rp).length !== 0) continue;
+        const credential = await resolveProviderCredential(rp.id, rp.authRef).catch(() => null);
+        providers.push({
+          id: rp.id,
+          name: rp.name,
+          favoriteName: favoriteProviderDisplayName({ id: rp.id, name: rp.name, authType: rp.authType }),
+          hasKey: Boolean(credential),
+          freeAccess: false,
+          authType: rp.authType ?? "api",
+          modelCount: 0,
+          ...manualMetadata(rp.id),
+          ...customById.has(rp.id) ? { customEndpoint: customById.get(rp.id) } : {},
+          models: []
+        });
+      }
+    }
     sendJson(res, 200, { providers });
   } catch (err) {
     sendCatalogFetchError(res, err, "Model fetch");
   }
 }
+function publicManualModel(model) {
+  return {
+    id: model.id,
+    name: model.name,
+    contextWindow: model.contextWindow,
+    validatedAt: model.validatedAt,
+    source: "manual"
+  };
+}
+async function handleManualModel(req, res, action) {
+  let body;
+  try {
+    const parsed = JSON.parse(await readBody(req));
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) throw new Error("object required");
+    body = parsed;
+  } catch {
+    sendJson(res, 400, { ok: false, error: "Request body must be a JSON object" });
+    return;
+  }
+  const { providerId, modelId, displayName, contextWindow } = body;
+  if (typeof providerId !== "string" || !providerId.trim() || typeof modelId !== "string" || !modelId.trim()) {
+    sendJson(res, 400, { ok: false, error: "providerId and modelId must be non-empty strings" });
+    return;
+  }
+  if (action === "add" && (displayName !== void 0 && typeof displayName !== "string" || contextWindow !== void 0 && (typeof contextWindow !== "number" || !Number.isSafeInteger(contextWindow) || contextWindow <= 0))) {
+    sendJson(res, 400, { ok: false, error: "displayName must be a string and contextWindow must be a positive integer when provided" });
+    return;
+  }
+  try {
+    const { addManualModel, removeManualModel } = await import("./manual-models-VEBTRQFK.js");
+    const result = action === "add" ? await addManualModel({
+      providerId: providerId.trim(),
+      modelId: modelId.trim(),
+      ...typeof displayName === "string" && displayName.trim() ? { displayName: displayName.trim() } : {},
+      ...typeof contextWindow === "number" ? { contextWindow } : {}
+    }) : removeManualModel(providerId.trim(), modelId.trim());
+    sendJson(res, 200, {
+      ok: result.ok,
+      ...!result.ok ? { error: result.error ?? "Manual model operation failed" } : {},
+      ...result.ok && "model" in result && result.model ? { model: publicManualModel(result.model) } : {}
+    });
+  } catch {
+    sendJson(res, 500, { ok: false, error: `Unable to ${action} manual model. Please try again.` });
+  }
+}
 function copilotSubscription(providerData) {
   const tier = copilotPlanTier(providerData);
   if (tier === "free") return { tier, label: "Copilot Free" };
@@ -958,7 +1046,7 @@ async function handleAddProvider(req, res) {
       sendJson(res, 400, { error: "templateId required" });
       return;
     }
-    const { listSupportedTemplates } = await import("./provider-templates-TZOM62WC.js");
+    const { listSupportedTemplates } = await import("./provider-templates-JY3NXZK7.js");
     const template = listSupportedTemplates().find((t) => t.id === templateId);
     if (!template) {
       sendJson(res, 404, { error: `Template '${templateId}' not found` });
@@ -1810,4 +1898,4 @@ export {
   resolveUiShutdownDecision,
   runUiCommand
 };
-//# sourceMappingURL=ui-command-RJVKDGGG.js.map
+//# sourceMappingURL=ui-command-WKPJI2CU.js.map