@swarmclawai/swarmclaw 1.9.35 → 1.9.38

package/src/lib/setup-defaults.ts

@@ -86,6 +86,19 @@ export const SETUP_PROVIDERS: SetupProviderOption[] = [
     icon: 'R',
     modelLibraryUrl: 'https://openrouter.ai/models',
   },
+  {
+    id: 'tokenmix',
+    name: 'TokenMix',
+    description: 'One OpenAI-compatible API relay for Claude, OpenAI, Gemini, DeepSeek, Qwen, and other hosted models.',
+    requiresKey: true,
+    supportsEndpoint: false,
+    defaultEndpoint: 'https://api.tokenmix.ai/v1',
+    keyUrl: 'https://tokenmix.ai',
+    keyLabel: 'tokenmix.ai',
+    badge: 'Catalog',
+    icon: 'T',
+    modelLibraryUrl: 'https://tokenmix.ai/models',
+  },
   {
     id: 'openclaw',
     name: 'OpenClaw',
@@ -781,6 +794,13 @@ export const DEFAULT_AGENTS = {
     model: 'anthropic/claude-sonnet-4.6',
     tools: STARTER_AGENT_TOOLS,
   },
+  tokenmix: {
+    name: 'TokenMix Agent',
+    description: 'A helpful assistant powered through TokenMix.',
+    systemPrompt: SWARMCLAW_ASSISTANT_PROMPT,
+    model: 'claude-sonnet-4-6',
+    tools: STARTER_AGENT_TOOLS,
+  },
   google: {
     name: 'Gemini',
     description: 'A helpful Gemini-powered assistant.',

package/src/lib/theme-mode.ts

@@ -0,0 +1,5 @@
+export type ThemeMode = 'light' | 'dark' | 'system'
+
+export function normalizeThemeMode(value: unknown): ThemeMode {
+  return value === 'light' || value === 'system' ? value : 'dark'
+}

package/src/types/app-settings.ts

@@ -1,5 +1,6 @@
 import type { SessionResetMode } from './session'
 import type { ExtensionManagedLocalFolderDeclaration } from './extension'
+import type { ThemeMode } from '@/lib/theme-mode'
 
 // --- App Settings ---
 export type LoopMode = 'bounded' | 'ongoing'
@@ -134,6 +135,7 @@ export interface AppSettings {
   defaultAgentId?: string | null
   // Theme
   themeHue?: string
+  themeMode?: ThemeMode
   // Web search provider
   webSearchProvider?: 'duckduckgo' | 'google' | 'bing' | 'searxng' | 'tavily' | 'brave' | 'exa'
   searxngUrl?: string

package/src/types/provider.ts

@@ -1,4 +1,4 @@
-export type ProviderType = 'claude-cli' | 'codex-cli' | 'opencode-cli' | 'opencode-web' | 'gemini-cli' | 'copilot-cli' | 'droid-cli' | 'cursor-cli' | 'qwen-code-cli' | 'goose' | 'aider-cli' | 'amp-cli' | 'augment-cli' | 'adal-cli' | 'bob-cli' | 'cline-cli' | 'codebuddy-cli' | 'command-code-cli' | 'continue-cli' | 'cortex-cli' | 'crush-cli' | 'deepagents-cli' | 'firebender-cli' | 'iflow-cli' | 'junie-cli' | 'kilo-code-cli' | 'kimi-cli' | 'kode-cli' | 'mcpjam-cli' | 'mistral-vibe-cli' | 'mux-cli' | 'neovate-cli' | 'openhands-cli' | 'pochi-cli' | 'qoder-cli' | 'replit-cli' | 'roo-code-cli' | 'trae-cn-cli' | 'warp-cli' | 'windsurf-cli' | 'zencoder-cli' | 'openai' | 'openrouter' | 'ollama' | 'anthropic' | 'openclaw' | 'hermes' | 'lmstudio' | 'google' | 'deepseek' | 'groq' | 'together' | 'mistral' | 'xai' | 'fireworks' | 'nebius' | 'deepinfra'
+export type ProviderType = 'claude-cli' | 'codex-cli' | 'opencode-cli' | 'opencode-web' | 'gemini-cli' | 'copilot-cli' | 'droid-cli' | 'cursor-cli' | 'qwen-code-cli' | 'goose' | 'aider-cli' | 'amp-cli' | 'augment-cli' | 'adal-cli' | 'bob-cli' | 'cline-cli' | 'codebuddy-cli' | 'command-code-cli' | 'continue-cli' | 'cortex-cli' | 'crush-cli' | 'deepagents-cli' | 'firebender-cli' | 'iflow-cli' | 'junie-cli' | 'kilo-code-cli' | 'kimi-cli' | 'kode-cli' | 'mcpjam-cli' | 'mistral-vibe-cli' | 'mux-cli' | 'neovate-cli' | 'openhands-cli' | 'pochi-cli' | 'qoder-cli' | 'replit-cli' | 'roo-code-cli' | 'trae-cn-cli' | 'warp-cli' | 'windsurf-cli' | 'zencoder-cli' | 'openai' | 'openrouter' | 'tokenmix' | 'ollama' | 'anthropic' | 'openclaw' | 'hermes' | 'lmstudio' | 'google' | 'deepseek' | 'groq' | 'together' | 'mistral' | 'xai' | 'fireworks' | 'nebius' | 'deepinfra'
 export type ProviderId = ProviderType | (string & {})
 
 export interface ProviderInfo {

package/src/views/settings/section-theme.tsx

@@ -1,7 +1,10 @@
 'use client'
 
 import { useState } from 'react'
+import { Monitor, Moon, Sun } from 'lucide-react'
+import { useTheme } from 'next-themes'
 import { toast } from 'sonner'
+import { normalizeThemeMode, type ThemeMode } from '@/lib/theme-mode'
 import type { SettingsSectionProps } from './types'
 
 const PRESETS = [
@@ -13,12 +16,26 @@ const PRESETS = [
   { label: 'Rose', color: '#2e1a24' },
 ]
 
+const THEME_MODES: Array<{ id: ThemeMode; label: string; Icon: typeof Sun }> = [
+  { id: 'light', label: 'Light', Icon: Sun },
+  { id: 'dark', label: 'Dark', Icon: Moon },
+  { id: 'system', label: 'System', Icon: Monitor },
+]
+
 export function ThemeSection({ appSettings, patchSettings, inputClass }: SettingsSectionProps) {
+  const { setTheme } = useTheme()
   const currentHue = appSettings.themeHue || PRESETS[0].color
+  const currentMode = normalizeThemeMode(appSettings.themeMode)
   const [customHex, setCustomHex] = useState(
     PRESETS.some((p) => p.color === currentHue) ? '' : currentHue,
   )
 
+  const applyMode = (mode: ThemeMode) => {
+    setTheme(mode)
+    patchSettings({ themeMode: mode })
+    toast.success('Theme updated')
+  }
+
   const applyHue = (color: string) => {
     patchSettings({ themeHue: color })
     document.documentElement.style.setProperty('--neutral-tint', color)
@@ -38,9 +55,32 @@ export function ThemeSection({ appSettings, patchSettings, inputClass }: Setting
         Theme
       </h3>
       <p className="text-[12px] text-text-3 mb-5">
-        Shift the UI color palette. Pick a preset or enter a custom hex color.
+        Choose a color scheme and shift the UI palette with a preset or custom hex color.
       </p>
 
+      <div className="inline-grid grid-cols-3 rounded-[8px] border border-white/[0.08] bg-white/[0.03] p-1 mb-5">
+        {THEME_MODES.map(({ id, label, Icon }) => {
+          const isActive = currentMode === id
+          return (
+            <button
+              key={id}
+              type="button"
+              onClick={() => applyMode(id)}
+              aria-pressed={isActive}
+              className={`h-9 px-3 rounded-[6px] flex items-center justify-center gap-2 text-[12px] font-600 transition-colors ${
+                isActive
+                  ? 'bg-accent text-white'
+                  : 'text-text-3 hover:text-text hover:bg-white/[0.05]'
+              }`}
+              title={label}
+            >
+              <Icon className="w-4 h-4" aria-hidden="true" />
+              <span>{label}</span>
+            </button>
+          )
+        })}
+      </div>
+
       {/* Preset swatches */}
       <div className="flex flex-wrap gap-3 mb-4">
         {PRESETS.map((preset) => {