maplibre-gl-geoagent 0.4.1 → 0.4.2

package/README.md

@@ -131,6 +131,7 @@ Converse model ID, and set the AWS region. The default Bedrock model is
 | `defaultProvider`              | `GeoAgentProviderId`                                           | `'openai-responses'`  |
 | `defaultModel`                 | `string \| Partial<Record<GeoAgentProviderId, string>>`        | provider default      |
 | `storagePrefix`                | `string`                                                       | `'geoagent.maplibre'` |
+| `apiKeys`                      | `Partial<Record<GeoAgentProviderId, string>>`                  | `undefined`           |
 | `allowCodeExecutionDefault`    | `boolean`                                                      | `true`                |
 | `allowDestructiveToolsDefault` | `boolean`                                                      | `true`                |
 | `showPermissionToggles`        | `boolean`                                                      | `false`               |
@@ -183,6 +184,24 @@ are sent directly from the page to the selected model provider. Use this for
 local development, trusted internal apps, or apps that intentionally expose a
 browser-compatible credential path.
 
+Host applications can prefill the panel with initial API keys:
+
+```typescript
+new GeoAgentControl({
+  apiKeys: {
+    "openai-responses": "OPENAI_API_KEY_VALUE",
+    "openai-chat": "OPENAI_API_KEY_VALUE",
+    anthropic: "ANTHROPIC_API_KEY_VALUE",
+    google: "GOOGLE_API_KEY_VALUE",
+    bedrock: "AWS_BEARER_TOKEN_BEDROCK_VALUE",
+  },
+});
+```
+
+Saved `sessionStorage` values take precedence over `apiKeys`. Initial keys are
+kept in browser memory and are not written to storage unless the user edits the
+API key field.
+
 For Amazon Bedrock, this browser-only control uses Bedrock API-key bearer-token
 authentication. Do not enter AWS access key IDs, secret access keys, or session
 tokens in this UI. For production Bedrock deployments, prefer a backend proxy

package/dist/{GeoAgentControl-CfSj1n01.js → GeoAgentControl-CM-lWHhd.js}

@@ -3518,7 +3518,7 @@ class HttpProtocol extends SerdeContext {
     });
   }
   async loadEventStreamCapability() {
-    const { EventStreamSerde } = await import("./index-CVvcPs8z.js");
+    const { EventStreamSerde } = await import("./index-DMcVy720.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-D437ICBx.js").then((n) => n.b).then((module) => {
+      this.eePromise = import("./browser-CRRVT6sN.js").then((n) => n.b).then((module) => {
         const imported = "default" in module ? module.default : module;
         const ee = imported;
         const scope2 = globalThis;
@@ -46043,6 +46043,7 @@ class GeoAgentControl {
       allowDestructiveToolsDefault: options.allowDestructiveToolsDefault ?? true,
       showPermissionToggles: options.showPermissionToggles ?? false,
       defaultModel: options.defaultModel,
+      apiKeys: options.apiKeys,
       basemaps: options.basemaps,
       earthEngine: options.earthEngine
     };
@@ -46711,16 +46712,18 @@ class GeoAgentControl {
     return this.providerConfig(this.currentProviderId());
   }
   loadProviderSettings() {
+    var _a3, _b3;
     if (!this.ui) {
       return;
     }
     const provider = this.currentProviderConfig();
+    const initialApiKey = ((_b3 = (_a3 = this.options.apiKeys) == null ? void 0 : _a3[provider.id]) == null ? void 0 : _b3.trim()) ?? "";
     this.state.providerId = provider.id;
     this.state.modelId = storageGet(this.modelStorageKey(provider.id)) || provider.defaultModel;
     this.ui.providerSelect.value = provider.id;
     this.ui.apiKeyLabel.textContent = provider.keyLabel;
     this.ui.apiKeyInput.placeholder = provider.keyPlaceholder;
-    this.ui.apiKeyInput.value = storageGet(provider.storageKey) || "";
+    this.ui.apiKeyInput.value = storageGet(provider.storageKey) || initialApiKey;
     this.ui.modelIdInput.value = this.state.modelId;
     this.ui.modelIdInput.placeholder = provider.defaultModel;
     this.state.bedrockRegion = this.initialBedrockRegion();
@@ -46841,7 +46844,7 @@ ${markdown.trim()}`;
   }
   async createProviderModel(providerId, modelId, apiKey, bedrockRegion) {
     if (providerId === "openai-responses" || providerId === "openai-chat") {
-      const { OpenAIModel } = await import("./index-CeL5qxhv.js");
+      const { OpenAIModel } = await import("./index-CCdoSNb8.js");
       return new OpenAIModel({
         api: providerId === "openai-responses" ? "responses" : "chat",
         modelId,
@@ -46852,7 +46855,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "anthropic") {
-      const { AnthropicModel } = await import("./anthropic-BVBhgJNP.js");
+      const { AnthropicModel } = await import("./anthropic-qn30x05g.js");
       return new AnthropicModel({
         modelId,
         apiKey,
@@ -46862,7 +46865,7 @@ ${markdown.trim()}`;
       });
     }
     if (providerId === "google") {
-      const { GoogleModel } = await import("./index-D0hzZEUn.js");
+      const { GoogleModel } = await import("./index-nbt2E_lW.js");
       return new GoogleModel({
         modelId,
         apiKey
@@ -47087,4 +47090,4 @@ export {
   toJsonValue as t,
   warnOnce as w
 };
-//# sourceMappingURL=GeoAgentControl-CfSj1n01.js.map
+//# sourceMappingURL=GeoAgentControl-CM-lWHhd.js.map