maplibre-gl-geoagent 0.5.0 → 0.5.1

package/README.md

@@ -14,7 +14,7 @@ inspect and operate on the live map through dedicated browser tools.
 - Collapsible MapLibre control with a floating chat panel
 - Browser provider UI for OpenAI Responses, OpenAI Chat, Anthropic, Google Gemini, Amazon Bedrock, and any OpenAI-compatible/custom endpoint
 - API keys are saved on commit (Enter or blur) with an inline confirmation, then checked against the provider: an invalid key keeps the chat locked, while a verified key (or one that could not be reached for verification) unlocks it
-- One-click "Load models" lists the provider's available models into a dropdown
+- Provider, key, and model settings live in one collapsible section that folds away once configured; the model field is a combobox that accepts a typed value or a one-click "Load models" list of the provider's available models
 - Map tools for camera movement, projection, basemaps, markers, GeoJSON, XYZ tiles, layer visibility, opacity, feature queries, screenshots, and layer cleanup
 - Optional Google Earth Engine tools for catalog search, OAuth initialization, dataset tile layers, normalized difference indexes, visualization updates, snippets, and bounded statistics
 - Optional MapLibre JavaScript execution tool, disabled by default
@@ -131,8 +131,9 @@ The API key is written to `sessionStorage` only when you commit it (press Enter
 or move focus out of the field), so a half-typed key never flips the status
 badge to "Ready". After a key is committed the control calls the provider's
 model-list endpoint to verify it: a success marks the connection ready and
-populates the model dropdown, an authentication error marks the key invalid and
-keeps the prompt locked, and a network/CORS failure leaves the key usable but
+fills the model field's suggestion list, an authentication error marks the key
+invalid and keeps the prompt locked, and a network/CORS failure leaves the key
+usable but
 unverified so a provider that does not allow browser model listing never blocks
 you. Use the "Load models" button to re-run this check at any time.
 
@@ -142,6 +143,14 @@ URL must already be a valid `http(s)` URL when you commit the key; otherwise
 finish entering the base URL first, then press "Load models" to verify and load
 the model list.
 
+The loaded list is filtered to text chat models: embeddings, speech/audio,
+image, moderation, and (for first-party OpenAI) legacy completion models such as
+`davinci` and `*-instruct` are removed. These `/models` endpoints expose no
+"deprecated" flag, so deprecated chat snapshots cannot be detected and are left
+in. Aggregator endpoints such as OpenRouter legitimately list hundreds of chat
+models from many providers; the model field is a combobox, so type to narrow the
+suggestions.
+
 ## Options
 
 | Option                         | Type                                                           | Default               |

package/dist/{GeoAgentControl-CkSzEkxK.js → GeoAgentControl-BWSkl9b-.js}

@@ -3518,7 +3518,7 @@ class HttpProtocol extends SerdeContext {
     });
   }
   async loadEventStreamCapability() {
-    const { EventStreamSerde } = await import("./index-BlVNkKFu.js");
+    const { EventStreamSerde } = await import("./index-oSbeAq6a.js");
     return new EventStreamSerde({
       marshaller: this.getEventStreamMarshaller(),
       serializer: this.serializer,
@@ -42664,7 +42664,7 @@ class EarthEngineService {
   }
   async loadEe() {
     if (!this.eePromise) {
-      this.eePromise = import("./browser-DMUMiiD6.js").then((n) => n.b).then((module) => {
+      this.eePromise = import("./browser-DTYbc3Sp.js").then((n) => n.b).then((module) => {
         const imported = "default" in module ? module.default : module;
         const ee = imported;
         const scope2 = globalThis;
@@ -45927,6 +45927,20 @@ const STATUS_INVALID = "Invalid API key";
 const IDLE_STATUS_LABELS = /* @__PURE__ */ new Set([STATUS_READY, STATUS_SETUP]);
 class ProviderAuthError extends Error {
 }
+const NON_CHAT_MODEL_MARKERS = [
+  "embed",
+  "whisper",
+  "tts",
+  "text-to-speech",
+  "transcribe",
+  "realtime",
+  "moderation",
+  "dall-e",
+  "gpt-image",
+  "rerank",
+  "guard"
+];
+const OPENAI_LEGACY_MODEL_MARKERS = ["davinci", "babbage", "curie"];
 const BASE_PROVIDER_CONFIGS = {
   "openai-responses": {
     id: "openai-responses",
@@ -46024,7 +46038,7 @@ function defaultModelFor(providerId, defaultModel) {
 function markdownHeading(role) {
   return role.charAt(0).toUpperCase() + role.slice(1).toLowerCase();
 }
-class GeoAgentControl {
+const _GeoAgentControl = class _GeoAgentControl {
   constructor(options = {}) {
     __publicField(this, "options");
     __publicField(this, "map");
@@ -46057,6 +46071,10 @@ class GeoAgentControl {
     // result over a newer key/provider.
     __publicField(this, "verifyToken", 0);
     __publicField(this, "configNoteTimer", null);
+    __publicField(this, "modelListId", `geoagent-model-list-${_GeoAgentControl.instanceCount += 1}`);
+    // Whether the agent was configured at the last control refresh, used to fold
+    // the settings section away the first time setup completes.
+    __publicField(this, "wasConfigured", false);
     this.options = {
       collapsed: options.collapsed ?? true,
       position: options.position ?? "top-right",
@@ -46112,6 +46130,10 @@ class GeoAgentControl {
     });
     this.setupEventListeners();
     this.loadProviderSettings();
+    if (this.ui) {
+      this.wasConfigured = this.isConfigured();
+      this.ui.settingsDetails.open = !this.wasConfigured;
+    }
     this.applyIdleStatus(true);
     this.appendLog("system", this.readyLogMessage());
     this.updateControls();
@@ -46342,33 +46364,36 @@ class GeoAgentControl {
     const content = document.createElement("div");
     content.className = "geoagent-panel-content";
     content.innerHTML = `
-      <div class="geoagent-settings-grid">
-        <label>
-          Provider
-          <select class="geoagent-provider"></select>
-        </label>
-        <label>
-          <span class="geoagent-api-key-label">API Key</span>
-          <input class="geoagent-api-key" type="password" autocomplete="off" placeholder="sk-..." />
-        </label>
-        <label class="geoagent-base-url-row" hidden>
-          API Base URL
-          <input class="geoagent-base-url" autocomplete="off" placeholder="https://host/v1" />
-        </label>
-        <label class="geoagent-bedrock-region-row" hidden>
-          Region
-          <input class="geoagent-bedrock-region" autocomplete="off" placeholder="us-west-2" />
-        </label>
-        <label class="geoagent-model-cell">
-          Model
-          <div class="geoagent-model-row">
-            <input class="geoagent-model-id" />
-            <button class="geoagent-load-models secondary" type="button">Load models</button>
-          </div>
-          <select class="geoagent-model-select" aria-label="Available models" hidden></select>
-        </label>
-        <div class="geoagent-config-note" aria-live="polite" hidden></div>
-      </div>
+      <details class="geoagent-settings">
+        <summary>Provider &amp; model</summary>
+        <div class="geoagent-settings-grid">
+          <label>
+            Provider
+            <select class="geoagent-provider"></select>
+          </label>
+          <label>
+            <span class="geoagent-api-key-label">API Key</span>
+            <input class="geoagent-api-key" type="password" autocomplete="off" placeholder="sk-..." />
+          </label>
+          <label class="geoagent-base-url-row" hidden>
+            API Base URL
+            <input class="geoagent-base-url" autocomplete="off" placeholder="https://host/v1" />
+          </label>
+          <label class="geoagent-bedrock-region-row" hidden>
+            Region
+            <input class="geoagent-bedrock-region" autocomplete="off" placeholder="us-west-2" />
+          </label>
+          <label class="geoagent-model-cell">
+            Model
+            <div class="geoagent-model-row">
+              <input class="geoagent-model-id" list="${this.modelListId}" autocomplete="off" />
+              <button class="geoagent-load-models secondary" type="button">Load models</button>
+            </div>
+            <datalist class="geoagent-model-list" id="${this.modelListId}"></datalist>
+          </label>
+          <div class="geoagent-config-note" aria-live="polite" hidden></div>
+        </div>
+      </details>
 
       <details class="geoagent-earth-engine">
         <summary>Earth Engine</summary>
@@ -46413,13 +46438,14 @@ class GeoAgentControl {
     panel.append(header, content, resizeHandleLeft, resizeHandleRight);
     this.ui = {
       status,
+      settingsDetails: this.requiredElement(content, ".geoagent-settings"),
       providerSelect: this.requiredElement(content, ".geoagent-provider"),
       apiKeyLabel: this.requiredElement(content, ".geoagent-api-key-label"),
       apiKeyInput: this.requiredElement(content, ".geoagent-api-key"),
       baseUrlLabel: this.requiredElement(content, ".geoagent-base-url-row"),
       baseUrlInput: this.requiredElement(content, ".geoagent-base-url"),
       modelIdInput: this.requiredElement(content, ".geoagent-model-id"),
-      modelSelect: this.requiredElement(content, ".geoagent-model-select"),
+      modelList: this.requiredElement(content, ".geoagent-model-list"),
       loadModelsButton: this.requiredElement(content, ".geoagent-load-models"),
       configNote: this.requiredElement(content, ".geoagent-config-note"),
       bedrockRegionLabel: this.requiredElement(content, ".geoagent-bedrock-region-row"),
@@ -46577,14 +46603,6 @@ class GeoAgentControl {
     ui.loadModelsButton.addEventListener("click", () => {
       void this.verifyAndLoadModels();
     });
-    ui.modelSelect.addEventListener("change", () => {
-      const modelId = ui.modelSelect.value;
-      if (!modelId) {
-        return;
-      }
-      ui.modelIdInput.value = modelId;
-      ui.modelIdInput.dispatchEvent(new Event("input", { bubbles: true }));
-    });
     ui.modelIdInput.addEventListener("input", () => {
       const modelId = ui.modelIdInput.value.trim();
       this.state.modelId = modelId;
@@ -47036,6 +47054,10 @@ ${markdown.trim()}`;
     this.ui.cancelButton.disabled = !this.state.busy || this.cancelRequested;
     this.ui.clearButton.disabled = this.state.busy;
     this.ui.copyButton.disabled = this.ui.log.childElementCount === 0;
+    if (configured && !this.wasConfigured) {
+      this.ui.settingsDetails.open = false;
+    }
+    this.wasConfigured = configured;
     this.applyIdleStatus();
   }
   /** Placeholder hint shown in the prompt field while it is locked. */
@@ -47211,25 +47233,13 @@ ${markdown.trim()}`;
     if (!this.ui) {
       return;
     }
-    const select = this.ui.modelSelect;
-    select.replaceChildren();
-    if (!models.length) {
-      select.hidden = true;
-      return;
-    }
-    const placeholder = document.createElement("option");
-    placeholder.value = "";
-    placeholder.textContent = `Select a model (${models.length} available)`;
-    select.appendChild(placeholder);
+    const list = this.ui.modelList;
+    list.replaceChildren();
     for (const model of models) {
       const option = document.createElement("option");
       option.value = model;
-      option.textContent = model;
-      select.appendChild(option);
+      list.appendChild(option);
     }
-    const current = this.ui.modelIdInput.value.trim();
-    select.value = models.includes(current) ? current : "";
-    select.hidden = false;
   }
   normalizeBaseUrl(baseUrl) {
     return baseUrl.trim().replace(/\/+$/, "");
@@ -47255,9 +47265,13 @@ ${markdown.trim()}`;
     switch (provider.id) {
       case "openai-responses":
       case "openai-chat":
-        return this.fetchOpenAiModels("https://api.openai.com/v1", apiKey);
+        return this.fetchOpenAiModels("https://api.openai.com/v1", apiKey, true);
       case "openai-compatible":
-        return this.fetchOpenAiModels(this.normalizeBaseUrl(baseUrl), apiKey);
+        return this.fetchOpenAiModels(
+          this.normalizeBaseUrl(baseUrl),
+          apiKey,
+          false
+        );
       case "anthropic":
         return this.fetchAnthropicModels(apiKey);
       case "google":
@@ -47284,11 +47298,36 @@ ${markdown.trim()}`;
       clearTimeout(timer);
     }
   }
-  async fetchOpenAiModels(baseUrl, apiKey) {
+  async fetchOpenAiModels(baseUrl, apiKey, firstPartyOpenAi) {
     const json = await this.fetchModelJson(`${baseUrl}/models`, {
       headers: { Authorization: `Bearer ${apiKey}` }
     });
-    return (json.data ?? []).map((entry) => entry.id).filter((id2) => typeof id2 === "string" && id2.length > 0).sort();
+    const ids = (json.data ?? []).map((entry) => entry.id).filter((id2) => typeof id2 === "string" && id2.length > 0);
+    return this.filterChatModels(ids, firstPartyOpenAi).sort();
+  }
+  /**
+   * Drop entries that are clearly not text chat models (embeddings, audio,
+   * image, moderation) so the picker only offers models the agent can run. For
+   * first-party OpenAI, also drop legacy completion families the chat/responses
+   * API cannot drive. Custom endpoints keep their own naming, so the legacy
+   * filter is not applied to them.
+   */
+  filterChatModels(ids, firstPartyOpenAi) {
+    return ids.filter((id2) => {
+      const lower = id2.toLowerCase();
+      if (NON_CHAT_MODEL_MARKERS.some((marker) => lower.includes(marker))) {
+        return false;
+      }
+      if (firstPartyOpenAi) {
+        if (lower.endsWith("-instruct")) {
+          return false;
+        }
+        if (OPENAI_LEGACY_MODEL_MARKERS.some((marker) => lower.includes(marker))) {
+          return false;
+        }
+      }
+      return true;
+    });
   }
   async fetchAnthropicModels(apiKey) {
     const json = await this.fetchModelJson(
@@ -47337,7 +47376,7 @@ ${markdown.trim()}`;
   }
   async createProviderModel(providerId, modelId, apiKey, bedrockRegion, baseUrl) {
     if (providerId === "openai-responses" || providerId === "openai-chat") {
-      const { OpenAIModel } = await import("./index-BGu0d4ba.js");
+      const { OpenAIModel } = await import("./index-CRfykVWh.js");
       return new OpenAIModel({
         api: providerId === "openai-responses" ? "responses" : "chat",
         modelId,
@@ -47348,7 +47387,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "openai-compatible") {
-      const { OpenAIModel } = await import("./index-BGu0d4ba.js");
+      const { OpenAIModel } = await import("./index-CRfykVWh.js");
       return new OpenAIModel({
         api: "chat",
         modelId,
@@ -47360,7 +47399,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "anthropic") {
-      const { AnthropicModel } = await import("./anthropic-BmkKDa_y.js");
+      const { AnthropicModel } = await import("./anthropic-DqtWmJMG.js");
       return new AnthropicModel({
         modelId,
         apiKey,
@@ -47370,7 +47409,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "google") {
-      const { GoogleModel } = await import("./index-DmwfExZ4.js");
+      const { GoogleModel } = await import("./index-DnnohXIw.js");
       return new GoogleModel({
         modelId,
         apiKey
@@ -47578,7 +47617,11 @@ ${BROWSER_MAPLIBRE_CODE_SYSTEM_PROMPT}` : BROWSER_MAPLIBRE_SYSTEM_PROMPT;
         break;
     }
   }
-}
+};
+// Unique per control instance so the model <input list> and its <datalist>
+// pair up even when several controls share a page.
+__publicField(_GeoAgentControl, "instanceCount", 0);
+let GeoAgentControl = _GeoAgentControl;
 export {
   ContextWindowOverflowError as C,
   DEFAULT_BASEMAPS as D,
@@ -47607,4 +47650,4 @@ export {
   toJsonValue as t,
   warnOnce as w
 };
-//# sourceMappingURL=GeoAgentControl-CkSzEkxK.js.map
+//# sourceMappingURL=GeoAgentControl-BWSkl9b-.js.map