zevairouter 1.0.35 → 1.0.37

package/src/shared/components/CodeBuddyCnPhoneRegisterModal.js

@@ -0,0 +1,564 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import Badge from "./Badge";
+import Button from "./Button";
+
+const PROVIDER = "codebuddy-cn";
+const POLL_INTERVAL_MS = 2000;
+const ACTIVE_JOB_STATUSES = new Set(["queued", "running", "needs_manual"]);
+const TERMINAL_JOB_STATUSES = new Set(["completed", "failed", "cancelled"]);
+const DEFAULT_ENGINE = "camoufox";
+const DEFAULT_CONCURRENCY = 2;
+const ENGINE_OPTIONS = [
+  { value: "camoufox", label: "Camoufox (recommended for CN)" },
+  { value: "chromium", label: "Chromium" },
+];
+const REGION_OPTIONS = [
+  { value: "hongkong", label: "Hong Kong (+852)" },
+  { value: "china", label: "China (+86)" },
+  { value: "any", label: "Any (cheapest available)" },
+];
+
+function formatStepLabel(value) {
+  return String(value || "waiting").replaceAll("_", " ");
+}
+
+function formatClock(value) {
+  if (!value) return "now";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "now";
+  return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" });
+}
+
+function getStatusVariant(status) {
+  if (status === "success" || status === "completed") return "success";
+  if (status === "needs_manual") return "warning";
+  if (status === "running" || status === "queued") return "info";
+  if (status === "cancelled") return "default";
+  return "danger";
+}
+
+function AccountStatusBadge({ status }) {
+  return (
+    <Badge variant={getStatusVariant(status)} size="sm">
+      {formatStepLabel(status)}
+    </Badge>
+  );
+}
+
+export default function CodeBuddyCnPhoneRegisterModal({ isOpen, onClose, onSuccess }) {
+  const storageKey = `${PROVIDER}-bulk-import-active-job`;
+  const completedRefreshJobsRef = useRef(new Set());
+  const [count, setCount] = useState("1");
+  const [region, setRegion] = useState("hongkong");
+  const [concurrency, setConcurrency] = useState(String(DEFAULT_CONCURRENCY));
+  const [engine, setEngine] = useState(DEFAULT_ENGINE);
+  const [proxyPoolSelection, setProxyPoolSelection] = useState("");
+  const [proxyPools, setProxyPools] = useState([]);
+  const [fiveSimApiKey, setFiveSimApiKey] = useState("");
+  const [fiveSimKeyConfigured, setFiveSimKeyConfigured] = useState(false);
+  const [savingKey, setSavingKey] = useState(false);
+  const [activeJob, setActiveJob] = useState(null);
+  const [error, setError] = useState(null);
+  const [importing, setImporting] = useState(false);
+  const [jobRestoreNotice, setJobRestoreNotice] = useState(null);
+
+  const runningJob = activeJob && ACTIVE_JOB_STATUSES.has(activeJob.status);
+
+  // Fetch proxy pools on open
+  useEffect(() => {
+    if (!isOpen) return;
+    fetch("/api/proxy-pools?isActive=true")
+      .then((res) => res.json())
+      .then((data) => setProxyPools(data.proxyPools || []))
+      .catch(() => {});
+  }, [isOpen]);
+
+  // Fetch 5sim key configured status on open
+  useEffect(() => {
+    if (!isOpen) return;
+    fetch("/api/settings")
+      .then((res) => res.json())
+      .then((data) => setFiveSimKeyConfigured(!!data.fiveSimApiKeyConfigured))
+      .catch(() => {});
+  }, [isOpen]);
+
+  // Save 5sim API key
+  const handleSaveKey = useCallback(async () => {
+    if (!fiveSimApiKey.trim()) return;
+    setSavingKey(true);
+    setError(null);
+    try {
+      const res = await fetch("/api/settings", {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ fiveSimApiKey: fiveSimApiKey.trim() }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || "Failed to save 5sim API key");
+      setFiveSimKeyConfigured(true);
+      setFiveSimApiKey("");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setSavingKey(false);
+    }
+  }, [fiveSimApiKey]);
+
+  // Fetch job helper — API returns { success, job, found, ... } like other bulk modals
+  const fetchJob = useCallback(async (jobId) => {
+    const res = await fetch(`/api/oauth/${PROVIDER}/bulk-import/${jobId}`, { cache: "no-store" });
+    const data = await res.json();
+    return { res, data };
+  }, []);
+
+  // Poll active job
+  useEffect(() => {
+    if (!activeJob || !runningJob) return;
+    const jobId = activeJob.jobId;
+    const interval = setInterval(async () => {
+      try {
+        const { res, data } = await fetchJob(jobId);
+        if (res.ok && data?.job) {
+          setActiveJob(data.job);
+          if (TERMINAL_JOB_STATUSES.has(data.job.status) && !completedRefreshJobsRef.current.has(data.job.jobId)) {
+            completedRefreshJobsRef.current.add(data.job.jobId);
+            onSuccess?.();
+          }
+        }
+      } catch {
+        // ignore poll errors
+      }
+    }, POLL_INTERVAL_MS);
+    return () => clearInterval(interval);
+  }, [activeJob, runningJob, fetchJob, onSuccess]);
+
+  // Restore active job on mount
+  useEffect(() => {
+    if (!isOpen) return;
+    const storedJobId = typeof window !== "undefined" ? window.localStorage.getItem(storageKey) : null;
+    if (storedJobId) {
+      fetchJob(storedJobId).then(({ res, data }) => {
+        if (res.ok && data?.job && ACTIVE_JOB_STATUSES.has(data.job.status)) {
+          setActiveJob(data.job);
+          setJobRestoreNotice("Restored the active CodeBuddy CN bulk registration job");
+        } else {
+          fetch(`/api/oauth/${PROVIDER}/bulk-import/latest?scope=recoverable`)
+            .then((r) => r.json())
+            .then((latest) => {
+              const job = latest?.job || latest;
+              if (job?.jobId && ACTIVE_JOB_STATUSES.has(job.status)) {
+                setActiveJob(job);
+                setJobRestoreNotice("Restored the latest CodeBuddy CN bulk registration job");
+              }
+            })
+            .catch(() => {});
+        }
+      }).catch(() => {});
+    }
+  }, [isOpen, storageKey, fetchJob]);
+
+  // Start bulk registration — one click = one job; count=1 ⇒ one 5sim buy.
+  const startInFlightRef = useRef(false);
+  const handleStartBulk = useCallback(async () => {
+    if (startInFlightRef.current || importing) return;
+    if (runningJob) {
+      setError("A job is already running. Cancel it first or wait until it finishes.");
+      return;
+    }
+    const countNum = Number.parseInt(count, 10);
+    if (!countNum || countNum < 1) {
+      setError("Enter a valid number of accounts to register");
+      return;
+    }
+    if (!fiveSimKeyConfigured) {
+      setError("Configure your 5sim API key first");
+      return;
+    }
+
+    startInFlightRef.current = true;
+    setImporting(true);
+    setError(null);
+
+    let proxyPoolMode = "none";
+    let proxyPoolId = null;
+    if (proxyPoolSelection === "all") {
+      proxyPoolMode = "all";
+    } else if (proxyPoolSelection && proxyPoolSelection !== "") {
+      proxyPoolMode = "single";
+      proxyPoolId = proxyPoolSelection;
+    }
+
+    try {
+      const res = await fetch(`/api/oauth/${PROVIDER}/bulk-import`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          count: countNum,
+          concurrency: Number.parseInt(concurrency, 10) || DEFAULT_CONCURRENCY,
+          engine,
+          proxyPoolMode,
+          proxyPoolId,
+          region,
+        }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || "Failed to start bulk registration");
+      setActiveJob(data.job);
+      if (typeof window !== "undefined") {
+        window.localStorage.setItem(storageKey, data.job.jobId);
+      }
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      startInFlightRef.current = false;
+      setImporting(false);
+    }
+  }, [count, region, concurrency, engine, proxyPoolSelection, fiveSimKeyConfigured, storageKey, importing, runningJob]);
+
+  // Cancel job
+  const handleCancelJob = useCallback(async () => {
+    if (!activeJob?.jobId) return;
+    const jobId = activeJob.jobId;
+    try {
+      await fetch(`/api/oauth/${PROVIDER}/bulk-import/${jobId}/cancel`, { method: "POST" });
+    } catch {
+      // ignore
+    }
+  }, [activeJob]);
+
+  // Open manual session
+  const handleOpenManualSession = useCallback(async (workerId) => {
+    if (!activeJob?.jobId || !workerId) return;
+    const jobId = activeJob.jobId;
+    try {
+      await fetch(`/api/oauth/${PROVIDER}/bulk-import/${jobId}/manual/${workerId}`, { method: "POST" });
+    } catch {
+      // ignore — the headed browser opens server-side
+    }
+  }, [activeJob]);
+
+  // Group accounts by status (must be before early return — hooks rules)
+  const groupedAccounts = useMemo(() => {
+    const groups = new Map();
+    for (const account of activeJob?.accounts || []) {
+      const key = account.status || "unknown";
+      if (!groups.has(key)) groups.set(key, []);
+      groups.get(key).push(account);
+    }
+    return [...groups.entries()].map(([status, accounts]) => ({ status, accounts }));
+  }, [activeJob]);
+
+  if (!isOpen) return null;
+
+  const summary = activeJob?.summary || {};
+  const preview = activeJob?.preview;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" onClick={onClose}>
+      <div
+        className="flex max-h-[90vh] w-full max-w-4xl flex-col overflow-hidden rounded-xl border border-border bg-surface shadow-xl"
+        onClick={(e) => e.stopPropagation()}
+      >
+        {/* Header */}
+        <div className="flex items-center justify-between border-b border-border px-6 py-4">
+          <h2 className="text-lg font-semibold text-text-main">CodeBuddy CN — Phone Auto-Register</h2>
+          <button type="button" onClick={onClose} className="rounded-lg p-1 text-text-muted hover:bg-border/50">
+            <span className="material-symbols-outlined text-[20px]">close</span>
+          </button>
+        </div>
+
+        {/* Body */}
+        <div className="flex-1 overflow-y-auto p-6">
+          {/* 5sim API Key config */}
+          <div className="mb-4 rounded-lg border border-border bg-background/50 p-4">
+            <div className="mb-2 flex items-center gap-2">
+              <span className="material-symbols-outlined text-[18px] text-primary">vpn_key</span>
+              <span className="text-sm font-medium text-text-main">5sim API Key</span>
+              {fiveSimKeyConfigured && (
+                <Badge variant="success" size="sm">Configured ✓</Badge>
+              )}
+            </div>
+            <div className="flex gap-2">
+              <input
+                type="password"
+                className="flex-1 rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main placeholder:text-text-muted focus:border-primary focus:outline-none"
+                placeholder={fiveSimKeyConfigured ? "Enter new key to replace..." : "Paste your 5sim API key..."}
+                value={fiveSimApiKey}
+                onChange={(e) => setFiveSimApiKey(e.target.value)}
+                disabled={savingKey}
+              />
+              <Button
+                variant="secondary"
+                size="sm"
+                onClick={handleSaveKey}
+                disabled={savingKey || !fiveSimApiKey.trim()}
+              >
+                {savingKey ? "Saving..." : "Save"}
+              </Button>
+            </div>
+            <p className="mt-1 text-xs text-text-muted">
+              Get your API key from{" "}
+              <a href="https://5sim.net" target="_blank" rel="noopener noreferrer" className="text-primary hover:underline">
+                5sim.net
+              </a>{" "}
+              → Profile → API. Used to order HK phone numbers and receive SMS codes.
+            </p>
+          </div>
+
+          {/* Job input view */}
+          {!activeJob && (
+            <div className="space-y-4">
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div>
+                  <label className="mb-1 block text-xs font-medium text-text-muted">Number of Accounts</label>
+                  <input
+                    type="number"
+                    min="1"
+                    max="200"
+                    className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main focus:border-primary focus:outline-none"
+                    value={count}
+                    onChange={(e) => setCount(e.target.value)}
+                    disabled={importing}
+                  />
+                  <p className="mt-1 text-xs text-text-muted">Each account costs ~$0.70 per HK number on 5sim</p>
+                </div>
+                <div>
+                  <label className="mb-1 block text-xs font-medium text-text-muted">Phone Region</label>
+                  <select
+                    className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main focus:border-primary focus:outline-none"
+                    value={region}
+                    onChange={(e) => setRegion(e.target.value)}
+                    disabled={importing}
+                  >
+                    {REGION_OPTIONS.map((opt) => (
+                      <option key={opt.value} value={opt.value}>{opt.label}</option>
+                    ))}
+                  </select>
+                </div>
+                <div>
+                  <label className="mb-1 block text-xs font-medium text-text-muted">Concurrent Workers</label>
+                  <input
+                    type="number"
+                    min="1"
+                    max="8"
+                    className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main focus:border-primary focus:outline-none"
+                    value={concurrency}
+                    onChange={(e) => setConcurrency(e.target.value)}
+                    disabled={importing}
+                  />
+                  <p className="mt-1 text-xs text-text-muted">Default 2 (5sim rating-safe). Higher = faster but riskier.</p>
+                </div>
+                <div>
+                  <label className="mb-1 block text-xs font-medium text-text-muted">Browser Engine</label>
+                  <select
+                    className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main focus:border-primary focus:outline-none"
+                    value={engine}
+                    onChange={(e) => setEngine(e.target.value)}
+                    disabled={importing}
+                  >
+                    {ENGINE_OPTIONS.map((opt) => (
+                      <option key={opt.value} value={opt.value}>{opt.label}</option>
+                    ))}
+                  </select>
+                </div>
+                <div>
+                  <label className="mb-1 block text-xs font-medium text-text-muted">Proxy Pool (optional)</label>
+                  <select
+                    className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main focus:border-primary focus:outline-none"
+                    value={proxyPoolSelection}
+                    onChange={(e) => setProxyPoolSelection(e.target.value)}
+                    disabled={importing}
+                  >
+                    <option value="">None</option>
+                    <option value="all">All Active Pools (round-robin)</option>
+                    {proxyPools.map((pool) => (
+                      <option key={pool.id} value={pool.id}>{pool.name || pool.id}</option>
+                    ))}
+                  </select>
+                </div>
+              </div>
+
+              {error && (
+                <div className="rounded-lg bg-red-500/10 p-3 text-sm text-red-400">{error}</div>
+              )}
+
+              <div className="flex justify-end gap-2">
+                <Button variant="ghost" onClick={onClose}>Cancel</Button>
+                <Button
+                  onClick={handleStartBulk}
+                  disabled={importing || runningJob || !fiveSimKeyConfigured}
+                >
+                  {importing ? "Starting..." : runningJob ? "Job Running..." : "Start Registration"}
+                </Button>
+              </div>
+            </div>
+          )}
+
+          {/* Job progress view */}
+          {activeJob && (
+            <div className="space-y-4">
+              {jobRestoreNotice && (
+                <div className="rounded-lg bg-amber-500/10 p-3 text-xs text-amber-400">{jobRestoreNotice}</div>
+              )}
+
+              {/* Job header */}
+              <div className="flex items-center justify-between rounded-lg border border-border bg-background/50 p-3">
+                <div className="flex items-center gap-3">
+                  <Badge variant={runningJob ? "info" : "default"} size="sm">
+                    {activeJob.status}
+                  </Badge>
+                  <span className="font-mono text-xs text-text-muted">Job: {activeJob.jobId.substring(0, 8)}...</span>
+                  <span className="text-xs text-text-muted">{activeJob.accounts?.length || 0} accounts</span>
+                </div>
+                <div className="flex gap-2">
+                  {runningJob && (
+                    <Button variant="danger" size="sm" onClick={handleCancelJob}>Cancel Job</Button>
+                  )}
+                  {!runningJob && (
+                    <Button variant="secondary" size="sm" onClick={() => { setActiveJob(null); onSuccess?.(); }}>
+                      Done &amp; Refresh
+                    </Button>
+                  )}
+                </div>
+              </div>
+
+              {/* Summary tiles */}
+              <div className="grid grid-cols-2 gap-2 sm:grid-cols-4">
+                {[
+                  { label: "Completed", value: summary.completed || 0, variant: "success" },
+                  { label: "Running", value: summary.running || 0, variant: "info" },
+                  { label: "Manual", value: summary.needs_manual || 0, variant: "warning" },
+                  { label: "Failed", value: summary.failed || 0, variant: "danger" },
+                ].map((tile) => (
+                  <div key={tile.label} className="rounded-lg border border-border bg-background/50 p-3 text-center">
+                    <div className="text-2xl font-bold text-text-main">{tile.value}</div>
+                    <div className="text-xs text-text-muted">{tile.label}</div>
+                  </div>
+                ))}
+              </div>
+
+              {error && (
+                <div className="rounded-lg bg-red-500/10 p-3 text-sm text-red-400">{error}</div>
+              )}
+
+              {/* Live browser preview — same idea as Kiro/Qoder bulk modal */}
+              <div className="overflow-hidden rounded-xl border border-border bg-sidebar">
+                <div className="flex flex-col gap-2 border-b border-border px-4 py-3 sm:flex-row sm:items-center sm:justify-between">
+                  <div>
+                    <p className="text-sm font-semibold text-text-main">Live Browser Preview</p>
+                    <p className="text-xs text-text-muted">
+                      {preview?.phone || preview?.email || "Waiting for worker"}
+                      {preview?.workerId ? ` | Worker ${preview.workerId}` : ""}
+                      {" · Small Camoufox window opens on the server desktop"}
+                    </p>
+                  </div>
+                  <div className="text-right text-xs text-text-muted">
+                    <p>{formatStepLabel(preview?.step)}</p>
+                    <p>Updated {formatClock(preview?.updatedAt)}</p>
+                  </div>
+                </div>
+                <div className="relative bg-black/90">
+                  {preview?.imageData ? (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    <img
+                      src={preview.imageData}
+                      alt="Live CodeBuddy CN worker preview"
+                      className="h-[340px] w-full object-contain"
+                    />
+                  ) : (
+                    <div className="flex h-[340px] flex-col items-center justify-center gap-3 px-6 text-center text-slate-200">
+                      <span className="material-symbols-outlined text-5xl text-primary/80">browser_updated</span>
+                      <div>
+                        <p className="text-base font-medium">Preview appears when Camoufox opens codebuddy.cn</p>
+                        <p className="mt-1 text-sm text-slate-400">A small headed browser window also opens on the host machine.</p>
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              {/* Two-column: accounts + activity */}
+              <div className="grid gap-4 lg:grid-cols-[7fr_3fr]">
+                {/* Account list */}
+                <div className="space-y-2">
+                  <h3 className="text-sm font-medium text-text-main">Accounts</h3>
+                  {groupedAccounts.length === 0 && (
+                    <p className="text-xs text-text-muted">No accounts yet.</p>
+                  )}
+                  {groupedAccounts.map(({ status, accounts }) => (
+                    <div key={status} className="space-y-1">
+                      {accounts.map((account) => (
+                        <div
+                          key={account.line}
+                          className="rounded-lg border border-border bg-background/30 p-2 text-xs"
+                        >
+                          <div className="flex items-center justify-between gap-2">
+                            <span className="font-mono text-text-muted">
+                              #{account.line} {account.phone ? `· ${account.phone}` : ""}
+                            </span>
+                            <AccountStatusBadge status={account.status} />
+                          </div>
+                          {account.currentStep && (
+                            <div className="mt-1 text-text-muted">
+                              {formatStepLabel(account.currentStep)}
+                            </div>
+                          )}
+                          {account.error && (
+                            <div className="mt-1 text-red-400">{account.error}</div>
+                          )}
+                          {account.manualSessionAvailable && account.workerId && (
+                            <button
+                              type="button"
+                              onClick={() => handleOpenManualSession(account.workerId)}
+                              className="mt-1 text-xs text-primary hover:underline"
+                            >
+                              Open Manual Session
+                            </button>
+                          )}
+                        </div>
+                      ))}
+                    </div>
+                  ))}
+                </div>
+
+                {/* Activity log */}
+                <div className="space-y-1">
+                  <h3 className="text-sm font-medium text-text-main">Activity</h3>
+                  <div className="max-h-[400px] space-y-1 overflow-y-auto rounded-lg border border-border bg-background/30 p-2">
+                    {(() => {
+                      const allLogs = [];
+                      for (const account of activeJob.accounts || []) {
+                        for (const log of account.logs || []) {
+                          allLogs.push({ ...log, phone: account.phone, line: account.line });
+                        }
+                      }
+                      allLogs.sort((a, b) => new Date(b.at || 0) - new Date(a.at || 0));
+                      return allLogs.slice(0, 50).map((log, i) => (
+                        <div key={i} className="border-b border-border/30 pb-1 text-xs">
+                          <span className="text-text-muted">{formatClock(log.at)}</span>{" "}
+                          <span className="text-text-main">{log.message || formatStepLabel(log.step)}</span>
+                        </div>
+                      ));
+                    })()}
+                    {(!activeJob.accounts || activeJob.accounts.length === 0) && (
+                      <p className="text-xs text-text-muted">Waiting for activity...</p>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+CodeBuddyCnPhoneRegisterModal.propTypes = {
+  isOpen: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onSuccess: PropTypes.func,
+};

package/src/shared/components/index.js

@@ -30,6 +30,7 @@ export { default as KiroSocialOAuthModal } from "./KiroSocialOAuthModal";
 export { default as CursorAuthModal } from "./CursorAuthModal";
 export { default as IFlowCookieModal } from "./IFlowCookieModal";
 export { default as CodeBuddyQuotaCookieModal } from "./CodeBuddyQuotaCookieModal";
+export { default as CodeBuddyCnPhoneRegisterModal } from "./CodeBuddyCnPhoneRegisterModal";
 export { default as GitLabAuthModal } from "./GitLabAuthModal";
 export { default as EditConnectionModal } from "./EditConnectionModal";
 export { default as AddCustomEmbeddingModal } from "./AddCustomEmbeddingModal";

package/src/shared/constants/providers.js

@@ -13,6 +13,20 @@ export const FREE_PROVIDERS = {
   qoder: { id: "qoder", alias: "qd", name: "Qoder", icon: "water_drop", color: "#EC4899", deprecated: true, deprecationNotice: RISK_NOTICE, website: "https://qoder.com", notice: { signupUrl: "https://qoder.com" } },
   // iflow: { id: "iflow", alias: "if", name: "iFlow AI", icon: "water_drop", color: "#6366F1", website: "https://iflow.cn", notice: { signupUrl: "https://iflow.cn" } },
   opencode: { id: "opencode", alias: "oc", name: "OpenCode Free", icon: "terminal", color: "#E87040", textIcon: "OC", noAuth: true, passthroughModels: true, modelsFetcher: { url: "https://opencode.ai/zen/v1/models", type: "opencode-free" } },
+  // Xiaomi MiMo free no-auth (bootstrap JWT + anti-abuse marker) — ported from 9router
+  "mimo-free": {
+    id: "mimo-free",
+    alias: "mmf",
+    name: "MiMo Code Free",
+    icon: "smart_toy",
+    color: "#FF6900",
+    textIcon: "MF",
+    noAuth: true,
+    hasFree: true,
+    passthroughModels: true,
+    website: "https://xiaomimimo.com",
+    notice: { text: "Free Xiaomi MiMo Code endpoint (no API key). Uses bootstrap JWT + Chrome UA. May rate-limit or break if upstream anti-abuse changes." },
+  },
 };
 
 // Free Tier Providers (has free access but may require account/API key)
@@ -38,11 +52,17 @@ export const THINKING_CONFIG = {
     defaultBudgetTokens: 10000
   },
   effort: {
-    options: ["auto", "none", "low", "medium", "high"],
+    // Expanded levels for model-name suffix copy: provider/model(high)
+    options: ["auto", "none", "minimal", "low", "medium", "high", "xhigh", "max"],
     defaultMode: "auto"
   }
 };
 
+/** Levels shown in the per-provider thinking picker (union-friendly). */
+export const THINKING_LEVEL_PICKER_OPTIONS = [
+  "auto", "none", "minimal", "low", "medium", "high", "xhigh", "max", "on", "off",
+];
+
 const MINIMAX_TTS_MODELS = [
   { id: "speech-2.8-hd", name: "Speech 2.8 HD" },
   { id: "speech-2.8-turbo", name: "Speech 2.8 Turbo" },
@@ -94,6 +114,44 @@ export const APIKEY_PROVIDERS = {
   perplexity: { id: "perplexity", alias: "pplx", name: "Perplexity", icon: "search", color: "#20808D", textIcon: "PP", website: "https://www.perplexity.ai", notice: { apiKeyUrl: "https://www.perplexity.ai/settings/api" }, serviceKinds: ["llm", "webSearch"], searchConfig: { baseUrl: "https://api.perplexity.ai/search", method: "POST", authType: "apikey", authHeader: "bearer", costPerQuery: 0.005, freeMonthlyQuota: 0, searchTypes: ["web"], defaultMaxResults: 5, maxMaxResults: 20, timeoutMs: 10000, cacheTTLMs: 300000 } },
   together: { id: "together", alias: "together", name: "Together AI", icon: "group_work", color: "#0F6FFF", textIcon: "TG", website: "https://www.together.ai", notice: { apiKeyUrl: "https://api.together.xyz/settings/api-keys" }, serviceKinds: ["llm", "embedding"], embeddingConfig: { baseUrl: "https://api.together.xyz/v1/embeddings", authType: "apikey", authHeader: "bearer", models: [{ id: "BAAI/bge-large-en-v1.5", name: "BGE Large EN v1.5", dimensions: 1024 }, { id: "togethercomputer/m2-bert-80M-8k-retrieval", name: "M2 BERT 80M 8K", dimensions: 768 }] } },
   fireworks: { id: "fireworks", alias: "fireworks", name: "Fireworks AI", icon: "local_fire_department", color: "#7B2EF2", textIcon: "FW", website: "https://fireworks.ai", notice: { apiKeyUrl: "https://fireworks.ai/account/api-keys" }, serviceKinds: ["llm", "embedding"], embeddingConfig: { baseUrl: "https://api.fireworks.ai/inference/v1/embeddings", authType: "apikey", authHeader: "bearer", models: [{ id: "nomic-ai/nomic-embed-text-v1.5", name: "Nomic Embed Text v1.5", dimensions: 768 }] } },
+  // Ported from 9router 0.5.x
+  venice: {
+    id: "venice",
+    alias: "venice",
+    name: "Venice AI",
+    icon: "shield",
+    color: "#DC2626",
+    textIcon: "VE",
+    website: "https://venice.ai",
+    notice: {
+      text: "OpenAI-compatible. Private inference + uncensored models (Venice Uncensored, GLM, Qwen, DeepSeek, Llama).",
+      apiKeyUrl: "https://venice.ai/settings/api",
+    },
+    passthroughModels: true,
+    modelsFetcher: { url: "https://api.venice.ai/api/v1/models", type: "openai" },
+    serviceKinds: ["llm", "embedding", "image"],
+    embeddingConfig: {
+      baseUrl: "https://api.venice.ai/api/v1/embeddings",
+      authType: "apikey",
+      authHeader: "bearer",
+      models: [
+        { id: "text-embedding-3-large", name: "Text Embedding 3 Large", dimensions: 3072 },
+        { id: "text-embedding-bge-m3", name: "BGE-M3 Embedding", dimensions: 1024 },
+      ],
+    },
+  },
+  featherless: {
+    id: "featherless",
+    alias: "fl",
+    name: "Featherless",
+    icon: "flutter_dash",
+    color: "#111827",
+    textIcon: "FL",
+    website: "https://featherless.ai",
+    notice: { apiKeyUrl: "https://featherless.ai/account/api-keys" },
+    passthroughModels: true,
+    modelsFetcher: { url: "https://api.featherless.ai/v1/models", type: "openai" },
+  },
   cerebras: { id: "cerebras", alias: "cerebras", name: "Cerebras", icon: "memory", color: "#FF4F00", textIcon: "CB", website: "https://www.cerebras.ai", notice: { apiKeyUrl: "https://cloud.cerebras.ai/platform" } },
   cohere: { id: "cohere", alias: "cohere", name: "Cohere", icon: "hub", color: "#39594D", textIcon: "CO", website: "https://cohere.com", notice: { apiKeyUrl: "https://dashboard.cohere.com/api-keys" } },
   nebius: { id: "nebius", alias: "nebius", name: "Nebius AI", icon: "cloud", color: "#6C5CE7", textIcon: "NB", website: "https://nebius.com", notice: { apiKeyUrl: "https://studio.nebius.com/settings/api-keys" }, serviceKinds: ["llm", "embedding"], embeddingConfig: { baseUrl: "https://api.tokenfactory.nebius.com/v1/embeddings", authType: "apikey", authHeader: "bearer", models: [{ id: "Qwen/Qwen3-Embedding-8B", name: "Qwen3 Embedding 8B", dimensions: 4096 }] } },