@polderlabs/bizar 4.4.12 → 4.4.13

package/bizar-dash/src/server/routes/minimax.mjs

@@ -9,11 +9,15 @@
  *   POST /api/minimax/remains/refresh — force re-fetch from the API
  *   POST /api/minimax/test           — smoke-test the key with a one-shot chat call
  *   GET  /api/minimax/cache          — read the on-disk cache file (for debugging)
+ *   DELETE /api/minimax/cache        — clear cache
+ *   POST /api/minimax/onboarding     — onboarding wizard state (dismissed, hiddenModels)
+ *   POST /api/minimax/onboarding/save-key  — write the user's key to opencode's
+ *                                           auth.json (the canonical place)
  *
- * All endpoints read the API key from settings.json (no key is ever
- * accepted as a URL param or body field — the user puts it in the
- * settings UI). Responses never echo the key back; they include a
- * masked `apiKeyHint` (last 4 chars only).
+ * The MiniMax key is read from opencode's auth store, NOT from
+ * settings.json. The dashboard's onboarding wizard writes the key
+ * directly to ~/.local/share/opencode/auth.json so opencode itself
+ * can pick it up — that way the user only enters the key once.
  */
 import { Router } from 'express';
 import {
@@ -21,7 +25,10 @@ import {
   chatCompletion,
   readCachedRemains,
   clearRemainsCache,
-  readMinimaxSettings,
+  getStatus,
+  writeAuthFile,
+  writeOnboarding,
+  readOnboarding,
   maskKey,
   KNOWN_MODELS,
 } from '../minimax.mjs';
@@ -38,39 +45,46 @@ export function createMinimaxRouter({ state, broadcast }) {
 
   // GET / — health + config summary
   router.get('/minimax/status', wrap(async (_req, res) => {
-    const settings = readMinimaxSettings();
-    const cached = readCachedRemains();
-    res.json({
-      enabled: settings.enabled,
-      configured: !!settings.apiKey,
-      apiKeyHint: maskKey(settings.apiKey),
-      groupId: settings.groupId,
-      baseUrl: settings.baseUrl,
-      chatBaseUrl: settings.chatBaseUrl,
-      knownModels: KNOWN_MODELS,
-      cache: cached
-        ? {
-            fetchedAt: cached.fetchedAt,
-            apiKeyHint: cached.apiKeyHint,
-            groupId: cached.groupId,
-            modelCount: (cached.models || []).length,
-          }
-        : null,
-    });
+    res.json(getStatus());
   }));
 
-  // GET /remains — current snapshot (cache-or-fetch)
-  router.get('/minimax/remains', wrap(async (_req, res) => {
-    const settings = readMinimaxSettings();
-    if (!settings.enabled) {
-      res.json({ ok: false, error: 'disabled', message: 'MiniMax integration is disabled in settings' });
+  // GET /onboarding — wizard state (dismissed?, hidden models)
+  router.get('/minimax/onboarding', wrap(async (_req, res) => {
+    res.json(readOnboarding());
+  }));
+
+  // POST /onboarding — update wizard state
+  router.post('/minimax/onboarding', wrap(async (req, res) => {
+    const patch = req.body || {};
+    const next = writeOnboarding(patch);
+    res.json(next);
+  }));
+
+  // POST /onboarding/save-key — write the key to opencode's auth.json
+  router.post('/minimax/onboarding/save-key', wrap(async (req, res) => {
+    const { key, groupId } = req.body || {};
+    if (typeof key !== 'string' || !key.trim()) {
+      res.status(400).json({ ok: false, error: 'no_key', message: 'Key is required' });
       return;
     }
-    const result = await fetchRemains({
-      apiKey: settings.apiKey,
-      groupId: settings.groupId,
-      baseUrl: settings.baseUrl,
-    });
+    try {
+      const path = writeAuthFile(key.trim(), groupId || 'default');
+      // Clear the remains cache so the next load picks up the new key.
+      clearRemainsCache();
+      // Mark the onboarding as dismissed (user has the key now).
+      writeOnboarding({ dismissedAt: Date.now() });
+      if (broadcast) {
+        broadcast({ type: 'minimax:configured', source: 'auth.json' });
+      }
+      res.json({ ok: true, path, apiKeyHint: maskKey(key) });
+    } catch (err) {
+      res.status(500).json({ ok: false, error: 'write_failed', message: err.message });
+    }
+  }));
+
+  // GET /remains — current snapshot (cache-or-fetch)
+  router.get('/minimax/remains', wrap(async (_req, res) => {
+    const result = await fetchRemains();
     if (broadcast && result.ok) {
       broadcast({ type: 'minimax:remains', remains: result });
     }
@@ -79,17 +93,7 @@ export function createMinimaxRouter({ state, broadcast }) {
 
   // POST /remains/refresh — force re-fetch (bypass cache TTL)
   router.post('/minimax/remains/refresh', wrap(async (_req, res) => {
-    const settings = readMinimaxSettings();
-    if (!settings.enabled) {
-      res.json({ ok: false, error: 'disabled', message: 'MiniMax integration is disabled in settings' });
-      return;
-    }
-    const result = await fetchRemains({
-      apiKey: settings.apiKey,
-      groupId: settings.groupId,
-      baseUrl: settings.baseUrl,
-      force: true,
-    });
+    const result = await fetchRemains({ force: true });
     if (broadcast && result.ok) {
       broadcast({ type: 'minimax:remains:refreshed', remains: result });
     }
@@ -98,15 +102,6 @@ export function createMinimaxRouter({ state, broadcast }) {
 
   // POST /test — smoke-test the key with a chat completion
   router.post('/minimax/test', wrap(async (req, res) => {
-    const settings = readMinimaxSettings();
-    if (!settings.enabled) {
-      res.json({ ok: false, error: 'disabled', message: 'MiniMax integration is disabled in settings' });
-      return;
-    }
-    if (!settings.apiKey) {
-      res.json({ ok: false, error: 'no_api_key', message: 'MiniMax API key is not configured' });
-      return;
-    }
     const body = req.body || {};
     const prompt = typeof body.prompt === 'string' && body.prompt.trim()
       ? body.prompt
@@ -115,10 +110,8 @@ export function createMinimaxRouter({ state, broadcast }) {
       ? body.model.trim()
       : 'MiniMax-M3';
     const result = await chatCompletion({
-      apiKey: settings.apiKey,
       prompt,
       model,
-      baseUrl: settings.chatBaseUrl,
       maxTokens: typeof body.maxTokens === 'number' ? body.maxTokens : 32,
     });
     res.json(result);
@@ -129,7 +122,7 @@ export function createMinimaxRouter({ state, broadcast }) {
     res.json(readCachedRemains() || null);
   }));
 
-  // DELETE /cache — clear cache (admin endpoint)
+  // DELETE /cache — clear cache
   router.delete('/minimax/cache', wrap(async (_req, res) => {
     clearRemainsCache();
     if (broadcast) broadcast({ type: 'minimax:cache:cleared' });

package/bizar-dash/src/web/styles/minimax-usage.css

@@ -213,6 +213,142 @@
   font-family: var(--font-mono, ui-monospace, monospace);
 }
 
+/* ── Onboarding wizard ─────────────────────────────────────────── */
+.view-minimax-onboarding {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px 20px 32px;
+  max-width: 800px;
+  margin: 0 auto;
+  width: 100%;
+}
+.view-minimax-onboarding .minimax-wizard-stepper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  padding: 12px 16px;
+  background: var(--bg-1);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+}
+.view-minimax-onboarding .minimax-wizard-step {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+.view-minimax-onboarding .minimax-wizard-step-bullet {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--bg-2);
+  border: 1px solid var(--border);
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 11px;
+  color: var(--text);
+  flex-shrink: 0;
+}
+.view-minimax-onboarding .minimax-wizard-step.is-current .minimax-wizard-step-bullet {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+.view-minimax-onboarding .minimax-wizard-step.is-done .minimax-wizard-step-bullet {
+  background: var(--success, #3fb950);
+  border-color: var(--success, #3fb950);
+  color: #fff;
+}
+.view-minimax-onboarding .minimax-wizard-step.is-done { color: var(--success, #3fb950); }
+.view-minimax-onboarding .minimax-wizard-step.is-current { color: var(--text); font-weight: 500; }
+.view-minimax-onboarding .minimax-wizard-step-label { font-size: 12px; }
+.view-minimax-onboarding .minimax-wizard-step.is-current .minimax-wizard-step-label {
+  font-weight: 500;
+}
+.view-minimax-onboarding .minimax-wizard-body {
+  padding: 4px 4px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.view-minimax-onboarding .minimax-wizard-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0;
+  color: var(--text);
+  display: flex;
+  align-items: center;
+}
+.view-minimax-onboarding .minimax-wizard-prose {
+  margin: 0;
+  color: var(--text-muted);
+  font-size: 13px;
+  line-height: 1.55;
+}
+.view-minimax-onboarding .minimax-wizard-prose code {
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 12px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: var(--bg-2);
+  color: var(--text);
+}
+.view-minimax-onboarding .minimax-wizard-prose--muted { font-size: 12px; opacity: 0.85; }
+.view-minimax-onboarding .minimax-wizard-list {
+  margin: 0;
+  padding-left: 22px;
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.6;
+}
+.view-minimax-onboarding .minimax-wizard-list li { margin-bottom: 4px; }
+.view-minimax-onboarding .minimax-wizard-link {
+  color: var(--accent);
+  text-decoration: underline;
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+}
+.view-minimax-onboarding .minimax-wizard-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+  flex-wrap: wrap;
+}
+.view-minimax-onboarding .minimax-wizard-error {
+  display: flex;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  background: rgba(248, 81, 73, 0.08);
+  border: 1px solid rgba(248, 81, 73, 0.30);
+  color: var(--text);
+  font-size: 12px;
+}
+.view-minimax-onboarding .minimax-wizard-footer {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: var(--text-muted);
+  padding: 0 4px;
+  margin-top: 8px;
+}
+.view-minimax-onboarding .minimax-wizard-footer code {
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 10px;
+  padding: 0 3px;
+  background: rgba(0,0,0,0.25);
+  border-radius: 2px;
+}
+
 /* ── Subscription Key card ──────────────────────────────────────── */
 .view-minimax-usage .minimax-link {
   color: var(--accent);