mastracode 0.13.1-alpha.2 → 0.14.0-alpha.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # mastracode
 
+## 0.14.0-alpha.3
+
+### Minor Changes
+
+- Added /api-keys command to manage API keys for model providers. You can add, update, or remove keys directly, or access it from the settings menu. ([#15014](https://github.com/mastra-ai/mastra/pull/15014))
+
+### Patch Changes
+
+- Updated dependencies [[`f5e254f`](https://github.com/mastra-ai/mastra/commit/f5e254f2984c4aae25e26a34ac2e2bbd637b27a6), [`6544c97`](https://github.com/mastra-ai/mastra/commit/6544c974182bccfb31f48efff07671ac528d1533)]:
+  - @mastra/pg@1.9.1-alpha.0
+  - @mastra/libsql@1.8.1-alpha.0
+
 ## 0.13.1-alpha.2
 
 ### Patch Changes

package/dist/{chunk-AASZ7C6A.js → chunk-CIF3J6QG.js}

@@ -878,7 +878,7 @@ function getInstallCommand(pm, version) {
 }
 function getCurrentVersion() {
   {
-    return "0.13.1-alpha.2";
+    return "0.14.0-alpha.3";
   }
 }
 async function fetchLatestVersion() {
@@ -5537,6 +5537,19 @@ var SettingsComponent = class extends Box {
         )
       }
     ];
+    if (callbacks.onApiKeys) {
+      items.push({
+        id: "apiKeys",
+        label: "API Keys",
+        description: "Add, update, or remove API keys for model providers",
+        currentValue: "Manage \u2192",
+        submenu: (_currentValue, done) => {
+          done();
+          callbacks.onApiKeys();
+          return new Text("", 0, 0);
+        }
+      });
+    }
     this.settingsList = new SettingsList(
       items,
       10,
@@ -5551,6 +5564,175 @@ var SettingsComponent = class extends Box {
     this.settingsList.handleInput(data);
   }
 };
+function getProviderList(ctx, models) {
+  const seen = /* @__PURE__ */ new Map();
+  for (const model of models) {
+    if (seen.has(model.provider)) continue;
+    let source = "none";
+    if (ctx.authStorage?.hasStoredApiKey(model.provider)) {
+      source = "stored";
+    } else if (model.apiKeyEnvVar && process.env[model.apiKeyEnvVar]) {
+      source = "env";
+    } else if (model.hasApiKey) {
+      source = "env";
+    }
+    seen.set(model.provider, {
+      provider: model.provider,
+      envVar: model.apiKeyEnvVar,
+      source
+    });
+  }
+  return Array.from(seen.values()).sort((a, b) => a.provider.localeCompare(b.provider));
+}
+function statusLabel(info) {
+  switch (info.source) {
+    case "env":
+      return theme.fg("success", "\u2713") + theme.fg("dim", " (env)");
+    case "stored":
+      return theme.fg("success", "\u2713") + theme.fg("dim", " (stored)");
+    case "none":
+      return theme.fg("error", "\u2717") + theme.fg("dim", " (not set)");
+  }
+}
+function buildItems(providers) {
+  return providers.map((info) => ({
+    value: info.provider,
+    label: `  ${info.provider}  ${statusLabel(info)}${info.envVar ? theme.fg("dim", `  ${info.envVar}`) : ""}`
+  }));
+}
+async function handleApiKeysCommand(ctx) {
+  const models = await ctx.state.harness.listAvailableModels();
+  let providers = getProviderList(ctx, models);
+  if (providers.length === 0) {
+    ctx.showInfo("No model providers found.");
+    return;
+  }
+  return new Promise((resolve3) => {
+    const container = new Box(1, 1);
+    container.addChild(new Text(theme.bold(theme.fg("accent", "API Keys")), 0, 0));
+    container.addChild(new Spacer(1));
+    const detailText = new Text("", 0, 0);
+    let currentSelection = providers[0].provider;
+    const updateDetail = (providerName) => {
+      const info = providers.find((p) => p.provider === providerName);
+      if (!info) return;
+      if (info.source === "env") {
+        detailText.setText(
+          theme.fg("dim", "  Key set via environment variable. To change it, update your shell environment.")
+        );
+      } else if (info.source === "stored") {
+        detailText.setText(theme.fg("dim", "  Key stored locally. Press Enter to update or Delete to remove."));
+      } else {
+        detailText.setText(theme.fg("dim", "  No key configured. Press Enter to add one."));
+      }
+      ctx.state.ui.requestRender();
+    };
+    let selectList;
+    const buildSelectList = () => {
+      const items = buildItems(providers);
+      const list = new SelectList(items, Math.min(items.length, 15), getSelectListTheme());
+      list.onSelect = (item) => {
+        const info = providers.find((p) => p.provider === item.value);
+        if (!info) return;
+        if (info.source === "env") {
+          ctx.showInfo(
+            `${info.provider} key is set via environment variable${info.envVar ? ` (${info.envVar})` : ""}. Update it in your shell environment.`
+          );
+          return;
+        }
+        showKeyDialog(info);
+      };
+      list.onCancel = () => {
+        ctx.state.activeInlineQuestion = void 0;
+        container.clear();
+        container.addChild(new Text(theme.fg("dim", `${theme.fg("error", "\u2717")} API Keys (closed)`), 0, 0));
+        ctx.state.ui.requestRender();
+        resolve3();
+      };
+      list.onSelectionChange = (item) => {
+        currentSelection = item.value;
+        updateDetail(item.value);
+      };
+      const originalHandleInput = list.handleInput.bind(list);
+      list.handleInput = (data) => {
+        if (data === "\x7F" || data === "\x1B[3~") {
+          const info = providers.find((p) => p.provider === currentSelection);
+          if (info?.source === "stored" && ctx.authStorage) {
+            ctx.authStorage.remove(`apikey:${info.provider}`);
+            if (info.envVar) {
+              delete process.env[info.envVar];
+            }
+            providers = getProviderList(ctx, models);
+            ctx.showInfo(`API key removed for ${info.provider}`);
+            rebuildList();
+          }
+          return;
+        }
+        originalHandleInput(data);
+      };
+      return list;
+    };
+    const rebuildList = () => {
+      const selectedIdx = Math.max(
+        0,
+        providers.findIndex((p) => p.provider === currentSelection)
+      );
+      container.clear();
+      container.addChild(new Text(theme.bold(theme.fg("accent", "API Keys")), 0, 0));
+      container.addChild(new Spacer(1));
+      selectList = buildSelectList();
+      selectList.setSelectedIndex(selectedIdx);
+      currentSelection = providers[selectedIdx]?.provider ?? providers[0].provider;
+      container.addChild(selectList);
+      container.addChild(new Spacer(1));
+      container.addChild(detailText);
+      container.addChild(new Spacer(1));
+      container.addChild(new Text(theme.fg("dim", "\u2191\u2193 navigate \xB7 Enter add/update \xB7 Delete remove \xB7 Esc close"), 0, 0));
+      updateDetail(currentSelection);
+      ctx.state.ui.requestRender();
+    };
+    const showKeyDialog = (info) => {
+      const dialog = new ApiKeyDialogComponent({
+        providerName: info.provider,
+        apiKeyEnvVar: info.envVar,
+        onSubmit: (key) => {
+          ctx.state.ui.hideOverlay();
+          if (ctx.authStorage) {
+            ctx.authStorage.setStoredApiKey(info.provider, key, info.envVar);
+            ctx.showInfo(`API key saved for ${info.provider}`);
+            providers = getProviderList(ctx, models);
+            rebuildList();
+          } else {
+            ctx.showError("Unable to save API key: storage unavailable");
+          }
+        },
+        onCancel: () => {
+          ctx.state.ui.hideOverlay();
+        }
+      });
+      ctx.state.ui.showOverlay(dialog, {
+        width: "70%",
+        maxHeight: "50%",
+        anchor: "center"
+      });
+      dialog.focused = true;
+    };
+    selectList = buildSelectList();
+    container.addChild(selectList);
+    container.addChild(new Spacer(1));
+    container.addChild(detailText);
+    container.addChild(new Spacer(1));
+    container.addChild(new Text(theme.fg("dim", "\u2191\u2193 navigate \xB7 Enter add/update \xB7 Delete remove \xB7 Esc close"), 0, 0));
+    updateDetail(providers[0].provider);
+    const inputShim = { handleInput: (data) => selectList.handleInput(data) };
+    ctx.state.activeInlineQuestion = inputShim;
+    ctx.state.chatContainer.addChild(new Spacer(1));
+    ctx.state.chatContainer.addChild(container);
+    ctx.state.chatContainer.addChild(new Spacer(1));
+    ctx.state.ui.requestRender();
+    ctx.state.chatContainer.invalidate();
+  });
+}
 
 // src/tui/commands/settings.ts
 async function handleSettingsCommand(ctx) {
@@ -5610,6 +5792,11 @@ Storage backend changed to ${label}. Restarting is required.
 `);
         process.exit(0);
       },
+      onApiKeys: () => {
+        ctx.state.ui.hideOverlay();
+        resolve3();
+        handleApiKeysCommand(ctx);
+      },
       onClose: () => {
         ctx.state.ui.hideOverlay();
         resolve3();
@@ -6677,6 +6864,9 @@ async function dispatchSlashCommand(input, state, buildCtx) {
     case "memory-gateway":
       await handleMemoryGatewayCommand(buildCtx());
       return true;
+    case "api-keys":
+      await handleApiKeysCommand(buildCtx());
+      return true;
     default: {
       const customCommand = state.customSlashCommands.find((cmd) => cmd.name === command);
       if (customCommand) {
@@ -11321,6 +11511,7 @@ function setupAutocomplete(state) {
     { name: "browser", description: "Configure browser automation" },
     { name: "theme", description: "Switch color theme (auto/dark/light)" },
     { name: "update", description: "Check for and install updates" },
+    { name: "api-keys", description: "Manage API keys for model providers" },
     { name: "exit", description: "Exit the TUI" },
     { name: "help", description: "Show available commands" }
   ];
@@ -13133,5 +13324,5 @@ var LoginSelectorComponent = class extends Box {
 };
 
 export { AssistantMessageComponent, LoginDialogComponent, LoginSelectorComponent, MastraTUI, ModelSelectorComponent, OMProgressComponent, ToolExecutionComponentEnhanced, UserMessageComponent, createTUIState, detectTerminalTheme, formatOMStatus, getCurrentVersion };
-//# sourceMappingURL=chunk-AASZ7C6A.js.map
-//# sourceMappingURL=chunk-AASZ7C6A.js.map
+//# sourceMappingURL=chunk-CIF3J6QG.js.map
+//# sourceMappingURL=chunk-CIF3J6QG.js.map