Finalizing Codex instructions

This commit is contained in:
Cole Medin
2025-09-20 14:29:01 -05:00
parent 3e9d812c94
commit ed8451b915

View File

@@ -60,11 +60,10 @@ const ideConfigurations: Record<
codex: {
title: "Codex Configuration",
steps: [
"Step 1: Install mcp-remote globally using: npm install -g mcp-remote",
"Step 1: Install mcp-remote globally: npm install -g mcp-remote",
"Step 2: Add configuration to ~/.codex/config.toml",
"Step 3: Find your exact mcp-remote path by running: npm root -g",
"Step 4: Replace the path in the configuration with your actual path + /mcp-remote/dist/proxy.js",
"Note: On macOS with Homebrew on Apple Silicon, the path might be /opt/homebrew/lib/node_modules/mcp-remote/dist/proxy.js",
],
configGenerator: (config) => {
const isWindows = navigator.platform.toLowerCase().includes("win");
@@ -272,10 +271,32 @@ export const McpConfigSection: React.FC<McpConfigSectionProps> = ({ config, stat
<div>
<h4 className="text-lg font-semibold text-gray-800 dark:text-white mb-3">{selectedConfig.title}</h4>
<ol className="list-decimal list-inside space-y-2 text-sm text-gray-600 dark:text-zinc-400">
{selectedConfig.steps.map((step) => (
<li key={step}>{step}</li>
))}
{selectedConfig.steps.map((step) => {
// Highlight npm install command for Codex
if (selectedIDE === "codex" && step.includes("npm install -g mcp-remote")) {
const parts = step.split("npm install -g mcp-remote");
return (
<li key={step}>
{parts[0]}
<code className="font-mono font-semibold bg-zinc-800 text-cyan-400 px-1.5 py-0.5 rounded">
npm install -g mcp-remote
</code>
{parts[1]}
</li>
);
}
return <li key={step}>{step}</li>;
})}
</ol>
{/* macOS note for Codex */}
{selectedIDE === "codex" && (
<p className="mt-2 text-sm text-gray-600 dark:text-zinc-400 italic">
Note: On macOS with Homebrew on Apple Silicon, the path might be{" "}
<code className="text-xs font-mono bg-zinc-800 px-1 rounded">
/opt/homebrew/lib/node_modules/mcp-remote/dist/proxy.js
</code>
</p>
)}
</div>
{/* Special Commands for Claude Code */}
@@ -303,7 +324,7 @@ export const McpConfigSection: React.FC<McpConfigSectionProps> = ({ config, stat
<p className="text-sm text-yellow-700 dark:text-yellow-300">
<span className="font-semibold">Platform Note:</span> The configuration below shows{" "}
{navigator.platform.toLowerCase().includes("win") ? "Windows" : "Linux/macOS"} format. Adjust paths
according to your system.
according to your system. This setup is complex right now because Codex has some bugs with MCP currently.
</p>
</div>
)}