maplibre-gl-geoagent 0.5.2 → 0.5.3

package/README.md

@@ -13,8 +13,8 @@ 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
-- 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
+- API keys are saved on commit (Enter or blur) with an inline confirmation; provider errors are shown when a prompt is sent
+- Provider, key, and model settings live in one collapsible section that folds away once configured; built-in providers default to their latest configured model, and the model can still be edited manually
 - 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
@@ -118,38 +118,26 @@ Supported providers:
 
 For Bedrock, select `Amazon Bedrock`, enter a Bedrock API key, choose a Bedrock
 Converse model ID, and set the AWS region. The default Bedrock model is
-`global.anthropic.claude-sonnet-4-6`, and the default region is `us-west-2`.
+`anthropic.claude-opus-4-8`, and the default region is `us-west-2`.
 
 For a custom or self-hosted model, select `OpenAI-Compatible (Custom)`, enter the
 API base URL of an OpenAI-compatible endpoint (for example a local LLM server or
-a private deployment), supply the API key, and enter or load a model ID. The
-endpoint is called with the OpenAI Chat Completions API shape.
+a private deployment), supply the API key, and enter a model ID. The endpoint is
+called with the OpenAI Chat Completions API shape.
 
-### Saving and verifying keys
+### Saving keys and models
 
 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
-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.
-
-Auto-verification on commit only runs once the control has everything it needs
-to call the endpoint. For `OpenAI-Compatible (Custom)` that means the API base
-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.
+badge to "Ready" or get written to storage.
+
+Built-in providers use the latest model configured by the package:
+`gpt-5.5` for OpenAI Responses and OpenAI Chat, `claude-opus-4-8` for Anthropic,
+`gemini-3.5-flash` for Google Gemini, and `anthropic.claude-opus-4-8` for Amazon
+Bedrock. The "Use latest" button resets the model field to that configured
+default without calling a provider model-list endpoint. For
+`OpenAI-Compatible (Custom)`, there is no universal latest model, so enter the
+model ID exposed by that endpoint.
 
 ## Options
 

package/dist/{GeoAgentControl-DdRAg6Nf.cjs → GeoAgentControl-BrqW0nW3.cjs}

@@ -3519,7 +3519,7 @@ class HttpProtocol extends SerdeContext {
     });
   }
   async loadEventStreamCapability() {
-    const { EventStreamSerde } = await Promise.resolve().then(() => require("./index-TSQ43SxX.cjs"));
+    const { EventStreamSerde } = await Promise.resolve().then(() => require("./index-D2I5L_28.cjs"));
     return new EventStreamSerde({
       marshaller: this.getEventStreamMarshaller(),
       serializer: this.serializer,
@@ -42665,7 +42665,7 @@ class EarthEngineService {
   }
   async loadEe() {
     if (!this.eePromise) {
-      this.eePromise = Promise.resolve().then(() => require("./browser-tB9M0iL7.cjs")).then((n) => n.browser).then((module2) => {
+      this.eePromise = Promise.resolve().then(() => require("./browser-VzygwWeK.cjs")).then((n) => n.browser).then((module2) => {
         const imported = "default" in module2 ? module2.default : module2;
         const ee = imported;
         const scope2 = globalThis;
@@ -45920,28 +45920,9 @@ ${code2}
 const DEFAULT_PROVIDER = "openai-responses";
 const DEFAULT_STORAGE_PREFIX = "geoagent.maplibre";
 const DEFAULT_PROMPT_PLACEHOLDER = "Add a red marker for San Francisco and zoom to it.";
-const VERIFY_TIMEOUT_MS = 15e3;
 const STATUS_READY = "Ready";
 const STATUS_SETUP = "Setup required";
-const STATUS_VERIFYING = "Verifying…";
-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",
@@ -45962,21 +45943,21 @@ const BASE_PROVIDER_CONFIGS = {
     label: "Anthropic",
     keyLabel: "Anthropic API Key",
     keyPlaceholder: "sk-ant-...",
-    defaultModel: "claude-sonnet-4-6"
+    defaultModel: "claude-opus-4-8"
   },
   google: {
     id: "google",
     label: "Google Gemini",
     keyLabel: "Gemini API Key",
     keyPlaceholder: "AIza...",
-    defaultModel: "gemini-3.1-pro-preview"
+    defaultModel: "gemini-3.5-flash"
   },
   bedrock: {
     id: "bedrock",
     label: "Amazon Bedrock",
     keyLabel: "Bedrock API Key",
     keyPlaceholder: "bedrock-api-key...",
-    defaultModel: "global.anthropic.claude-sonnet-4-6",
+    defaultModel: "anthropic.claude-opus-4-8",
     defaultRegion: "us-west-2"
   },
   "openai-compatible": {
@@ -46067,10 +46048,6 @@ const _GeoAgentControl = class _GeoAgentControl {
     // key field (Enter or blur), never on every keystroke, so a half-typed key
     // does not flip the badge to "Ready" or get written to storage.
     __publicField(this, "committedApiKey", "");
-    __publicField(this, "verifyState", "idle");
-    // Incremented on every verification so a slow earlier request cannot apply its
-    // result over a newer key/provider.
-    __publicField(this, "verifyToken", 0);
     __publicField(this, "configNoteTimer", null);
     __publicField(this, "modelListId", `geoagent-model-list-${_GeoAgentControl.instanceCount += 1}`);
     // Loaded model names backing the custom suggestion dropdown. A native
@@ -46172,7 +46149,6 @@ const _GeoAgentControl = class _GeoAgentControl {
       clearTimeout(this.suggestionBlurTimer);
       this.suggestionBlurTimer = null;
     }
-    this.verifyToken++;
     (_a3 = this.activeAbortController) == null ? void 0 : _a3.abort();
     (_b3 = this.agent) == null ? void 0 : _b3.cancel();
     this.activeAbortController = null;
@@ -46401,7 +46377,7 @@ const _GeoAgentControl = class _GeoAgentControl {
             Model
             <div class="geoagent-model-row">
               <input class="geoagent-model-id" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="${this.modelListId}" />
-              <button class="geoagent-load-models secondary" type="button">Load models</button>
+              <button class="geoagent-load-models secondary" type="button">Use latest</button>
             </div>
             <ul class="geoagent-model-suggestions" id="${this.modelListId}" role="listbox" hidden></ul>
           </label>
@@ -46587,7 +46563,7 @@ const _GeoAgentControl = class _GeoAgentControl {
       this.state.modelId = this.initialModelId(providerId);
       this.loadProviderSettings();
       this.invalidateAgent();
-      this.resetVerification();
+      this.resetModelOptions();
       this.hideConfigNote();
       this.applyIdleStatus(true);
       this.updateControls();
@@ -46610,12 +46586,11 @@ const _GeoAgentControl = class _GeoAgentControl {
         storageRemove(this.baseUrlStorageKey(this.state.providerId));
       }
       this.invalidateAgent();
-      this.resetVerification();
       this.updateControls();
       this.emit("statechange");
     });
     ui.loadModelsButton.addEventListener("click", () => {
-      void this.verifyAndLoadModels();
+      this.useLatestModel();
     });
     ui.modelIdInput.addEventListener("input", () => {
       const modelId = ui.modelIdInput.value.trim();
@@ -47073,21 +47048,17 @@ ${markdown.trim()}`;
       return;
     }
     const configured = this.isConfigured();
-    const blocked = !configured || this.verifyState === "invalid" || this.verifyState === "verifying";
+    const blocked = !configured;
     this.ui.prompt.disabled = this.state.busy || blocked;
     this.ui.prompt.placeholder = blocked ? this.blockedPromptHint(configured) : DEFAULT_PROMPT_PLACEHOLDER;
     this.ui.sendButton.disabled = this.state.busy || !this.ui.prompt.value.trim() || blocked;
     if (!blocked) {
       this.ui.sendButton.removeAttribute("title");
-    } else if (this.verifyState === "invalid") {
-      this.ui.sendButton.title = "Fix the API key to send a prompt.";
-    } else if (this.verifyState === "verifying") {
-      this.ui.sendButton.title = "Verifying the connection…";
     } else {
       const missing = this.missingConfigSummary();
       this.ui.sendButton.title = missing ? `Add your ${missing} to send a prompt.` : "Configuration required to send a prompt.";
     }
-    this.ui.loadModelsButton.disabled = this.state.busy || this.verifyState === "verifying" || !this.canVerify();
+    this.ui.loadModelsButton.disabled = this.state.busy || !this.currentProviderConfig().defaultModel;
     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;
@@ -47099,28 +47070,9 @@ ${markdown.trim()}`;
   }
   /** Placeholder hint shown in the prompt field while it is locked. */
   blockedPromptHint(configured) {
-    if (this.verifyState === "verifying") {
-      return "Verifying the connection…";
-    }
-    if (this.verifyState === "invalid") {
-      return "The API key was rejected. Fix it to start.";
-    }
     const missing = configured ? "" : this.missingConfigSummary();
     return missing ? `Add your ${missing} to start.` : "Configure a provider to start.";
   }
-  /**
-   * Whether there is enough committed configuration to attempt a live
-   * verification / model-list request for the current provider.
-   */
-  canVerify() {
-    if (!this.ui || !this.committedApiKey.trim()) {
-      return false;
-    }
-    if (this.currentProviderConfig().requiresBaseUrl && !this.isValidBaseUrl(this.ui.baseUrlInput.value)) {
-      return false;
-    }
-    return true;
-  }
   /** React to an in-progress edit of the API key without committing it. */
   handleApiKeyEdited() {
     if (!this.ui) {
@@ -47134,16 +47086,12 @@ ${markdown.trim()}`;
     }
     this.updateControls();
   }
-  /**
-   * Persist the typed API key, refresh the connection state, and (when a usable
-   * key was entered) verify it against the provider in the background.
-   */
+  /** Persist the typed API key and refresh the local connection state. */
   commitApiKey() {
     if (!this.ui) {
       return;
     }
     const apiKey = this.ui.apiKeyInput.value.trim();
-    const changed = apiKey !== this.committedApiKey;
     this.committedApiKey = apiKey;
     const storageKey = this.currentProviderConfig().storageKey;
     if (apiKey) {
@@ -47152,7 +47100,6 @@ ${markdown.trim()}`;
       storageRemove(storageKey);
     }
     this.invalidateAgent();
-    this.resetVerification();
     if (apiKey) {
       this.showConfigNote("API key saved.", "success", true);
     } else {
@@ -47160,31 +47107,10 @@ ${markdown.trim()}`;
     }
     this.applyIdleStatus(true);
     this.updateControls();
-    if (apiKey && changed && this.canVerify()) {
-      void this.verifyAndLoadModels();
-    }
   }
-  /** Clear any verification result so the connection state is re-evaluated. */
-  resetVerification() {
-    this.verifyToken++;
-    this.verifyState = "idle";
+  resetModelOptions() {
     this.populateModelOptions([]);
   }
-  setVerifyState(state) {
-    this.verifyState = state;
-    if (!this.ui || this.state.busy) {
-      this.updateControls();
-      return;
-    }
-    if (state === "verifying") {
-      this.setStatus(STATUS_VERIFYING, "connecting");
-    } else if (state === "invalid") {
-      this.setStatus(STATUS_INVALID, "error");
-    } else {
-      this.applyIdleStatus(true);
-    }
-    this.updateControls();
-  }
   showConfigNote(text2, kind, autoHide) {
     if (!this.ui) {
       return;
@@ -47210,64 +47136,38 @@ ${markdown.trim()}`;
       this.ui.configNote.textContent = "";
     }
   }
-  /**
-   * Ask the current provider for its model list. A success both verifies the
-   * key and populates the model dropdown; an authentication failure marks the
-   * key invalid; any other failure (network/CORS/unsupported) leaves the key
-   * usable but unverified so the user is never blocked by a provider that does
-   * not allow browser model listing.
-   */
-  async verifyAndLoadModels() {
-    if (!this.ui || !this.canVerify()) {
+  useLatestModel() {
+    if (!this.ui) {
       return;
     }
-    const provider = this.currentProviderConfig();
-    const apiKey = this.committedApiKey.trim();
-    const baseUrl = this.ui.baseUrlInput.value.trim();
-    const region = this.ui.bedrockRegionInput.value.trim();
-    const token = ++this.verifyToken;
-    this.setVerifyState("verifying");
-    this.showConfigNote("Verifying connection…", "info", false);
-    try {
-      const models = await this.fetchProviderModels(
-        provider,
-        apiKey,
-        baseUrl,
-        region
-      );
-      if (token !== this.verifyToken) {
-        return;
-      }
-      this.populateModelOptions(models);
-      this.setVerifyState("ok");
+    const latestModel = this.currentProviderConfig().defaultModel;
+    if (!latestModel) {
       this.showConfigNote(
-        models.length ? `Connection verified. ${models.length} models available.` : "Connection verified.",
-        "success",
+        "Enter the model ID for this custom endpoint.",
+        "info",
         true
       );
-    } catch (error) {
-      if (token !== this.verifyToken) {
-        return;
-      }
-      if (error instanceof ProviderAuthError) {
-        this.setVerifyState("invalid");
-        this.showConfigNote(
-          error.message || "The provider rejected this API key.",
-          "error",
-          false
-        );
-      } else {
-        this.setVerifyState("unverified");
-        this.showConfigNote(
-          "Could not verify automatically. You can still enter a model and send prompts.",
-          "info",
-          true
-        );
-      }
+      return;
     }
+    this.ui.modelIdInput.value = latestModel;
+    this.ui.modelIdInput.dispatchEvent(new Event("input", { bubbles: true }));
+    this.closeModelSuggestions();
+    this.showConfigNote(`Using latest model: ${latestModel}.`, "success", true);
   }
   populateModelOptions(models) {
-    this.modelOptions = models;
+    const seen = /* @__PURE__ */ new Set();
+    const options = [];
+    for (const rawModel of models) {
+      const model = rawModel.trim();
+      if (!model || seen.has(model)) {
+        continue;
+      }
+      seen.add(model);
+      if (options.length < _GeoAgentControl.MAX_SUGGESTIONS) {
+        options.push(model);
+      }
+    }
+    this.modelOptions = options;
     if (this.ui && !this.ui.modelSuggestions.hidden) {
       this.openModelSuggestions(false);
     }
@@ -47282,8 +47182,8 @@ ${markdown.trim()}`;
   /**
    * Open (or refresh) the custom model suggestion dropdown. With `useFilter`
    * (typing) the list narrows to the current input value; without it (focus,
-   * arrow keys) the full loaded list is shown so the user can browse even when
-   * the field already holds the default model.
+   * arrow keys) the full local suggestion list is shown so the user can browse
+   * even when the field already holds the default model.
    */
   openModelSuggestions(useFilter = true) {
     if (!this.ui) {
@@ -47407,103 +47307,6 @@ ${markdown.trim()}`;
       return false;
     }
   }
-  async fetchProviderModels(provider, apiKey, baseUrl, region) {
-    switch (provider.id) {
-      case "openai-responses":
-      case "openai-chat":
-        return this.fetchOpenAiModels("https://api.openai.com/v1", apiKey, true);
-      case "openai-compatible":
-        return this.fetchOpenAiModels(
-          this.normalizeBaseUrl(baseUrl),
-          apiKey,
-          false
-        );
-      case "anthropic":
-        return this.fetchAnthropicModels(apiKey);
-      case "google":
-        return this.fetchGoogleModels(apiKey);
-      case "bedrock":
-        return this.fetchBedrockModels(apiKey, region);
-      default:
-        return [];
-    }
-  }
-  async fetchModelJson(url, init) {
-    const controller = new AbortController();
-    const timer = setTimeout(() => controller.abort(), VERIFY_TIMEOUT_MS);
-    try {
-      const response = await fetch(url, { ...init, signal: controller.signal });
-      if (response.status === 401 || response.status === 403) {
-        throw new ProviderAuthError("The provider rejected this API key.");
-      }
-      if (!response.ok) {
-        throw new Error(`Model list request failed (HTTP ${response.status}).`);
-      }
-      return await response.json();
-    } finally {
-      clearTimeout(timer);
-    }
-  }
-  async fetchOpenAiModels(baseUrl, apiKey, firstPartyOpenAi) {
-    const json = await this.fetchModelJson(`${baseUrl}/models`, {
-      headers: { Authorization: `Bearer ${apiKey}` }
-    });
-    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(
-      "https://api.anthropic.com/v1/models?limit=1000",
-      {
-        headers: {
-          "x-api-key": apiKey,
-          "anthropic-version": "2023-06-01",
-          "anthropic-dangerous-direct-browser-access": "true"
-        }
-      }
-    );
-    return (json.data ?? []).map((entry) => entry.id).filter((id2) => typeof id2 === "string" && id2.length > 0);
-  }
-  async fetchGoogleModels(apiKey) {
-    const url = `https://generativelanguage.googleapis.com/v1beta/models?pageSize=1000&key=${encodeURIComponent(
-      apiKey
-    )}`;
-    const json = await this.fetchModelJson(url, {});
-    return (json.models ?? []).filter(
-      (entry) => (entry.supportedGenerationMethods ?? []).includes("generateContent")
-    ).map((entry) => (entry.name ?? "").replace(/^models\//, "")).filter((id2) => id2.length > 0).sort();
-  }
-  async fetchBedrockModels(apiKey, region) {
-    const host = `https://bedrock.${region || "us-west-2"}.amazonaws.com`;
-    const json = await this.fetchModelJson(`${host}/foundation-models`, {
-      headers: { Authorization: `Bearer ${apiKey}` }
-    });
-    return (json.modelSummaries ?? []).map((entry) => entry.modelId).filter((id2) => typeof id2 === "string" && id2.length > 0).sort();
-  }
   invalidateAgent() {
     this.agent = null;
     this.agentSignature = "";
@@ -47522,7 +47325,7 @@ ${markdown.trim()}`;
   }
   async createProviderModel(providerId, modelId, apiKey, bedrockRegion, baseUrl) {
     if (providerId === "openai-responses" || providerId === "openai-chat") {
-      const { OpenAIModel } = await Promise.resolve().then(() => require("./index-GeIdoDMK.cjs"));
+      const { OpenAIModel } = await Promise.resolve().then(() => require("./index-BDAtf431.cjs"));
       return new OpenAIModel({
         api: providerId === "openai-responses" ? "responses" : "chat",
         modelId,
@@ -47533,7 +47336,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "openai-compatible") {
-      const { OpenAIModel } = await Promise.resolve().then(() => require("./index-GeIdoDMK.cjs"));
+      const { OpenAIModel } = await Promise.resolve().then(() => require("./index-BDAtf431.cjs"));
       return new OpenAIModel({
         api: "chat",
         modelId,
@@ -47545,7 +47348,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "anthropic") {
-      const { AnthropicModel } = await Promise.resolve().then(() => require("./anthropic-DN5bZZYl.cjs"));
+      const { AnthropicModel } = await Promise.resolve().then(() => require("./anthropic-Det8kcL4.cjs"));
       return new AnthropicModel({
         modelId,
         apiKey,
@@ -47555,7 +47358,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "google") {
-      const { GoogleModel } = await Promise.resolve().then(() => require("./index-CMusYhSC.cjs"));
+      const { GoogleModel } = await Promise.resolve().then(() => require("./index-V9Dk3O4j.cjs"));
       return new GoogleModel({
         modelId,
         apiKey
@@ -47767,9 +47570,6 @@ ${BROWSER_MAPLIBRE_CODE_SYSTEM_PROMPT}` : BROWSER_MAPLIBRE_SYSTEM_PROMPT;
 // Unique per control instance so the model input's aria-controls points at its
 // own suggestion list even when several controls share a page.
 __publicField(_GeoAgentControl, "instanceCount", 0);
-// Cap on rendered suggestion rows. The dropdown filters as the user types, so
-// this only bounds the initial/unfiltered view and keeps a pathological model
-// list (thousands of fine-tunes) from building a huge DOM list.
 __publicField(_GeoAgentControl, "MAX_SUGGESTIONS", 100);
 let GeoAgentControl = _GeoAgentControl;
 exports.ContextWindowOverflowError = ContextWindowOverflowError;
@@ -47798,4 +47598,4 @@ exports.toJsonValue = toJsonValue;
 exports.toMimeType = toMimeType;
 exports.toUtf8 = toUtf8;
 exports.warnOnce = warnOnce;
-//# sourceMappingURL=GeoAgentControl-DdRAg6Nf.cjs.map
+//# sourceMappingURL=GeoAgentControl-BrqW0nW3.cjs.map