mumucc 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mumucc",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Open-source AI coding assistant CLI with multi-model support (Anthropic, OpenAI/GPT, DeepSeek, GLM, Ollama, etc.), MCP integration, agent swarms, and out-of-the-box developer experience.",
   "type": "module",
   "license": "MIT",

package/shims/globals.ts

@@ -4,7 +4,7 @@
  */
 
 ;(globalThis as any).MACRO = {
-  VERSION: '0.1.2-mumucc',
+  VERSION: '0.1.3-mumucc',
   VERSION_CHANGELOG: '{}',
   BUILD_TIME: new Date().toISOString(),
   PACKAGE_URL: 'https://github.com/mumuxsy/mumucc',

package/src/components/ExtendedLoginFlow.tsx

@@ -0,0 +1,169 @@
+/**
+ * ExtendedLoginFlow — Onboarding login screen with all provider options.
+ *
+ * Wraps ConsoleOAuthFlow (for Anthropic OAuth) and adds third-party,
+ * custom, and Codex login paths so first-run users can configure any
+ * supported provider without needing `/login` afterwards.
+ */
+import * as React from 'react'
+import { Box, Text } from '../ink.js'
+import { Select } from './CustomSelect/select.js'
+import { ConsoleOAuthFlow } from './ConsoleOAuthFlow.js'
+import { ThirdPartyLogin } from '../commands/login/ThirdPartyLogin.js'
+import { CustomProviderLogin } from '../commands/login/CustomProviderLogin.js'
+import { CodexLogin } from '../commands/login/CodexLogin.js'
+import { BUILTIN_PROVIDERS } from '../utils/model/thirdPartyProviders.js'
+
+type LoginPath =
+  | 'select'       // show menu
+  | 'anthropic'    // Anthropic OAuth (ConsoleOAuthFlow)
+  | 'third-party'  // built-in third-party provider
+  | 'custom'       // custom endpoint
+  | 'codex'        // Codex / GPT
+
+interface Props {
+  onDone(): void
+}
+
+export function ExtendedLoginFlow({ onDone }: Props): React.ReactNode {
+  const [path, setPath] = React.useState<LoginPath>('select')
+  const [selectedProviderId, setSelectedProviderId] = React.useState<string | null>(null)
+
+  // ── Anthropic OAuth ──
+  if (path === 'anthropic') {
+    return <ConsoleOAuthFlow onDone={onDone} />
+  }
+
+  // ── Third-party provider ──
+  if (path === 'third-party' && selectedProviderId) {
+    return (
+      <ThirdPartyLogin
+        initialProviderId={selectedProviderId}
+        onDone={(success, _msg) => {
+          if (success) onDone()
+          else setPath('select')
+        }}
+      />
+    )
+  }
+
+  // ── Custom provider ──
+  if (path === 'custom') {
+    return (
+      <CustomProviderLogin
+        onDone={(success, _msg) => {
+          if (success) onDone()
+          else setPath('select')
+        }}
+      />
+    )
+  }
+
+  // ── Codex / GPT ──
+  if (path === 'codex') {
+    return (
+      <CodexLogin
+        onDone={(success, _msg) => {
+          if (success) onDone()
+          else setPath('select')
+        }}
+      />
+    )
+  }
+
+  // ── Provider selection menu ──
+  const anthropicProviders = BUILTIN_PROVIDERS.filter(
+    (p) => !p.apiFormat || p.apiFormat === 'anthropic',
+  )
+  const openaiProviders = BUILTIN_PROVIDERS.filter(
+    (p) => p.apiFormat === 'openai',
+  )
+
+  const options = [
+    // Anthropic official
+    {
+      label: (
+        <Text>
+          Anthropic (Official) ·{' '}
+          <Text dimColor>OAuth sign-in, Pro/Max/Team/Enterprise</Text>
+          {'\n'}
+        </Text>
+      ),
+      value: 'anthropic',
+    },
+    // Anthropic-compatible third-party
+    ...anthropicProviders.map((p) => ({
+      label: (
+        <Text>
+          {p.name} ·{' '}
+          <Text dimColor>
+            [Anthropic API] {p.models.map((m) => m.id).join(', ')}
+          </Text>
+          {'\n'}
+        </Text>
+      ),
+      value: p.id,
+    })),
+    // OpenAI-compatible third-party
+    ...openaiProviders.map((p) => ({
+      label: (
+        <Text>
+          {p.name} ·{' '}
+          <Text dimColor>
+            [OpenAI API] {p.models.map((m) => m.id).join(', ')}
+          </Text>
+          {'\n'}
+        </Text>
+      ),
+      value: p.id,
+    })),
+    // Codex / GPT
+    {
+      label: (
+        <Text>
+          Codex / GPT (OpenAI) ·{' '}
+          <Text dimColor>GPT-4o, GPT-5.4, Codex via API key</Text>
+          {'\n'}
+        </Text>
+      ),
+      value: '__codex__',
+    },
+    // Custom provider
+    {
+      label: (
+        <Text>
+          + Custom Provider ·{' '}
+          <Text dimColor>Any OpenAI/Anthropic-compatible API endpoint</Text>
+          {'\n'}
+        </Text>
+      ),
+      value: '__custom__',
+    },
+  ]
+
+  return (
+    <Box flexDirection="column" gap={1} marginTop={1}>
+      <Text bold>
+        Welcome! Choose a login provider to get started:
+      </Text>
+      <Text>Select login method:</Text>
+      <Box>
+        <Select
+          options={options}
+          onChange={(value: string) => {
+            if (value === 'anthropic') {
+              setPath('anthropic')
+            } else if (value === '__codex__') {
+              setPath('codex')
+            } else if (value === '__custom__') {
+              setPath('custom')
+            } else {
+              setSelectedProviderId(value)
+              setPath('third-party')
+            }
+          }}
+        />
+      </Box>
+    </Box>
+  )
+}

package/src/components/Onboarding.tsx

@@ -14,6 +14,7 @@ import { PreflightStep } from '../utils/preflightChecks.js';
 import type { ThemeSetting } from '../utils/theme.js';
 import { ApproveApiKey } from './ApproveApiKey.js';
 import { ConsoleOAuthFlow } from './ConsoleOAuthFlow.js';
+import { ExtendedLoginFlow } from './ExtendedLoginFlow.js';
 import { Select } from './CustomSelect/select.js';
 import { WelcomeV2 } from './LogoV2/WelcomeV2.js';
 import { PressEnterToContinue } from './PressEnterToContinue.js';
@@ -130,14 +131,13 @@ export function Onboarding({
       component: <ApproveApiKey customApiKeyTruncated={apiKeyNeedingApproval} onDone={handleApiKeyDone} />
     });
   }
-  if (oauthEnabled) {
-    steps.push({
-      id: 'oauth',
-      component: <SkippableStep skip={skipOAuth} onSkip={goToNextStep}>
-          <ConsoleOAuthFlow onDone={goToNextStep} />
-        </SkippableStep>
-    });
-  }
+  // Always show login step — supports Anthropic OAuth + all third-party providers
+  steps.push({
+    id: 'oauth',
+    component: <SkippableStep skip={skipOAuth} onSkip={goToNextStep}>
+        <ExtendedLoginFlow onDone={goToNextStep} />
+      </SkippableStep>
+  });
   steps.push({
     id: 'security',
     component: securityStep